Resource - レスポンシブWebデザイン

画像のシェアリングサービスを構築出来るオープンソースのソフトウェア・「Chevereto」

Chevereto CheveretoはOSSとしても公開されている画像のシェアリングサービス構築用ソフトウェアです。PHPで書かれています。画像はユーザー同士で共有したり外部サイトにembedする事も出来ます。機能も結構充実してまし...

Bootstrap向けのテーマやUIコンポーネントをまとめた・「PrepBootstrap」

PrepBootstrap PrepBootstrapはBootstrap向けのテーマや少し特殊なUIコンポーネントをまとめているWebサイトです。UIは不動産サイト向けのちずのリストのレイアウトやECサイトの商品紹介のレイアウト、ロ...

SASSベースの軽量なフロントエンド開発フレームワーク・「Concise.CSS」

Concise.CSS Concise.CSSは軽量なフロントエンド開発フレームワークです。SASSをベースに、オブジェクト指向CSSの原則に基づいて設計しているとの事。オールドブラウザに対応させる場合はModernizrやRespo...
Ads

閲覧中のWebサイトのブレークポイントに沿ったプレビューを作成するChromeエクステンション・「Emmet Re:View」

Emmet Re:View Emmet Re:Viewは閲覧中のWebサイトのCSSからブレークポイントを検出し、そのサイズに合わせたプレビューをその場で作成してくれるChromeエクステンションです。それぞれのプレビューはスクロール...

Bootstrapのテーマ専門のマーケットプレイス・「BootstrapBay」

BootstrapBay BootstrapBayはBootstrapのテーマを販売する専門のマーケットプレイスです。様々なテーマがリーズナブルな価格で販売されています。まだ数はそう多くないですが、モバイルファーストな管理画面とかラン...

Google製のマルチデバイス対応Boilerplate・「Web Starter Kit」

Web Starter Kit Web Starter KitはGoogle製のWeb制作スターターキットです。マルチデバイス対応のレスポンシブなBoilerplateとなっています。パフォーマンスも最適化済みの様です。この辺はさすが...

グルーピングや入れ子、RWDにも対応の、エレメントの高さを揃えるスクリプト・「jquery.matchHeight.js」

jquery.matchHeight.js jquery.matchHeight.jsは様々な状況に対応可能な、エレメントの高さを揃えるスクリプトです。jQueryに依存しています。グルーピングされた要素やネストされた要素内のエレメン...

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

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

モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」

Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...

ログイン画面やショッピングカート等の実装コードを配布する・「Cody」

Cody Codyはログイン画面やショッピングカートなど、Webプロジェクトでよく必要になるコンテンツのコードを配布するWebサイトです。現在配布されているものはRWDにも対応していますのでコンテンツにマッチしてれば工数を減らせるかも...

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

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

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

Cascade CascadeはBootstrapベースの管理画面を構築する為のテンプレートです。派手な装飾もなく、全体的に管理画面デザインとしてとても良さそうな印象を受けました。デモもあるので興味のある方は触ってみては。 Ca...

個人向けデータ管理システムを構築できるオープンソースのソフトウェア・「TagSpaces」

TagSpaces TagSpacesはOSSのデータ管理システムです。個人向けのシステムとして作っているみたいですね。デモが見当たりませんが、SSを見る限りでは結構便利かも。制作業に限らず応用できそうです。暇を見て触って見たい。ライ...

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

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

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

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

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

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

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

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

スマフォにも対応の、共有可能なToDoリストを作成出来るシンプルなWebアプリ・「Jotts」

Jotts JottsはシンプルなToDO作成Webアプリです。レスポンシブWebデザインにも対応しており、スマフォやタブレットでもデバイス依存のアプリは不要で、ブラウザでアクセスすれば利用可能です。また、友人等とリストを共有する事も...

使い易さを重視したOSSのCSS/HTMLフレームワーク・「WEBPLATE」

WEBPLATE WEBPLATEは使い易さを重視したフロントエンドのフレームワークです。RWDやSASSにも対応しています。使いやすい、というのは本フレームワークの開発者さんの言葉を借りましたが、使いやすいかどうかは個人差もあると思...

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

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

Bootstrap 3のベクターデータUIキット・「Bootstrap 3 UI Kit」

Bootstrap 3 UI Kit Bootstrap 3 UI KitはBootstrap 3のUIキットです。ベクターデータで配布されています。コンポーネントやアイコン、テーブル等が揃っています。サンプル画像もありますのでチェッ...

コードスニペットの共有サイトを構築する為のオープンソースソフトウェア・「canSnippet」

canSnippet canSnippetはコードスニペットを共有できるWebサイトを構築する為のOSSです。動作環境はPHP+SQLite+JavaScriptとの事。保存できるスニペットの対応言語はhtml、css、javascr...
Ads