[B! Zen-Coding] inthesoupのブックマーク

Webデザイナー & デベロッパー必見！絶対使えるチートシートまとめ | webox blog

フレームワークやらライブラリやら、色々触る機会が多いですよね。そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。そういう時に便利な各種チートシートをまとめてご紹介します。上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート

inthesoup 2011/05/28

リンク

より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net

Web制作を少しでも効率化しようと思って（今更）いろいろ便利そうな情報を探しました。既に使っている情報の方が多かったのですが、折角調べたのでシェアしたいと思ってエントリーです。コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利初期設定とかTipsとか制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。もう、cla

inthesoup 2010/06/25

リンク

Zen-Codingで楽々コーディング! + コツ1つ

話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみたある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)

inthesoup 2010/02/24

Zen-Coding

リンク

Zen-Codingのショートカットをまとめてみました - EC studio デザインブログ

前回の記事ではZen-Codingの導入方法について解説しました。今回はZen-Codingの機能とそれを実行するためのショートカットの解説をします。 ※2010/02/22現在の最新バージョン「Zen Coding for Aptana v0.6.0.1」を対象にしています。なおAptana（Eclipse）の場合だとAptanaの方の機能に多くのショートカットが割り当てられているので、利用する環境によってはショートカットを変更する必要があります。Zen-Codingのデフォルトのショートカットが機能しない場合は、記事最後にまとめる変更方法を参考にしてください。 Expand Abbreviation（省略コードの展開） Win：Ctrl+E mac：Command+E Zen-Codingの主な機能のひとつです。