Emmetのテンプレート変更と言語変更（Mac） | DECONCEPTER
Sublime Textにインストール直後のEmmetはlangがen、localeがen-USになっています。html:5と打って展開しても のような形で展開されます。 新しいマシンにSublime Textを入れる度に変更するファイルの場所を忘れてしまうので備忘録としてのメモです。Mac版です。 変更するファイルの場所 Emmetの設定ファイルは下記の場所にあります。 /Users/username/Library/Application Support/Sublime Text 2/Packages/emmet-sublime/emmet この中のsnippets.jsonというファイルを開くと先頭に下記のようなコードがありますので、それぞれlangとlocaleを日本語に変更しましょう。 { "variables": { "lang": "en", "locale": "en-US
TextExpanderで爆速インスタントコーディング | DECONCEPTER
CodaやDreamWeaverなど高機能なエディタのスニペット機能はとても便利です。よく使うコードは断片としていつでもショートカット一つで呼び出せるようにしておきたいものです。 ライトなエディタでサッと動くものをサッと作りたい時もあり、その都度スニペットを登録しているエディタに切り替えたりしなくてもいいようにするためにTextExpanderというアプリを活用しています。 エディタごとにスニペットを用意することも重要ですが、TextExpanderにスニペットを集約しておけば、設定ファイルをDropboxで同期もでき、複数マシン環境で仕事をされる方にも重宝します。 TextExpander for Mac カテゴリ: 仕事効率化 価格: ￥3,000 TextExpanderの使い方 TextExpander自体の使い方は下記のページがとてもわかりやすいです。 [動画あり]快適な文字入
たった１行で完成？凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER
簡単に作れる！みんな大好き可変グリッド 先日話題になっていた「なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ！ @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア
HTML5でFlashに近づけるか？Adobe AnimateをJavaScriptで制御する | DECONCEPTER
手軽なHTML5アニメーションを作るならこれがベストかも 前回Adobe Edgeの雑感を書いたが、今回は実際にEdge Animateを使ってみる。アニメーション自体を作るのは簡単だが、クリックしたら再生など、ちょっとしたインタラクティブ性を加えるにはJavaScriptの記述が必要になる。手順としてまずAdobe Animateでアニメーションを作り、さらにJavaScriptで制御してみたいと思う。 今回作るサンプル 単純なサンプルではあるが、PLAYボタンを押したらアニメーションが開始し、ボタンの状態をPAUSEボタンに変化させるトグルボタンの実装と、アニメーションが一回再生されるごとにカウンターの数字が上がっていくサンプルを作る。 デモ Edge Animateで作られる要素 コンポジションとシンボルの2つの考え方で構成される。Flashで言うところのStageとMovieCli
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
