モニタサイズ次第で入りきらない部分だけスライドインさせるレスポンシブなメニュースクリプト・「okayNav」
okayNav okayNavはモニタサイズ次第では入りきらない部分をスライドインするようにしてくれるスクリプトです。jQueryに依存します。メニューの種類が多いコンテンツや動的、増え続ける等、ケースによってはよく紹介されているよう...
Resource - レスポンシブWebデザイン
モバイルサイトの為の軽量でフレキシブルなCSSフレームワーク・「Mobi.css」
Mobi.css Mobi.cssはモバイルサイトの為のCSSフレームワークです。よくあるモバイルファーストよりもよりモバイルにフォーカスして作成されているようで、PCサイトではQRコードを表示するスペースを用意出来るclassが用意...
レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」
PrototypeBrewery.io PrototypeBrewery.ioはRWD対応のプロトタイピングツールです。直感的に操作可能なインターフェースで独自のCSS、JavaScriptを書くことも出来ます。ビューモードでは各デバ...
Webサイトのテキストのスタイルを作成、CSSでダウンロードできる・「Type Nugget」
Type Nugget Type NuggetはWebサイトのテキストを直感的なUIでスタイル、CSSをダウンロードできるWebアプリです。見出しやパラグラフ、リスト、リンクなどのテキストスタイルを設定、CSSをジェネレートしてくれる...
シンプルなニュースレター発行サービス・「Volleyy」
Volleyy Volleyyはシンプルなニュスレター発行サービスです。レスポンシブWebデザイン対応のメールマガジンを監理・発行出来る、というもの。凝ったことは出来ないにしてもWYSIWYGやグループの作成、テスト送信などなど基本的...
Bootstrapの代替として作られたコンパクトなCSSフレームワーク・「Cutestrap」
Cutestrap CutestrapはコンパクトなBootstrap代替CSSフレームワークです。肥大化したBootstrapをもっとコンパクトに、というニーズはよく見かけますので結構この手のCSSは出回っていますが、本フレームワー...
モダンでクリーンなレスポンシブWebデザイン対応のフレームワーク・「Spectre.css」
Spectre.css Spectre.cssはモダンでシンプル、クリーンなCSSフレームワークです。RWD対応で軽量、UIコンポーネントも充実しています。HTMLメールも用意されてるみたい。また、日本や中国、韓国といったアジアのフォ...
製品等のデータ比較のためのtable要素にフィルタ機能を付与する・「Products Comparison Table」
Products Comparison Table Products Comparison Tableはよくある製品情報の比較tableにフィルタ機能を付与するためのコードです。上記のようなUI。比較対象が沢山ある場合、ユーザーが任意...
ライブ等のイベント管理やチケット販売が可能なオープンソースソフトウェア・「Attendize」
Attendize Attendizeは音楽ライブやイベントなどの管理とチケットの販売を可能にするOSSです。PHPフレームワークのLaravelが使用されています。モバイル、タブレットフレンドリー、embed機能、イベントの主催者、...
モバイルファーストなヘルプデスク向けツール構築の為のオープンソースソフトウェア・「Helpy.io」
Helpy.io Helpy.ioはモバイルファーストに設計されたヘルプデスク向けのツール構築ソフトウェアです。社内外両面からの問い合わせ対応のためヘルプデスク要員を設けている企業も少なく無いと思いますが、そのヘルプデスクをサポートす...
レスポンシブWebデザイン対応の、書籍を具現化する為のフレームワーク・「bookiza」
bookiza bookizaはRWD対応の書籍具現化フレームワークです。ちょっとうまく説明できないのですが、よくあるPDFやePubビューア等ではなく、HTMLで書いたコンテンツを書籍のように扱えるようにするフレームワークです。予め...
Semantic UIライクなスタイルのBootstrapテーマ+コンポーネント集・「Semantic UI Bootstrap」
Semantic UI Bootstrap Semantic UI BootstrapはSemantic UIライクなスタイルのBootstrapテーマと、そのコンポーネント集です。Semantic UIのスタイルをBootstrap...
任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」
Responsive Image Breakpoints Generator Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像...
flexboxを使ったシンプルでフレキシブルなCSSフレームワーク・「cssPlus」
cssPlus cssPlusはflexboxをベースにして構築されたフレキシブルでシンプルなCSSフレームワークです。各主要ブラウザにも対応しています。迅速で手軽な開発をサポートしたい、との事。ライセンスはMIT。 cssPl...
レスポンシブWedデザイン対応のスタイルガイドを作成出来るOSS・「Styleguide」
Styleguide StyleguideはWebサイトのスタイルガイドを作成出来るツール。OSSとして公開されています。RWDにも対応できるように、リサイズ機能も付与。動作デモを見たほうが早そうですね。ライセンスはMIT。 S...
Markdown向けのレスポンシブWebデザイン対応UIフレームワーク・「Markdown UI」
Markdown UI Markdown UIはMarkdown記法で構築出来るRWD対応のUIフレームワークです。UIのスタイルはフレームワークらしく、極めてシンプルなものになっていますので自分好みにカスタマイズする形で使用する感じ...
モバイルサイト向けのWebサイトビルダー・「Mobirise」
Mobirise Mobiriseはモバイルサイト向けのWebサイトビルダーです。Win及びMac用がそれぞれ用意されており、ドラッグ&ドロップで構築出来るのでコーディングも不要でモバイルフレンドリーなWebサイトを構築出来るとの事で...
Bootstrapの為のカード型UIフレームワーク・「Bootcards」
Bootcards BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル（？）です（参照：Twitterカード、Google Now カー...
レスポンシブWebデザインに対応している各CSSフレームワークや人気のライブラリの動作テストを手軽に行える・「Codeply」
Codeply CodeplyはBootstrapやFoundationなどのRWDに対応したフレームワークをベースに、jQueryやBackbone.js、Underscore.js、Angular.jsなどのライブラリの動作テスト...
Webサイトを様々なデバイスに対応させる為の軽量なjQueryプラグイン・「Restive.JS」
Restive.JS Restive.JSはWebサイトを様々なデバイスに対応させるためのスクリプトです。デバイスを検出してbody要素にclassを加える、任意のサイズでブレークポイントを作成する、任意のDOM要素のみにclassを...
WordPressのテーマをブラウザ上で作成出来るオープンソースのソフトウェア・「Layers」
Layers LayersはOSSで配布されている、ブラウザ上で動作するテーマビルダーです。WordPress内蔵のテーマカスタマイザーと連結させる、というものみたいですね。子テーマの設計やレスポンシブWebデザインにも対応しているそ...
日記用に作られたミニマルなWordPressテーマ・「Daily」
Daily Dailyは日記用に作られたミニマルなスタイルのWordPressテーマです。可読性の向上を重視し、実際の日記帳のようにミニマルなスタイリングが施されています。当方が配布しているShotokuをご覧いただくと分かるかもです...