404ページやメンテナンスページを作成出来る・「Better Error Pages」
Better Error Pages Better Error Pagesは404ページや503ページ、メンテナンスページ等を作成出来るWebサービスです。URLやメールアドレスなど、必要な情報を入力し、スタイルするだけ。テンプレート...
Resource - Webディレクター向け
大量のjQueryプラグインと、その使い方等をコレクションしている・「jQueryScript.Net」
jQueryScript.Net jQueryScript.NetはjQueryのプラグインをコレクションしているWebサイトです。プラグインだけでなく、その使用方法やライセンス、ファイルサイズ等を簡単に紹介しています。今更感が否めな...
モバイルファーストな軽量フロントエンドフレームワーク・「Wee」
Wee Weeは軽量でモバイルファーストなOSSのフロントエンドフレームワークです。軽量ではあるものの、その性能は非常に充実しており、フレームワークとしてしっかり機能してくれそうな印象でした。開発をサポートするJavaScriptツー...
CSSのfilterのコードを、インタラクティブに生成出来るジェネレーター・「CSS Filter Effects」
CSS Filter Effects CSS Filter EffectsはCSS filterのコードを、実際にかかるエフェクトを見ながら生成出来るジェネレーターです。BlurやBrightness、Hue Rotate、Grays...
書いたテキストに背景画像を適応させるスクリプト・「TextHoler.js」
TextHoler.js TextHoler.jsは書いたテキストに上記のように背景画像を適応させる為のスクリプトです。jQueryに依存しています。指定された要素にCSSを加えるだけのシンプルなものなので手軽でいいですね。とは言え、...
Ruby on Rails x Backbone.jsで構築されたEvernoteクローン・「Nevernote」
Nevernote NevernoteはRailsとBackbone.jsで作られたEvernoteクローンです。動作デモを触ってみましたが、UIはなかなかの再現度という印象でした。象のロゴを使うのはちょっとどうかなと思いますが・・ｗ...
Web制作者向けのツールやリソースを収集している・「wwwhere」
wwwhere wwwhereはWeb制作者向けのツールやリソースを収集、公開しているWebサイトです。カテゴリもそこそこ細かく分けられていて探しやすい印象です。収集されているリソースは本Webサイト開発者の主観で集められているのでア...
データリストに使っているフォーマットを解釈して一括で変更してくれるツール・「Transformy」
Transformy Transformyは任意のデータ等のリストで使っているフォーマットを解釈し、任意のフォーマットに一括変換してくれるWebツールです。上図では「果物-foo個:bar円」という形式を、「果物/fooダース/bar...
iPhoneやApple Watch、Androidのアプリアイコンにリサイズ出来るツール・「App Icon Resizer」
App Icon Resizer App Icon Resizerは作成したアイコンをiPhoneやApple Watch、Android向けのサイズにリサイズしてくれるWebツールです。チェックボックスにチェックを入れてアイコン画像...
SVG関連の情報を配信する・「SVG News」
SVG News SVG NewsはSVGに関するチュートリアル記事や情報を配信するニュースサイトです。SVGをこれから勉強する、もう少し向上させたいという方に良さそうな印象でした。若干の探しにくさはありますが、このような特化したキュ...
RWD対応のシンプルなUIキット・「Poly」
Poly See the Pen Poly – A simple, modular UI kit built with Sass by Guil H (@Guilh) on CodePen. PolyはレスポンシブWebデザイン対応...
SASSで構築された軽量なフロントエンド開発フレームワーク・「Penguin」
Penguin PenguinはSASSで構築されたフロントエンド開発の為の軽量スターターキットです。OSSとして公開されています。必要最低限のコンポーネントも揃えられており、RequireJS併用でモジュールの管理も可能との事。個人...
Sketchのプラグインを探せる・「Sketch Plugin Filter」
Sketch Plugin Filter Sketch Plugin FilterはSketchのプラグインをまとめているWebサイトです。スクリーンショット付きでプラグインを紹介してくれています。Sketch Toolboxを使っい...
Foudationをマテリアルデザインに対応させた・「Material Foundation」
Material Foundation Material Foundationは人気のCSSフレームワーク・Foudationをマテリアルデザインに対応させたCSS/JSのセットです。日本ではBootstrapほど馴染んでいない印象で...
シンプルでライセンスも緩いOSSのライブMarkdownエディタ・「Live (Github-flavored) Markdown Editor」
Live (Github-flavored) Markdown Editor Live (Github-flavored) Markdown Editorはシンプルなライブプレビュー機能付きMarkdownエディタです。絵文字にも対応...
ランディングページを手軽に作成・公開出来る国産サービス・「ペライチ」
ペライチ ペライチはシングルページのWebサイトを専門知識不要で手軽にスタイリング・作成・公開出来る国産のWebサービスです。ランディングページでよく使われるような、所謂ペラサイトを、直感で作成、公開する事ができるみたいです。海外には...
チートシートをアップロード・共有出来る・「Cheatography」
Cheatography Cheatographyは任意のチートシートをアップロード、共有するためのWebサービスです。国やタグを設定して公開、共有する事が出来る・・との事なので少し試してみたのですが、上手く動きませんでした・・・が、...
HTMLをmarkdown記法で書いたようなスタイルにするCSS・「i-love-markdown.css」
i-love-markdown.css i-love-markdown.cssはHTMLをmarkdown記法で書いたようなスタイルにするCSSです。上図はh1やtableタグで書いていますが、このようにmarkdown記法に見せるC...
動画のように表現出来るコンテンツスライダー・「Jquery Image Player」
Jquery Image Player Jquery Image Playerはコンテンツを動画のように再生して連続表示出来るJSスライダーです。jQueryに依存しています。上図のように、HTMLで書かれたテキストや画像等が含まれた...
商用でも自由に使えるCC0ライセンスの動画を配布する・「Pexels Videos」
Pexels Videos Pexels Videosは商用利用でも無料のCC0ライセンスな動画を配布するプロジェクトです。動画のカテゴリも食べ物や車、街や人物、太陽や空、海などの景色やビジネス向けなど様々用意されています。ダミー動画...
CSSのみで作られたローディングアニメーションのセット・「Loaders.css」
Loaders.css Loaders.cssはCSSのみで作られたローディングアイコンのセットです。CSSで作られているのでスタイルの変更やスピード調整もしやすく、軽量で済む反面、対応ブラウザも限られるので現状ではスマフォ向けになり...
フラットデザイン向けのボタンを手軽に作成出来るOSS・「2.5dBUTTON」
2.5dBUTTON 2.5dBUTTONはフラットデザイン向けのボタンを手軽に作成出来るツールです。国産で、OSSとしてもソースコードが公開されています。サイズやカラー、テキスト、アイコンなどを調整してHTMLとCSSをコピペすれば...