Resource - HTML5

シンプルで見やすいHTMLリファレンス・「htmlreference.io」

htmlreference.io htmlreference.ioはシンプルで見やすいHTMLリファレンスサイトです。トップページではタグが一覧になっており、ブロック要素、インライン要素、metaタグなどがひと目で分かるようになってい...

レスポンシブな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社の社員さんが開発、公開してい...
Ads

ブラウザでアニメーションや簡単なゲーム等を作成出来るOSS・「Wick」

Wick Wickはブラウザでアニメーションや簡単なゲーム等を作成出来るエディタです。マルチメディアエディタというものだそう。デモがあるので詳細は本プロジェクトページにて。今日は大晦日ゆえ、簡単ですがこれで本年の更新は終わらせて頂きま...

レスポンシブなEメールの雛形をユーザー登録不要で手軽に作成、ダウンロード出来る・「Pulp」

Pulp PulpはオンラインでRWDなEメールのテンプレを作成、ダウンロード出来るWebサービスです。無料で作成、ダウンロード可能で、ユーザー登録も不要、クレジットもコメントアウトで入るだけと手軽で気軽に使えます。エレメントを追加す...

軽量で非依存型のパーティクルエンジン・「particles.js」

particles.js particles.jsは軽量で他ライブラリに依存しない非依存型のパーティクルエンジンです。簡易的なものですが圧縮版で2.5kbほどと軽量で依存せず単体で動作してくれるのと、設定が簡単で扱いやすい印象です...

要素の背景に水面を指でなぞるようなエフェクトを付与できるスクリプト・「jQuery Ripples」

jQuery Ripples ※Resultを押せば別の画像が表示されます。 jQuery Ripplesは要素に揺れる水面っぽいエフェクトを付与できるスクリプトです。WebGLで任意の要素に指定した画像に上記のようなエフェクト...

非依存型で軽量、機能的なJavaScript製のモダンオーディオライブラリ・「howler.js」

howler.js howler.jsは非依存型のバニラなJavaScriptオーディオライブラリです。クロスプラットフォームで動作、多様なコーデックのサポート、オーディオのスプライトとコントロール、オートキャッシュによるパフォーマン...

Electronアプリの為のOSXライクなUIフレームワーク・「Photon」

Photon PhotonはElectronで作られたアプリのためのデザインフレームワークです。OSX風に作られているようです。Electronは御存知の通りGithub製でHTML,JS,CSSで作れるクロスプラットフォームなデスク...

Bootstrap 4ベースのすっきりしたデザインな管理画面向けテーマ・「Modular Admin」

Modular Admin Modular AdminはBootstrap 4ベースの管理画面テンプレートです。すっきりしたデザインで見やすい印象でしたのでメモ。ボタンやカード、アイコン、テーブルやチャートなどのUIも揃っています。ラ...

レスポンシブWebデザインにも対応のシンプルで軽量なCSSグリッドシステム・「Pills」

Pills PillsはRWD対応のシンプルで軽量なグリッドシステムです。4kbほどのファイルサイズでモバイルファーストな設計となっています。よくあるフレームワークのような.col-md-6といったclass名が分かりやすいとは思えな...

Typeformの代替として開発されたオープンソースのフォーム作成ツール・「TellForm」

TellForm TellFormはOSSのフォーム作成ツールです。TypeformやGoogle Formsの代替として開発されたアンケートフォーム作成ソフトウェアで手軽にフォームを作成・管理する事が出来ます。同等の機能というわけに...

Illustratorライクに使えるフリーのSVGグラフィックエディタ・「Boxy SVG」

Boxy SVG Boxy SVGはIllustratorやInkscapeのように使えるデスクトップ向けドローアプリです。Chrome OS、OS X、Linux、Windowsなど各プラットフォームで動作してくれます。Google...

スタイリッシュなBootstrap向け管理画面テンプレート・「Blur Admin」

Blur Admin Blur AdminはBootstrapベースの管理画面テンプレートです。jQuery及びAngularJSをサポートしており、管理画面に必要なUIは一通り揃えられている印象です。チャートライブラリはamChar...

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

Outline Mail Outline MailはRWDなメールのHTMLフレームワークです。スマフォの普及で以前より需要が増している印象です。HTMLメールのRWD対応は通常のWebページとは少し勝手が違うのでこの手のフレームワー...

canvasを使ったシンプルなドローライブラリ・「atrament.js」

atrament.js atrament.jsはcanvasを使ったシンプルなドローライブラリです。色やペンの太さ、消しゴム、透過機能などが揃っています。他ライブラリへの依存も無く、圧縮版で7KBほどと軽量です。滑らかで動作も軽いドロ...

HTML5製の管理画面構築のためのOSSなダッシュボードフレームワーク・「RazorFlow」

RazorFlow RazorFlowはHTML5製のダッシュボード用フレームワークです。オープンソースとして公開されています。円グラフや棒グラフ等のチャート、管理画面のスタイルビルダー、リアルタイム更新、軽量且つ高速でタッチデバイス...

モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」

Mobility MobilityはモバイルWebアプリの為のJS/CSS/HTMLフレームワークです。Bootstrapベース(現在はVer.3)となっており、軽量さを売りにしているみたいです。基本的なUIもそれなりに揃えられており...

任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」

Responsive Image Breakpoints Generator Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像...

サウンドインタラクションを追加する為のシンプルなJavaScriptライブラリ・「Loud links」

Loud links Loud linksはWebコンテンツにサウンドインタラクションを追加する為のシンプルなJSライブラリです。audio属性を使うみたい。非依存型で軽量なのは良いですね。音源を用意して特定のclassとカスタムデー...

WebベースなAirDropのオープンソースクローン・「Snapdrop」

Snapdrop SnapdropはAppleのAirDropクローンです。オープンソースとして公開されています。HTML5製のWebベースとなっており、ブラウザを利用して異なるデバイス間でのファイル転送が可能との事。ブラウザは同じも...

HTML5製の軽量で高速な2Dゲームエンジン・「Stage.js」

Stage.js Stage.jsはHTML5製の軽量且つ高速な2Dゲームエンジンです。シンプルな2Dゲーム開発をサポートしてくれます。デモを触ってみましたが、割とはまってしまうものですね・・・DOMライクなツリー構造のデータモデルの...
Ads