レスポンシブWebデザイン対応のHTML5 / CSS3テンプレートを配布する・「HTML5 Up!」
HTML5 Up! HTML5 Up!は様々なHTML5 / CSS3なテンプレを配布するWebサイトです。全てレスポンシブWebデザインに対応しています。現在12~13個ほどあり、素敵なデザインに仕上がっています。ライセンスはCC-...
Resource - ソフトウェア
LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」
Prepros PreprosはLessやSass、Coffeescript等のファイルを監視し、変更があった際に自動でコンパイルしてくれるWindows用のソフトウェアです。CodeKitほど高性能では無いにしても、割と似たようなも...
Webフォントとしても使えるMetroスタイルのアイコンセット・「Metrize Icons」
Metrize Icons Metrize IconsはMetroスタイルなアイコンのセットです。シンプルで使いやすそうですね。SVGやWebフォントも用意されています。ライセンス形態は明示されていませんが、商用で使えて帰属表記の必要...
Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」
Retinize It Retinize ItはiOSで採用されているRetinaディスプレイに対応する為の画像を作れるPhotoshopアクションです。@2xのファイルを作成する事ができます。ドロップシャドウを用いている場合は諸注意...
SassのコードをCSSに即時変換・「SassMeister」
SassMeister SassMeisterはSass記法で書いたコードを即時CSSに変換するツールです。左に書き込めばCSSが右側に表示されます。OSSとしてGithubでも公開されています。Rubyで書かれているようですね。 ...
作成したフォントをパブリックドメインで公開・「ドットコロン」
ドットコロン ドットコロンは、作成したフォントをパブリックドメインで公開、配布してくれている日本のWebサイトです。欧文フォントではありますが、どれも綺麗で使いたくなりますね。勿論Webフォントとしても利用させて貰えます。 ドッ...
プログラミングに適したフォントをまとめている・「What are the best programming fonts?」
What are the best programming fonts? What are the best programming fonts?は、エディタでコードを書く際に適したフォントをまとめたWebページです。プログラミング向...
フリーでオープンソースなフォントのプロジェクトサイト・「The League of Moveable Type」
The League of Moveable Type The League of Moveable Typeはオープンソースなフォントのプロジェクトサイトです。Webフォントにも利用出来るみたい。英字のみになります。フォントのライセ...
CSS3を使ったエレメントを簡単に作成出来るChrome拡張・「CSS-SHACK」
CSS-SHACK CSS-SHACKはChromeでCSS3を使ったエレメントを作成できるアプリケーションです。右のツールボックスで装飾するとリアルタイムで反映、そのままソースをエクスポートできるようになっています。レイヤー機能も付...
動作を確認しながらCSS3のkeyframeを使ったアニメーションを作成・「Stylie」
Stylie Stylieは動作デモを確認しながらCSS3のkeyframeを利用したアニメーション用コードを作成するOSSのツールです。右のボックスで軸等をセッティングしていきます。MITライセンスでGithubでも公開されています...
Illustratorのデータをcanvasに変換する・「Ai to Canvas」
Ai to Canvas Ai to Canvasは、AIファイルをHTML5のcanvasに変換するプラグイン。アニメーションにも対応しているようです。現状は完全な物ではなさそうですが、今後も期待できそうな出来ですね。 Ai ...
PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」
CSS3Ps CSS3Psは、PhotoshopのレイヤースタイルをCSS3に変換するプラグインです。Sassにも対応しています。 CSS3Ps