Webデザイナー向け

編集ツール

Webページとして公開もできるjsfiddleライクなコードテストツール・「PLAYCODE」
CSS/HTML

いろいろなスタイルのボタンを実装出来るスタイルシート・「bttn.css」
CSS/HTML

CSSで作る様々なメニューを大量にまとめた・「110 CSS Menu」
Ads
ソフトウェア

ブラウザでアニメーションや簡単なゲーム等を作成出来るOSS・「Wick」
JavaScript

軽量で非依存のパララックス実装スクリプト・「Rellax.js」
その他

任意のWebサイトや要素に設定されたCSSを解析するChromeエクステンション・「CSS Peeper」
CSS/HTML

大量のCSSフレームワークやライブラリ、スニペット、ツール等をコレクションしている・「CSSReflex」
複合/その他

モジュール形式のWordPressテーマ開発向けフレームワーク・「Cherry Framework」
CSS/HTML

disple:tableを使ったモバイルファーストなCSSグリッドシステム・「Table Grid」
Webデザイン補助

複数のストックフォトサイトやフォント、モックアップ、動画の配布サイトをその場で探せる・「TheStocks」
インスピレーション

さまざまなUIデザインをギャラリー形式で紹介している・「UIDB.io」
Webデザイン補助

ブラウザで使える、Framer.jsを使ったプロトタイプのインタラクションテストツール・「Prototyp」
JavaScript

シンプルで非依存、軽量なカルーセルスクリプト・「Siema」
ジェネレーター

レスポンシブなペラページを直感で作成、CC0ライセンスでダウンロード出来る・「Launchaco Website Builder」
JavaScript

複雑なCSSアニメーションを処理する為のシンプルなスクリプト・「Choreographer.js」
ジェネレーター

任意の画像にCSSのfilterとblend modeを設定した状態を表示、コードを出してくれる・「CSS filter and blend mode Generator」
プログラミング補助

覚えておくと便利な正規表現のパターンをまとめた・「Regex Hub」
CSS/HTML

CSSで出来る画像エフェクトをまとめた・「Image Effects with CSS」
ジェネレーター

雪の結晶を作成、svgで保存出来る・「Snowflaker」
ジェネレーター

書いたコードを画像化してTwitterに投稿出来るシンプルなツール・「Alter」
CSS/HTML

設定したplaceholderにアニメーションエフェクトを付与する・「FoxHolder 」
ジェネレーター

AIが作ってくれる手軽なロゴデザインジェネレーター・「Logojoy」
次のページ