Webディレクター向け

CSS/HTML

ユニークなエフェクトを要素に付与できるCSSアニメーションライブラリ・「mimic.css」
JavaScript

inputのtype=”file”で送信前に画像を表示させるスクリプト・「file-upload-with-preview」
CSS/HTML

CSSだけでふわっと浮かぶ上がるツールチップを簡単な設定で実装できるCSSライブラリ・「Balloon.css」
Ads
JavaScript

ドラッグ&ドロップで作れるコンテンツエディター実装スクリプト・「KEditor」
JavaScript

anime.jsでテキストにアニメーションエフェクトを付与するコードをまとめたサンプル集・「MOVING LETTERS」
JavaScript

canvasで描いた円状のシャボン玉っぽいものをランダムに動かし、背景に設定できるスクリプト・「bubbly-bg」
その他

Googleカレンダーを使ったシンプルなタスクマネージャ・「TManager」
その他

カンバンやロードマップなど、チームでプロジェクトを管理できる・「Atlaz」
ソフトウェア

CSVやプレーンテキストのデータをJSONやMarkdown等に変換できるOSSなコンバーター・「Mr. Data Converter」
ソフトウェア

手作り感がかわいい、オープンソースなアイコンフォント・「JAM icons」
ソフトウェア

書いたソースコードを画像化してTwitterに投稿できる・「carbon」
CSS/HTML

シンプルでスケーラブル、メンテナンス性も意識して設計されたCSSフレームワーク・「zap」
その他

オープンソースの様々なライセンスのざっくりした特徴が一目で分かる早見表・「Choose a License | Appendix」
ソフトウェア

MediumのようなエディターをWordPressに導入できるプラグイン・「WP Medium Editor」
CSS/HTML

シンプルで使いやすい、モバイルフレンドリーなFlexboxベースのCSSフレームワーク・「Framy」
JavaScript

一定の幅にテキストをフィットさせてくれるスクリプト・「Fitty」
JavaScript

Vue.jsのコンポーネントフレームワーク・「Vuetify」
ソフトウェア

文章内にグラフを表示するスパークラインを実装出来るOSSなフォント・「Spark」
Webデザイン補助

Webデザインギャラリーに掲載したWebサイトと連動したカラーパレットサービス・「Colors」
Webデザイン補助

FeatherやFont Awesomeなどのアイコンを色やサイズをパスに指定するだけで表示できる・「icongram」
ソフトウェア

人物の顔写真を解析して、その顔を自動で3D化する・「3D Face Reconstruction」
Webデザイン補助

クリックするだけでPantoneカラーをhexコードでコピーできる・「Pantone colors」
次のページ