Webディレクター向け

CSS/HTML

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

ミニマルなjavascriptアニメーションライブラリ・「snabbt.js」
フレームワーク

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

Bootstrapのひな形を手軽に作成出来る・「lollytin」
インスピレーション

Dribbbleに投稿されたデザインをCodopenで再現、比較している・「Give ’n’ Go」
JavaScript

Googleスプレッドシートのデータを元にチャートや地図、table等に変換するスクリプト・「Sheetsee.js」
ソフトウェア

オープンソースの Twitter Bootstrapのテーマ作成用ライブエディタ・「Cluckles」
その他

世界中で利用数の多いJavaScriptライブラリを検索できる・「Libscore」
フレームワーク

フロントエンド開発のためのボイラープレート・「Front-end Boilerplate」
JavaScript

ドラッグしたテキストに検索や翻訳、地図検索等のサポート機能を付与するスクリプト・「textAssist」
Webデザイン補助

2色を選んでマテリアルデザイン向けのカラースキームを作成してくれる・「Material Palette」
CSS/HTML

CSSのみで作られたスマフォ向けのカレンダーアプリデザイン・「CSS-only Calendar App Concept」
JavaScript

HTML5製の軽量リッチテキストエディタ・「Squire」
CSS/HTML

シンプルでミニマル設計なRWD対応の軽量CSSフレームワーク・「MNML」
JavaScript

モバイルアプリの為のUIフレームワーク・「Touchstone.js」
その他

女性や子供の為に立ち上げられたWeb制作技術を学ぶ為のリソースを提供するプロジェクト・「Ladies Learning Code」
その他

商用でも無料で利用可能なHD動画を配布する・「Distill」
JavaScript

Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」
Webデザイン補助

ブラウザで使えるモダンデザインなインタラクションデザインツール・「Plexi」
JavaScript

SASSとJekyllで構築されたフロントエンド開発フレームワーク・「Muffin」
その他

Web制作の際に作成するフローチャートやワイヤーフレームの為の素材集・「UI TILES」
ジェネレーター

任意の画像をアップロードし、PCモニター画像に合成してモックアップを作成してくれる・「Magic Mockups」
次のページ