CSS3

CSS/HTML

CSS GridとGradientsを使ってランダムにパターンを作成、コードをコピーできる・「CSS Grid-ient」

CSS/HTML

CSSによるアニメーションエフェクトの動作確認しながらコードをコピーできる・「CSS Animo」

CSS/HTML

アスキーアートのラップトップを作って画像などを組み合わせて使えるCSS・「laptop.css」

Ads
複合/その他

プロジェクトが止まってしまっているSemantic UIからフォークされ、コミュニティによって開発が進められているUIフレームワーク・「Fomantic UI」

Webデザイン補助

任意のSVGのstrokeやfillをアニメーションさせるWebアプリ・「SVG Artista」

CSS/HTML

ユニークなCSSグラデーションをコレクションしている・「Gradient Magic」

CSS/HTML

軽量でカスタマイズ性重視の、カスタムプロパティを使ったモダンなCSSフレームワーク・「HiQ」

CSS/HTML

コピペで使えてカスタマイズもしやすいCSSアニメーションコードをまとめている・「CSS WAND」

ソフトウェア

Flexboxでやりたいレイアウトを、ビジュアルを見ながら選択肢を選んで作成、コードをコピーできる・「Flex」

CSS/HTML

Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」

CSS/HTML

mediumライクなスタイルを提供するCSS・「medium.css」

CSS/HTML

高パフォーマンス且つスケーラブルなWebアプリの為に設計された、!importantを持たず、依存ゼロのCSSツールキット・「Brevis」

CSS/HTML

クリックでコードをコピーできるCSSアニメーションエフェクト集・「CSSFX」

JavaScript

jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」

CSS/HTML

軽量でレスポンシブ対応の、classを使わないCSSフレームワーク・「Water.css」

CSS/HTML

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

CSS/HTML

よく見かけるCSSアニメーションエフェクトのスニペットコードをコピーできる・「CSSeffectsSnippets」

CSS/HTML

どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」

CSS/HTML

豊富なコンポーネントを含んだBootstrap 4向けのフリーUIキット・「Fire」

CSS/HTML

CSSで作られたポップでカラフルなフォント・「CSSans Pro」

CSS/HTML

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

CSS/HTML

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