Tools & Resources
Web制作に役立つツールをまとめている・「WebPlatformTools.org」
任意のWebサイトの使用カラーを抽出する・「ColrGrabr」
CSS3のコードスニペットと動作デモを紹介する・「CSSFlow」
CSSによる三角形をジェネレートできる・「CSS triangle generator」
ソースコードを画像化してInstagramライクに装飾できる・「Instacode」
デバイスに応じたMedia Queriesのコードをコピペ出来るスニペット一覧表・「Media Query Snippets」
テキストの差分をチェックするだけのシンプルツール・「Diff Checker」
Webページの任意の箇所をハイライトして共有できる・「inFocus.cc」
PNGやPSDファイルとしてエクスポートできるグリッド生成ツール・「Modular Grid Pattern」
オンラインでシンプルなダイアグラムを生成出来る・「Graphity Diagram Editor」
CSS3を使ったエレメントを簡単に作成出来るChrome拡張・「CSS-SHACK」
ベクターオブジェクトをソースコードに変換するIllustratorの拡張・「Drawscript」
一度だけダウンロードできるファイル転送サービス・「JustBeamIt」
学生によって作成された作品のみを掲載しているWebギャラリー・「Student Show」
Font Awesomeのアイコンを利用したボタンを作成出来る・「CSS3Butt.in」
猫の画像をダミー画像として使える・「{placekitten}」
Sass用のカラー調整Webツール・「SassMe」
transition-timing-functionのcubic-bezier関数を動作を見ながら設定出来る・「Visualize and manipulate CSS transition functions」
デバイス画像のモニターにサイトを表示させてレスポンシブ対応状態を確認する・「Am I Responsive?」
様々なソーシャルメディアサイト内で使用するアイコンや背景を作成・「Social Media Image Maker」