Tools & Resources

JavaScript

スクロールに応じて要素にアニメーションエフェクトを付与できるライブラリ・「AOS」
CSS/HTML

基本的なUIコンポーネントを備えたミニマルなCSSフレームワーク・「Look」
JavaScript

SVGを使ったプログレスバーを実装出来るスクリプト・「jQuery-svg-progress」
Ads
JavaScript

JSONデータから年表のようなタイムラインを作れるスクリプト・「Albe Timeline」
ソフトウェア

Githubのデータでポートフォリオが作れるオープンソースソフトウェア・「GitShowcase」
JavaScript

SNSのシェアボタンを手軽に設置できるスクリプト・「jquery.sharebox」
ソフトウェア

ChromeやFirefox、Operaの拡張機能を作るためのフレームワーク・「Extension Boilerplate」
ソフトウェア

CKEditorをベースに構築されたモダンなWYSIWYGエディタ・「AlloyEditor」
フレームワーク

Webアプリの為のミニマルなフロントエンドフレームワーク・「uix」
CSS/HTML

基本的なUIコンポーネントも備わったベーシックなCSSフレームワーク・「Caramel」
インスピレーション

デザイナーのポートフォリオをまとめているデザインギャラリー・「Bestfolios」
CSS/HTML

ITCSSガイドラインに沿って設計されたWebアプリの為のCSSフレームワーク・「Base-L」
ソフトウェア

オープンソースの多言語対応な電子カルテ+医療業務管理ソフトウェア・「OpenEMR」
フレームワーク

Meteor + Vue.jsのマテリアルデザインUIフレームワーク・「viu」
Webデザイン補助

パターン素材を表示確認しながら探せる・「Lisbon Azulejos」
CSS/HTML

軽量でベーシックなレスポンシブWebデザイン対応CSSフレームワーク・「Cirrus」
その他

CCライセンスで高品質な写真素材を収集するストックフォトサイト・「FreePhotos.cc」
Webデザイン補助

モックアップ作成用に作られたSILライセンスの棒状フォント・「MockFlowFont」
JavaScript

手軽に使える、スクロールに応じて動作するパララックス系スクリプト・「paroller.js」
CSS/HTML

flexboxを使った、シンプル軽量なグリッドシステム・「Waffle grid」
CSS/HTML

使用してないCSSを解析して削除、使用中のものだけ残してくれる・「UnCSS」
CSS/HTML

CSSアニメーションを手軽に作成、コードをコピー出来る・「Animista」
次のページ