Webデザイナー向け

ソフトウェア

ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」

ソフトウェア

Githubページを利用したブログを構築できる・「HubPress.io」

JavaScript

デザイン性と柔軟性にフォーカスしたD3.jsベースのチャートライブラリ・「Taucharts」

Ads
JavaScript

フリックにも対応のレスポンシブなスライダーを実装出来るスクリプト・「Flickity」

インスピレーション

マテリアルデザインを取り入れたWebサイトやアプリのWebギャラリー・「MaterialUp」

CSS/HTML

別アイコンにアニメーション付きで切り替える方法をまとめている・「MENU TO CROSS ICON」

ソフトウェア

日記用に作られたミニマルなWordPressテーマ・「Daily」

JavaScript

ブラウザのタブテキストを別のテキストと交互に表示可能にするスクリプト・「blinkTitle.js」

CSS/HTML

SASSベースのRWD対応CSSフレームワーク・「SPACEBASE」

JavaScript

シングルページ向けのWebサイト他言語化スクリプト・「jquery.localizationTool.js」

JavaScript

シングルページで構成されたWebアプリケーションの為のJavaScriptフレームワーク・「Composer.js」

CSS/HTML

モバイルファーストで軽量なRWD対応CSSフレームワーク・「TACHYONS」

CSS/HTML

Googleマテリアルデザインを取り入れたAngularJSベースのRWD対応フロントエンドフレームワーク・「lumX」

CSS/HTML

AngularJS用のUIフレームワーク・「Suave UI」

Webデザイン補助

Sketchのプラグインやリソースをまとめている・「sketch.land」

その他

マテリアルデザイン向けのカラーコードをコピーして使える・「Material UI Colors」

CSS/HTML

CSSのみで作られたシンプルなアイコンセット・「ICONO」

ソフトウェア

Evernoteライクなクリップツールを構築する為のオープンソースソフトウェア・「Paperwork」

インスピレーション

インタラクションデザインの導入例をアニメーションで確認出来るWebデザインギャラリー・「Hover States」

JavaScript

SVGをインラインに展開し、CSSでスタイル出来るようにするJSライブラリ・「deSVG」

CSS/HTML

CSS3による様々なマウスホバーアニメーションをまとめたスタイルシート・「Hover.css」

フレームワーク

モバイルアプリ開発向けのHTML5製フレームワーク・「Mootor」