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

モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」

LT Browser LT Browserはモバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザです。クロスブラウザテストのアプリを公開しているLambdaTestが開発したブラウザになります。 プリインス...

フリーランスのライター向けに作られたオンラインの静的Webジェネレーター・「Lancer Profile」

Lancer Profile Lancer Profileはフリーランスのライター向けに作られたオンラインの静的Webジェネレーターです。ライター向けのポートフォリオを作成できる、というものですが、ライター以外でも対応できそうです。メ...

オープンソースの Airtable代替・「NocoDB」

NocoDB NocoDBはオープンソースのAirtable代替アプリです。MySQL、PostgreSQL、SQL Server、SQLiteなどのデータベースに接続してスプレッドシートに変えるNoCodeプラットフォームとなってい...
Ads

レスポンシブなメニューを簡単に作れるオンラインツール・「Responsive Navigation Generator」

Responsive Navigation Generator Responsive Navigation GeneratorはRWDなメニューを簡単に作れるオンラインツールです。モバイルデバイス等ではハンバーガーメニューからスライド...

フォーラムやFAQサービス、公式ドキュメントなどから任意のキーワードで検索できる開発者向け検索エンジン・「Quickref」

Quickref QuickrefはフォーラムやFAQサービス、公式ドキュメントなどから任意のキーワードで検索できる開発者向け検索エンジンです まだ実験的な試みだそうですが、コミュニティ主導のWebサービスやフォーラムなどから探...

コードスニペットを自然言語で検索できる・「CodeSnippetSearch」

CodeSnippetSearch CodeSnippetSearchは様々なプログラミング言語のコードスニペットを任意の自然言語で検索できるコード検索エンジンです 64万ものスニペットから検索可能で、検索結果はマッチ率の高い順...

任意のWebサイトのスクリーンショットを撮れるAPI・「ApiFlash」

ApiFlash ApiFlashは任意のWebサイトのスクショを撮れるシンプルなAPIです。使い方も非常に簡単です URLとAPIキー、任意のパラメーターのみで完結できる仕様となっていてレスポンシブWebデザインにも対応可能で...

レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」

ResponsiveViewer ResponsiveViewerはレスポンシブWebデザインの表示をさまざまなサイズで一括確認出来るChrome拡張です 各デバイスはモニタサイズとUAが設定されており、任意のモニタサイズおよび...

Bootstrapベースの管理画面テンプレートを探せる・「BootstrapDash」

BootstrapDash BootstrapDashはBootstrapベースの管理画面テンプレートを探せるWebサイトです 有料/無料が混在しており、有料版はプランによって使用制限があるみたいです。無料版は基本的にはOSSと...

Bootstrapをベースに、新しいコンポーネントやスタイルが追加されたUI開発キット・「Avant UI」

Avant UI Avant UIはBootstrapをベースに作られたUI開発キットです。新しいコンポーネントやスタイルが追加されています。 例えばカラーはSNSなどのブランドカラーやグラデーションが追加されていたり、テーブル...

スマフォで横スクロールがある場合はその旨をアイコンで明示してくれるスクリプト・「ScrollHint」

ScrollHint ScrollHintはスマフォでWebページを見た際に横スクロール可能なtable等があった場合に、その旨をアイコン等で明示してくれるスクリプトです。国産CMSのa-blogを提供するappleple社さんが開発...

CSS変数を利用したパララックスエフェクトをサポートするライブラリ・「basicScroll」

basicScroll See the Pen basicScroll Default Demo by Tobias Reich (@electerious) on CodePen. basicScrollはCSS変数を利用して...

URL入力だけでスマフォやタブレットで閲覧した際のスクショをまとめて撮れる・「Responsive Screenshots」

Responsive Screenshots Responsive ScreenshotsはURLを入力するとそのアドレスをスマフォやタブレット、ノートやデスクトップPCで閲覧した際のスクリーンショットをまとめて撮ってくれるWebサー...

軽量でレスポンシブ、スタイルも選べるナビゲーションメニューのスタイルシート・「LUXBAR」

LUXBAR LUXBARは羽のように軽量なレスポンシブWebデザイン対応のナビゲーションメニュー用スタイルシートです。カラースタイルもいくつか選べます。これで非圧縮で8kbほどなので確かに軽量な設計ですね。また、ナビゲーションを固定...

Pinterest風でレスポンシブWebデザイン対応のレイアウトを作れてドラッグで位置移動やソートも出来るスクリプト・「MUURI」

MUURI MUURIはPinterestライクなレイアウトを構築出来るスクリプトです。MUURIという名はフィンランドの言葉で壁を意味するそう。レスポンシブWebデザインにも対応しており、任意のキーワードでソートも可能。Hammer...

よく出来たHTMLメールを紹介するデザインギャラリー・「Really Good Emails」

Really Good Emails Really Good Emailsは出来の良い企業のHTMLメールを紹介するデザインギャラリーです。レスポンシブなHTMLメールを紹介しています。SSのみではなく、コードをCodePenで書いて...

レスポンシブWebデザイン対応の棒グラフ、折れ線グラフ、円グラフを作れる・「Pizza Amore!」

Pizza Amore! Pizza Amore!は様々なデバイスで折れ線グラフや円グラフ、棒グラフ等を表示出来るスクリプトです。Foundationを提供するZURBが開発、公開しています。マークアップは簡単なリストにカスタムデータ...

Bootstrapベースで作られたオープンソースの管理画面UIフレームワーク・「CoreUI」

CoreUI CoreUIはBootstrapベースのUIフレームワークです。レスポンシブな管理画面の基礎を用意してくれており、開発スピードを補うものとして公開されています。各コンポーネントも揃えられており、キレイめで見やすい印象でし...

レスポンシブなEメール向けのCSSフレームワーク・「Foundation for Emails」

Foundation for Emails Foundation for EmailsはRWD対応のHTMLメール用フレームワークです。名前の通り、多数の方に愛用されるCSSフレームワーク、Foundationを提供するZURBが公開...

BootstrapとUnderscoresを組合せたモバイルファーストなWordPressテーマフレームワーク・「UnderStrap」

UnderStrap UnderStrapはBootstrapとUnderscoresを組合せたモバイルファーストなWordPressテーマフレームワークです。UnderscoresはAutomattic社の社員さんが開発、公開してい...

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

Launchaco Website Builder Launchaco Website BuilderはRWD対応のペラページを直感的に作成、ダウンロード出来るWebサイトビルダーサービスです。作成されたファイルはCC0ライセンスで配...

flexboxベースの軽量でレスポンシブなCSSフレームワーク・「Basis」

Basis Basisはflexboxベースの軽量でRWD対応CSSフレームワークです。軽量でモバイルファースト、クリーンなコード、ミニマルなスタイルの設計を特徴としています。各コンポーネントやユーティリティ、サンプルテンプレート等も...
Ads