yama-log

カテゴリー: HTML5 (1ページ / 4ページ)

PHPStorm,Bower,Gulpを使ったHTMLコーディング環境設定メモ(超個人的、小規模サイト用、sass記法)

から

投稿日時: 2017年7月20日

投稿先 HTML5, phpstorm

PHPStorm,Bower,Gulpを使ったHTMLコーディング環境設定メモ(超個人的、小規模サイト用、sass記法)

個人的にライトに使っているgulpの使い方メモ
小規模〜中規模のWebコーディング、システム開発をメインにしています。
(以下 HomeBrewはインストール済を想定)

続きを読む

PHPStorm(WebStorm)でのSCSS/Compassの自動コンパイル設定(Mac OS EI Capitan)

から

投稿日時: 2016年12月13日

投稿先 CSS, HTML5

メニューの[Prefrerence]からパネルを開く。

コンパスの有効化

978bbc83-13e4-46f0-9e92-b4b34f921207

File Watchersの設定(変更があった場合に自動コンパイルするファイルタイプ関連の設定)

(scss)

52151a2d-060b-460a-9238-b301293c7bd1

(sass)

screen-shot-2016-12-13-at-11-40-19-am

Program : /usr/local/bin/compass
Arguments : compile
Working directory : $FileDir$
Environment variables : (空)
Output paths to refresh : $FileParentDir$/css/$FileNameWithoutExtension$.css

※追記 : sassファイルが多くなって更新時に編集中のファイルのみをコンパイルしたい場合は、Arguments : compile $FileName$ と指定すると良いです。

 

PHPStormでつかってますが、コードヒントが出てくれて便利です。@includeで一覧したり、

screen-shot-2016-12-13-at-11-21-50-am

先頭数文字タイプすると候補が絞込まれて、その引数も見れたり

screen-shot-2016-12-13-at-11-24-54-am

さらに @includeで書いたmixinの部分を Cmd+クリックで compassのソース(mixin)が見れたり。

screen-shot-2016-12-13-at-11-26-51-am

なかなか便利、wordpressなどの関数も数文字タイプで候補に上がったりで便利すぎて
手放せない開発環境になっています。
(Atom,Sublime,Aptanaとかもどうなのか時間があれば調べてみたいがなかなか><)

Monaca/OnsenUI：Ajax通信中にモーダルを表示を数行で簡単に実装しました。

から

投稿日時: 2015年9月29日

投稿先 HTML5, JavaScript, Monaca, OnsenUI

ons.ready(function() {
	
	var $modal = $('');
	$('body').append($modal);
	ons.compile($modal[0]);
	//$modal.css('background-color','rgba(255,255,255,0.7)'); //モーダルを白に変更
	$.ajaxSetup({
		beforeSend:function(){
			myModal.show();
		},
		complete:function(){
			myModal.hide();
		}
	});
});

jQueryのトグルスイッチプラグイン[jQeury,toggle]

から

投稿日時: 2012年9月25日

投稿先 Android, HTML5, iPhone, JavaScript, jQuery

jQueryのトグルで表示を切り替えるプラグインをgithubにアップしました。

jquery-toggleswitch :
https://github.com/horigotatsu/jquery-toggleswitch

 

続きを読む

jQueryのトグルボタンプラグイン[jQeury,toggle]

から

投稿日時: 2012年9月25日

投稿先 Android, HTML5, iPhone, JavaScript, jQuery

jQueryのトグルボタン生成のプラグインをgithubにアップしました。

jquery-togglebutton :
https://github.com/horigotatsu/jquery-togglebutton

続きを読む

SublimeText2のメモ[テキストエディタ]

から

投稿日時: 2012年8月21日

投稿先 CSS, HTML5

SublimeText2をインストールしてセッティングしてみたのでいろいろメモしながら覚えてみる。

続きを読む

Coda2が今日中半額なので急ぎ足でコード補完とか試した。[coda2,mac]

から

投稿日時: 2012年5月24日

投稿先 CSS, HTML5, Mac, Mysql, Server


Coda2が発売から24h無料だと言う事で話題です。
ちょっとそそられる機能もあったので買おうかどうかデモ版を使ってみました。

続きを読む

FlashCS6のHTML5書出しと、EdgeでつくったHTML5を比べてみた。[HTML5,FlashCS6,Edge]

から

投稿日時: 2012年5月11日

投稿先 CS6, CSS, enchant.js, Flash, HTML5, JavaScript


ちょっと気になって、FlashCS6のHTML書出しとEdgeのHTML書出しを比べてみました。

続きを読む

FlashCS6でHTMLを書きだしてみました。[Flash,CS6,CreateJS,HTML5]

から

投稿日時: 2012年5月8日

投稿先 ActionScript, CS6, Flash, HTML5


Flash CS6の新機能であるHTMLの書出しを試してみました。
SWFとCreateJS書出しデモ

続きを読む

UTF-16サイトを作ってみるためにブラウザのテスト[utf16,browser]

から

投稿日時: 2012年4月4日

投稿先 HTML5, JavaScript


UTF16のサイトをつくるときメモです。いつも文字コードとブラウザの話になってきた場合に情報が少なく探せないのでストックしておこう。
Web制作のための文字コード虎の穴合宿とか誰か開催してほしいなぁー。

続きを読む

1 / 4ページ

次へ →

Categories

Powered by WordPress & Theme by Anders Norén