
Webデザイナー向け


CSSで出来る小技やTips等をまとめた・「.css{tricks}」

ピュアCSSなマテリアルデザインコンポーネント集・「Matter」

フリーのプログラミング用フォントを直接試せる・「Programming Fonts」

モジュール式のモダンなフロントエンドコンポーネントライブラリ・「Undernet」

Vue.jsベースのinstagramクローン・「Vuestagram」

スマフォ等の傾きに応じてコンテンツに反射効果を付与するスクリプト・「Shiny」

無償で使える高品質な画像を公開するストックフォトのアグリゲーターサイト・「Pixel Mob」

印刷用の方眼紙や楽譜、ノート等を作成できる・「Gridzzly」

静的Webサイト構築の為のより良いワークフローを提供するオープンソースのBoilerplate・「Static Site Boilerplate」

three.jsよりも軽量なJavaScript 3Dライブラリ・「Shree.js」

Webサイトに訪問したユーザーの行動を記録し、再生できるライブラリ・「rrweb」

flexboxベースの軽量なCSSマイクロフレームワーク・「Strawberry」

Webでファイルを管理するためのOSS・「File Browser」

かわいいイラストのオープンソースな絵文字プロジェクト・「OpenMojis」

ミニマルを意識しつつ、出来る限り使いやすいCSSフレームワークを目指した・「boba」

画像内の人物のみを自動で綺麗に切り取ってくれるWebアプリ・「remove.bg」

コードスニペットをシンプルに管理できるOSSのデスクトップアプリ・「Forge」

Webサイト制作におけるワークフローを邪魔しない超シンプルなCSSデバッグ・「DebuCSSer」

CSSやHTMLのコードサンプルを収集している・「FREE FRONTEND」

NES.cssにインスパイアされたPlaystation 1スタイルのCSSフレームワーク・「PSone.css」
