Webデザイナー向け

ジェネレーター

Webサイトのmetaタグをチェックし、OGPタグ等のコードを生成してくれる・「HEY META」
その他

様々なデバイスのモックアップ画像を配布するWebサイトをまとめている・「The Mockup Club 」
JavaScript

WYSIWYGモードも備わったOSSのライブプレビュー機能付きMarkdownエディタ・「TOAST UI Editor」
Ads
ジェネレーター

美しいグラデーションをリスト化、編集やCSSコードのコピーも出来る・「CSS GEARS」
その他

任意のWebページのデータ等を自動でスプレッドシートに挿入、Excelファイルとしてダウンロードできる・「Listly.io」
CSS/HTML

画像にインスタグラムのようなフィルターを付与できるスタイルシート・「Instagram.css」
ソフトウェア

オープンソースのBootstrap4テーマビルダー・「bootstrap.build」
JavaScript

インライン用のオープンソース国産WYSIWYGエディタ・「Lite Editor」
共有系サイト

チームで情報を管理、共有するためのオンラインツール・「Tixio」
ソフトウェア

オープンソースのファイルアップローダー・「Uppy」
ソフトウェア

ポモドーロタイマー付きのOSSな国産Todoアプリ・「Pentazemin」
JavaScript

ドラッグ&ドロップにも対応の、JavaScript製タイムスケジューラー・「jq.schedule.js」
JavaScript

ウェブアクセシビリティを重視した使いやすいモーダルウィンドウ・「Modaal」
ソフトウェア

コンポーネントやプラグインを豊富に同梱したBootstrap 4ベースのフリー管理画面テンプレート・「Pike Admin」
ジェネレーター

画像を解析してパスを生成、単色のSVGに変換してくれる・「Tracy」
CSS/HTML

LESSベースの軽量でモダンなUIフレームワーク・「Petal」
ソフトウェア

オープンソースのTrelloライクなカンバンボードシステム・「Restyaboard」
CSS/HTML

clip-pathで要素を斜めにカットするCSSライブラリ・「Angled edges」
ソフトウェア

CSSで作られた複雑なアニメーションエフェクトのスピナー集・「Epic Spinners」
Webデザイン補助

Dribbbleで注目されたイラストからカラーパレットを作成している・「The Colorbook」
ソフトウェア

ブラウザで動作するオープンソースの電子書籍リーダー・「LibreRead」
最適化ツール

Webサイトのアクセシビリティチェックに使えるカラーコントラストチェッカー・「Color Contrast Checker」
次のページ