Resource - CSS3

input要素のラベルにアニメーションエフェクトを追加するスクリプト・「FancyText」

FancyText FancyTextはformのinput要素に指定したラベルテキストにアニメーションエフェクトを追加するスクリプトです。jqueryに依存しています。フォーカスすると、ラベルが入力の邪魔にならないように外に出たり非...

Webサイトにシンプルなスクロールエフェクトを追加できるスクリプト・「ScrollMe」

ScrollMe ScrollMeはWebページにシンプルなスクロールエフェクトを追加する為のスクリプトです。jQueryに依存しています。特別な設定は必要なく、スクリプトを読み込んで指定のclassを追加、エフェクトを追加したい要素...

多数のコンポーネントが備わったCSSフレームワーク・「Maxmertkit」

Maxmertkit Maxmertkitはタイポグラフィやテーブル、ボタンやタブなどなどWebサイトに必要なコンポーネントを大量に備えたCSSデザインフレームワークです。RWDにも対応しています。Bootstrapのような使い方が出...
Ads

モバイル/デスクトップWebアプリ向けのリッチなUIを構築できるJavaScriptフレームワーク・「Webix」

Webix WebixはJavaScript、CSS、HTML5を使用した、インタラクティブなWebアプリケーションを構築するためのUIフレームワークです。クロスブラウザ、クロスデバイスとの事ですが、どれくらい対応しているかはちょっと...

テンプレートも用意されている軽量なレスポンシブWebデザイン対応CSSフレームワーク・「Responsee」

Responsee Responseeは軽量で直感的に使えるCSSフレームワーク。直感的と感じるかどうかは個人差はあるかもしれませんが、本サイトでそう謳っていましたのでそうなんでしょう。RWDに対応しており、PSDも配布されています。...

Bootstrap向けのレスポンシブなメガメニューを実装する・「Responsive Bootstrap MegaMenu」

Responsive Bootstrap MegaMenu Responsive Bootstrap MegaMenuはBootstrap向けのRWDに対応対応したメガメニューです。ドロップダウンメニューの中には動画やGoogleマッ...

ピクセルアートを作成、CSSも吐き出す・「piCSSel-art」

piCSSel-art piCSSel-artはブラウザ上でピクセルアートを作成し、その絵を実装できるCSSも吐き出すツールです。GithubにてOSSとして公開されています。ツール自体は至ってシンプルなので大掛かりなピクセルアート向...

Bootstrapベースの管理画面向けテンプレート・「AdminLTE」

AdminLTE AdminLTEはBootstrap 3をベースとしたコンロールパネル向けのデザインテンプレートです。BootstrapベースなのでRWDにも対応しているのは楽でいいですね。サンプルをざっと見た感じは、かなり良くでき...

スマフォ向けWebアプリの為のシンプルなコンポーネント集・「Ratchet」

Ratchet Ratchetはスマフォ向けWebアプリの為のシンプルなコンポーネント集です。Bootstrapと同じ開発元で公開されていました。スマフォ専用のBootstrapなのかもしれないですね。基本的なものは一通り揃っています...

jsfiddleライクにブラウザ上でJavaScriptの動作テストができるオープンソースのソフトウェア・「Codemagic」

Codemagic Codemagicはブラウザ上でJavaScriptの開発・動作テストを行えるツールです。jsfiddleと同じようなものですが、こちらはOSSとしてGithubにてソースが公開されています。ライセンスはMITとの...

CSSのみで作られたUIコンポーネント集・「Pure CSS Components」

Pure CSS Components Pure CSS ComponentsはCSSのみで作られたUIコンポーネント集です。タブやモーダルウィンドウ、カルーセル、アコーディオン、ドロップダウンメニューなどの実装コードが紹介されていま...

スピード構築に拘ったRWD対応のグリッドシステム・「Jeet」

Jeet Jeetは高速構築を目指したレスポンシブWebデザイン対応のCSSグリッドシステムです。柔軟性、使いやすさを重視した、との事。SASSにも対応しています。使いやすいかどうかは個人差があるでしょうけど、個人的には良さそうな印象...

CSSで書かれたフラットデザインなiPhoneやiPad・「devices.css」

devices.css devices.cssはフラットデザインなiPhoneやiPadをCSSで書くためのコードです。シンプルで見やすいので、モニタ部分に画像をはめ込んでモックアップにしたりもできそうですね。利用シーンは多くはないで...

CSS3によるユニークなホバーエフェクトをまとめた・「iHover」

iHover iHoverはCSS3によるユニークなアニメーションホバーエフェクトをまとめて、パックにして配布するWebサイト。サークルタイプで20種類、スクエアタイプで15種類のエフェクトとソースが紹介されています。CSS3なので使...

WebベースのiOS7アプリ向けHTMLフレームワーク・「Framework7」

Framework7 Framework7はWebベースのiOS7アプリ向けに開発されたHTMLフレームワークです。iOS7のようなフラットなデザインで各UIコンポーネントもiOS7を意識した作りとなっています。ライセンスはMITとの...

Flexboxを使ったCSSグリッドシステム・「Flexbox Grid」

Flexbox Grid Flexbox GridはCSS3のFlexboxを使用したRWD対応のグリッドシステムです。flexible boxを使う事により、軽量でシンプルな設計を実現できそうですね。対応ブラウザはCan I Use...

シンプルなプリローダーを実装するCSS・「(cs)spinner」

(cs)spinner (cs)spinnerはCSSのみで作るシンプルなプリローダーを実装するCSSです。CSSで描かれたエレメントをアニメーション表示させています。非常に軽量なので、少しでも軽くしたいモバイルサイト等に良さそうです...

レスポンシブWebデザイン対応のシンプルなHTMLメールのフレームワーク・「CERBERUS」

CERBERUS CERBERUSはRWD対応のシンプルなHTMLメールのフレームワークです。GmailやYahoo!メールからOutlookやThunderbird、iOSやAndroidのメールに対応可能です。レイアウトのみで装飾...

CSS3のkeyframesを容易に設定出来る・「CSS3 Keyframes Animation Generator」

CSS3 Keyframes Animation Generator CSS3 Keyframes Animation GeneratorはCSS3のkeyframesを容易に設定出来るツールです。数値を各項目に設定するだけでコードを...

複数のアイコンフォントから任意のアイコンを検索出来る・「GlyphSearch」

GlyphSearch GlyphSearchは複数のアイコンフォントから任意のアイコンを検索出来るWebサービスです。フォントはFont Awesome、Glyphicons、Ionicons、Iconicの4種で、この中から任意の...

Font Awesomeのアイコンフォントにアニメーションエフェクトを加える為のCSS・「Font Awesome Animation」

Font Awesome Animation Font Awesome AnimationはFont Awesomeのアイコンフォントにアニメーションエフェクトを加える為のCSSです。CSSを読み込んで指定されたclassを加えればア...

オープンソースの電子書籍作成フレームワーク・「Bookshop」

Bookshop BookshopはOSSで配布されている電子書籍作成フレームワークです。フォーマットはPDF、ePub、HTMLなどに対応しているみたい。ライセンスはMITとBSDです。詳細は本サイトでご確認下さい。 Book...
Ads