Web Design & Develop

• 

  Prepros :: Compile Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live browser refresh.

  各種プリプロセッサをコンパイルしてくれるツール。Windows 向け。

• 

  Portal CSS – hop.ie

  ゲーム「Portal」のあの動画を HTML & CSS で再現したもの。手順が詳細に書かれている。

• 

  GistBox – The Beautiful Way to Organize Code Snippets

  Gist をコード保管庫として便利に使うためのツール。

• 

  Understanding 3D Transforms – Dev.Opera

  CSS 3D Transforms について基本的なものを解説している。

• 

  Colour theming with Sass and Compass | Tutorial | .net magazine

  Sass で色の管理・変更を行う。変数による管理、色関係の関数など。

• 

  Secrets of the Browser Developer Tools – Secrets

  各種ブラウザの開発ツールの機能を紹介している。フィルタで絞り込んで探すこともできる。

• 

  Creative Button Styles | Codrops

  ボタンスタイリングのサンプル集。

• 

  JavaScript – document.body.scrollTopが常に0を返す謎を調べてみた – Qiita [キータ]

  現在地のスクロール位置を取得しようとしたら 0 が返って来る場合がある。その原因。

• 

  magic css3 animations

  CSS アニメーションのサンプル集。

• 

  HTMLにおけるimg要素のalt属性

  alt 属性についての仕様をまとめた文書。

• 

  PhpStormでSass/SCSSを使う | mawatari.jp

  File Watchers を使った方法、その手順や設定。

• 

  Grumpicon. A Web app for the Grunticon workflow.

  SVG を Data URI にしたり png にしてくれたりするサービス。CSS ファイルも貰える。

• 

  Integrating Multiple Choice Quizzes In WordPress | Wptuts+

  WordPress を使って選択式のクイズを作るチュートリアル。バックエンド編、フロントエンド編の全2回。

• 

  SVG for the Web: SVG Stacking

  重ねた SVG レイヤーを非表示にし、ハッシュフラグメントと :target 擬似クラスで表示するあれの話。

• 

  Sassmatic – The Photo Filter SCSS Mixin Library

  画像にフィルタをかける Sass Mixin ライブラリ。出力される CSS 見るとわかるけど、擬似要素とかグラデーションとかで頑張ってる。

• 

  GenerateWP

  WordPress での制作に使えるコードジェネレータ。

• 

  GoodUI

  良いユーザーインターフェースの実用的なアイディアと、その悪い例をまとめている。

• 

  Mobile Web Problems and How to Avoid Them

  モバイルサイトで見かける問題とその回避策。

• 

  The humble border-radius

  CSS border-radius について詳しく書かれたスライド。