オープンソースの Twitter Bootstrapのテーマ作成用ライブエディタ・「Cluckles」 Cluckles ClucklesはOSSとして公開されているTwitter Bootstrap用のライブエディタです。ファイルを読み込んだり全体やコンポーネントのスタイルを変更したり、CSSのカスタマイズ等が可能で、変更後即反映され...2014.12.24 | 10時37分10秒
世界中で利用数の多いJavaScriptライブラリを検索できる・「Libscore」 Libscore Libscoreは世界で需要の高いJSライブラリやスクリプトを検索できるツールです。jQueryやModernizrがどの程度使われているかを教えてくれます。とは言え、恐らく需要の高いであろうライブラリが出てこなかっ...2014.12.23 | 11時18分05秒
フロントエンド開発のためのボイラープレート・「Front-end Boilerplate」 Front-end Boilerplate Front-end Boilerplateはフロントエンド開発をサポートするためのボイラープレートです。Web開発をより簡単に素早く行えるように設計している、との事。HTML5ベースでプリプ...2014.12.22 | 10時37分57秒
ドラッグしたテキストに検索や翻訳、地図検索等のサポート機能を付与するスクリプト・「textAssist」 textAssist textAssistはドラッグしたテキストにキーワード検索や翻訳、地図検索、Wikipedia等のサポート機能を付与するスクリプトです。jQueryに依存しています。デフォルトではGoogleマップ等が使われてい...2014.12.21 | 10時46分05秒
HTML5ベースの非依存型WYSIWYGエディタ・「wysihtml」 wysihtml wysihtmlはHTML5ベースのWYSIWYGエディタです。先日も同じようなリソースをご紹介したばかりですが・・jQuery等のライブラリに依存しないので導入はしやすそうです。コピペで挿入したコンテンツを自動でパ...2014.12.20 | 10時30分05秒
2色を選んでマテリアルデザイン向けのカラースキームを作成してくれる・「Material Palette」 Material Palette Material Paletteは用意された色から2色を選ぶと自動でマテリアルデザイン向けのカラースキームを作成してくれるツールです。選択するとスマフォで実際に使ったようなサンプルとカラースキーム、ダ...2014.12.19 | 11時09分59秒
CSSのみで作られたスマフォ向けのカレンダーアプリデザイン・「CSS-only Calendar App Concept」 CSS-only Calendar App Concept CSS-only Calendar App ConceptはCSSのみで作られたスマフォ向けのカレンダーアプリ用のスタイルです。日付の選択からカラー変更までをCSSのみで作れ...2014.12.18 | 11時19分10秒
HTML5製の軽量リッチテキストエディタ・「Squire」 Squire Squireは軽量なHTML5製リッチテキストエディタです。ケース次第では余計なものと扱われる部分を省いて軽量化を重視し、あくまでコンポーネントとして提供しているそうです。その為、ツールバーなどのUIは用意されていない(...2014.12.17 | 11時14分47秒
シンプルでミニマル設計なRWD対応の軽量CSSフレームワーク・「MNML」 MNML MNMLはシンプルでミニマルな設計のCSSフレームワークです。SASS、レスポンシブWebデザイン対応で2kbほどの軽量なものとなっています。悪く言えば特徴が有りませんが、特徴は自分の手で付加していきたい、という方には重宝さ...2014.12.16 | 11時43分40秒
モバイルアプリの為のUIフレームワーク・「Touchstone.js」 Touchstone.js Touchstone.jsはモバイルアプリのためのUIフレームワークです。React.jsベースのようですね。美しくハイブリッドなアプリの構築をサポートしてくれる・・との事ですが、まだロードマップを見る限り...2014.12.15 | 10時49分50秒
女性や子供の為に立ち上げられたWeb制作技術を学ぶ為のリソースを提供するプロジェクト・「Ladies Learning Code」 Ladies Learning Code Ladies Learning Codeは女性やキッズ向けのWeb制作を学ぶためのリソースを提供する、非営利団体の立ち上げたプロジェクトサイトです。WordPressやHTML5、Photos...2014.12.14 | 10時19分16秒
商用でも無料で利用可能なHD動画を配布する・「Distill」 Distill Distillは商用利用でも無料のHD動画を共有、配布するWebサービスです。やや短めではありますが映像のクオリティは高そうです。まだ数は多くはないので今後増えてくれるよう期待したい所ですね。所謂写真素材の配布サイト同...2014.12.13 | 9時45分48秒
様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」 Js Tutorial Js Tutorialは配布されているJSライブラリやjQuery等のプラグインの使い方をまとめているWebサイトです。と言っても、配布元で書かれているオプションや簡単な解説のみなのでチュートリアルとはあまり言...2014.12.12 | 11時16分32秒
SVGで書かれたローディングアイコン集・「SVG Loaders」 SVG Loaders SVG LoadersはSVGで書かれたローディングアニメーションアイコンのセットです。どれもシンプルで使いやすそうです。早くブラウザのサポートが息とど置いて主流になるといいですねー。Githubにてソースが公...2014.12.11 | 11時15分43秒
Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」 FAQtoid FAQtoidはWebサイトに様々なヘルプ機能を追加するためのスクリプトです。jQueryに依存しています。動画や開閉式のFAQ、送信フォームやWebサイトツアーを、モーダルウィンドウ内に複数収めることが可能で、モーダ...2014.12.10 | 10時11分00秒
ブラウザで使えるモダンデザインなインタラクションデザインツール・「Plexi」 Plexi Plexiはブラウザで動作するモダンデザインなUIのインタラクションデザインツールです。シンプルで分かりやすい印象です。プロトタイプを作成出来る・・・はずなんですが、Windowsでは動作しませんでした。OSXもWinもサ...2014.12.09 | 11時25分35秒
SASSとJekyllで構築されたフロントエンド開発フレームワーク・「Muffin」 Muffin MuffinはSASSとJekyllで構築されたフロントエンド開発のためのテンプレートです。インストール後すぐに開発作業を始められるような設計を目指したみたい。SVGアイコンやTwitter Bootstrapもサポート...2014.12.08 | 11時06分29秒
Web制作の際に作成するフローチャートやワイヤーフレームの為の素材集・「UI TILES」 UI TILES UI TILESはWeb制作プロジェクトの際に作成されるフローチャートやサイトマップ、ワイヤーフレーム作成時に使える素材のキットです。フォーマットもPSDやAI、Sketchなどが用意されています。シンプルで使いやす...2014.12.07 | 9時20分29秒
任意の画像をアップロードし、PCモニター画像に合成してモックアップを作成してくれる・「Magic Mockups」 Magic Mockups Magic Mockupsは任意の画像を、予め用意されているPCのモニター画像に合成してくれるジェネレーターです。以前ご紹介したPlaceItと同じようなサービスになりますが、Magic Mockupsは合...2014.12.06 | 11時01分07秒
ビジネス用Webアプリ構築の為のCSSフレームワーク・「Flakes」 Flakes Flakesはビジネス用のWebアプリ構築の為に公開されたCSS/JavaScriptフレームワークです。RWDやSASSにも対応済み。ダッシュボードに必要なUIやチェックボックス、フィルタ機能付きのテーブルなどのコンポ...2014.12.05 | 10時32分57秒
クレジットカードやPayPalなどの決済系のSVGアイコンフォントのセット・「PaymentFont」 PaymentFont PaymentFontは決済周りでよく使われるSVGアイコンフォントのセットです。基本的に海外サービスのアイコンが多いのですが円のアイコンやクレジットカードなどは使えるので備忘録として。フォントはOFL、CSS...2014.12.04 | 10時57分30秒
jsfiddleライクにWebGLの動作テストが可能なOSS・「WebGL playground」 WebGL playground WebGL playgroundはjsfiddleライクにブラウザ上でWebGLの動作テストが可能なツールです。オープンソースとしてGithubでもソースが公開されています。コード編集すればインタラク...2014.12.03 | 10時40分16秒