Resource - フレームワーク

ドラッグ&ドロップにも対応のBootstrap向けWYSIWYGエディタ・「Azexo-Composer-WYSIWYG」

Azexo-Composer-WYSIWYG Azexo-Composer-WYSIWYGはD&Dによるコンテンツの配置変更等も可能なBootstrap向けのWYSIWYGエディタです。jQueryに依存しています。JSの動作やCSS...

BootstrapベースのUIキットをPSDとHTMLで配布する・「Drunken Parrot」

Drunken Parrot Drunken ParrotはBootstrapベースのフラットなUIキットを配布するOSSです。この手のものでは珍しくPSDとHTMLの両方を用意してくれています。ライセンスはCCとMITとの事です。動...

1KB以下でオールドブラウザにも対応した軽量CSSフレームワーク・「Min」

Min Minは1KB以下で構成された軽量なCSSフレームワークです。(※圧縮した状態のサイズとなります)IE5.5などのオールドブラウザにも対応しているとの事・・・ですが、確認する術が自分には無いので未検証です。Bootstrapの...
Ads

シンプルで軽量なHTML5/CSS3フレームワーク・「Picnic CSS」

Picnic CSS Picnic CSSはシンプルで軽量なHTML5/CSS3のフレームワークです。RWDにも対応しています。まださほど見ていませんが、Hacker Newsでの議論で興味わいたのでメモ的に。今すぐでなくても将来的に...

有料のWordPressテーマを開発する為のフレームワーク・「Unyson Framework」

Unyson Framework Unyson FrameworkはTheme forest等で販売されているような有料テーマを作成するためのフレームワークです。テーマオプション機能やRWD対応、UIなどはある程度完成されており、それ...

最低限のものだけを用意したシンプルなフロントエンド開発向けフレームワーク・「BareKit」

BareKit BareKitは最低限のものだけを用意したシンプルなフロントエンド開発フレームワークです。開発の起点として利用されることを想定して作られたみたいですね。似たようなものはあるのでお好みで。ライセンスはMITとGPLのデュ...

レスポンシブWebデザイン対応グラフ生成ライブラリ・「CHARTIST」

CHARTIST CHARTISTはRWD対応のチャートを作成出来るシンプルなライブラリです。SVGとCSSでアニメーションにも対応できるみたい。コンフィギュレーションをシンプルに保ちつつ、カスタマイズ性に優れ、デベロッパーフレンドリ...

非依存型の日付ピッカーライブラリ・「Rome」

Rome Romeは非依存型のデイト/タイムピッカーです。単体で動いてくれるのは有難いですね。カスタマイズ性もありそう。ライセンスはMITです。 Rome

AngularJSとBootstrapを使ったシンプルなRWD対応のダッシュボードのテンプレート・「Responsive Dashboard」

Responsive Dashboard Responsive DashboardはAngularJSとBootstrapを使ったシンプルなデザインの管理画面のテンプレートです。レスポンシブWebデザインに対応しています。WordPr...

オープンソースのRWDなHTMLメール用テンプレート集・「Open Source Email Templates」

Open Source Email Templates Open Source Email TemplatesはOSSとして配布されているレスポンシブWebデザイン対応のHTMLメールテンプレートです。何種かのデザインが用意されており...

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

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

SVGによるパターンを背景として使える・「PatternBolt」

PatternBolt PatternBoltはSVGによるパターンを背景に使えるCSSです。画像はdataスキームが使われています。適応したい要素に用意されたパターンのclassを振って:after擬似要素でサイズを指定するだけ。S...

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

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

フロントエンド開発の為のコンポーネント集・「FORMSTONE」

FORMSTONE FORMSTONEはフロントエンド開発のためのコンポーネントを集約しているWebサイトです。RWD対応のCSSグリッドシステムやドラッグ&ドロップで出来るアップローダー、モーダルウィンドウ、カルーセルなど様々なコン...

Web Audioの制御やOSCデータの送信が可能なオーディオUI向けJavaScriptライブラリ・「NexusUI」

NexusUI NexusUIはWeb Audioの制御や他アプリケーションへのOSCデータの送信等が可能な、Webブラウザ向けのオーディオUIを設計する為のJSライブラリです。モバイルフレンドリーに作られているとの事です。名前はこん...

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

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

画像をクリック時に全画面表示するスクリプト・「Intense Images」

Intense Images Intense Imagesは画像をクリックした際に全画面表示するスクリプトです。非依存型で、単体で動いてくれます。フルスクリーン化だけでなく、マウスを動かしてスクロールする事も可能です。うまく説明出来な...

Androidライクなパターンロックを実装するスクリプト・「Pattern Lock」

Pattern Lock Pattern LockはAndroidのようにパターンでロックを掛ける為のスクリプトです。jQueryに依存します。上記のようにcaptchaの通りなぞる事でロックが解除される、といった、スパム対策も可能で...

CSVのパースとエンコードが可能なスクリプト・「CSV.js」

CSV.js CSV.jsはCSVのパースとエンコードが可能なスクリプトです。CSVの仕様に準拠しているとの事です。シンプルで使い勝手良さそうですね。ライセンスはMITです。 CSV.js

CSSのbackground-blend-modeとgradientを使った背景パターンを公開する・「CSS Gradients with background-blend-mode」

CSS Gradients with background-blend-mode CSS Gradients with background-blend-modeはタイトル通り、background-blend-modeとgradie...

段落に直接コメントできるMediumスタイルを実装出来るスクリプト・「SideComments.js」

SideComments.js SideComments.jsはMediumのように、段落毎にコメントできるスタイルを導入できるスクリプトです。jQueryに依存しています。従来のコメントエリアは基本的に最下部にあるでしょうし、長文の...

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

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