Resource - Archives

オープンソースの Twitter Bootstrapのテーマ作成用ライブエディタ・「Cluckles」

Cluckles ClucklesはOSSとして公開されているTwitter Bootstrap用のライブエディタです。ファイルを読み込んだり全体やコンポーネントのスタイルを変更したり、CSSのカスタマイズ等が可能で、変更後即反映され...

世界中で利用数の多いJavaScriptライブラリを検索できる・「Libscore」

Libscore Libscoreは世界で需要の高いJSライブラリやスクリプトを検索できるツールです。jQueryやModernizrがどの程度使われているかを教えてくれます。とは言え、恐らく需要の高いであろうライブラリが出てこなかっ...

フロントエンド開発のためのボイラープレート・「Front-end Boilerplate」

Front-end Boilerplate Front-end Boilerplateはフロントエンド開発をサポートするためのボイラープレートです。Web開発をより簡単に素早く行えるように設計している、との事。HTML5ベースでプリプ...
Ads

ドラッグしたテキストに検索や翻訳、地図検索等のサポート機能を付与するスクリプト・「textAssist」

textAssist textAssistはドラッグしたテキストにキーワード検索や翻訳、地図検索、Wikipedia等のサポート機能を付与するスクリプトです。jQueryに依存しています。デフォルトではGoogleマップ等が使われてい...

HTML5ベースの非依存型WYSIWYGエディタ・「wysihtml」

wysihtml wysihtmlはHTML5ベースのWYSIWYGエディタです。先日も同じようなリソースをご紹介したばかりですが・・jQuery等のライブラリに依存しないので導入はしやすそうです。コピペで挿入したコンテンツを自動でパ...

2色を選んでマテリアルデザイン向けのカラースキームを作成してくれる・「Material Palette」

Material Palette Material Paletteは用意された色から2色を選ぶと自動でマテリアルデザイン向けのカラースキームを作成してくれるツールです。選択するとスマフォで実際に使ったようなサンプルとカラースキーム、ダ...

CSSのみで作られたスマフォ向けのカレンダーアプリデザイン・「CSS-only Calendar App Concept」

CSS-only Calendar App Concept CSS-only Calendar App ConceptはCSSのみで作られたスマフォ向けのカレンダーアプリ用のスタイルです。日付の選択からカラー変更までをCSSのみで作れ...

HTML5製の軽量リッチテキストエディタ・「Squire」

Squire Squireは軽量なHTML5製リッチテキストエディタです。ケース次第では余計なものと扱われる部分を省いて軽量化を重視し、あくまでコンポーネントとして提供しているそうです。その為、ツールバーなどのUIは用意されていない(...

シンプルでミニマル設計なRWD対応の軽量CSSフレームワーク・「MNML」

MNML MNMLはシンプルでミニマルな設計のCSSフレームワークです。SASS、レスポンシブWebデザイン対応で2kbほどの軽量なものとなっています。悪く言えば特徴が有りませんが、特徴は自分の手で付加していきたい、という方には重宝さ...

モバイルアプリの為のUIフレームワーク・「Touchstone.js」

Touchstone.js Touchstone.jsはモバイルアプリのためのUIフレームワークです。React.jsベースのようですね。美しくハイブリッドなアプリの構築をサポートしてくれる・・との事ですが、まだロードマップを見る限り...

女性や子供の為に立ち上げられたWeb制作技術を学ぶ為のリソースを提供するプロジェクト・「Ladies Learning Code」

Ladies Learning Code Ladies Learning Codeは女性やキッズ向けのWeb制作を学ぶためのリソースを提供する、非営利団体の立ち上げたプロジェクトサイトです。WordPressやHTML5、Photos...

商用でも無料で利用可能なHD動画を配布する・「Distill」

Distill Distillは商用利用でも無料のHD動画を共有、配布するWebサービスです。やや短めではありますが映像のクオリティは高そうです。まだ数は多くはないので今後増えてくれるよう期待したい所ですね。所謂写真素材の配布サイト同...

様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」

Js Tutorial Js Tutorialは配布されているJSライブラリやjQuery等のプラグインの使い方をまとめているWebサイトです。と言っても、配布元で書かれているオプションや簡単な解説のみなのでチュートリアルとはあまり言...

SVGで書かれたローディングアイコン集・「SVG Loaders」

SVG Loaders SVG LoadersはSVGで書かれたローディングアニメーションアイコンのセットです。どれもシンプルで使いやすそうです。早くブラウザのサポートが息とど置いて主流になるといいですねー。Githubにてソースが公...

Webサイトの様々なヘルプコンテンツを追加出来るスクリプト・「FAQtoid」

FAQtoid FAQtoidはWebサイトに様々なヘルプ機能を追加するためのスクリプトです。jQueryに依存しています。動画や開閉式のFAQ、送信フォームやWebサイトツアーを、モーダルウィンドウ内に複数収めることが可能で、モーダ...

ブラウザで使えるモダンデザインなインタラクションデザインツール・「Plexi」

Plexi Plexiはブラウザで動作するモダンデザインなUIのインタラクションデザインツールです。シンプルで分かりやすい印象です。プロトタイプを作成出来る・・・はずなんですが、Windowsでは動作しませんでした。OSXもWinもサ...

SASSとJekyllで構築されたフロントエンド開発フレームワーク・「Muffin」

Muffin MuffinはSASSとJekyllで構築されたフロントエンド開発のためのテンプレートです。インストール後すぐに開発作業を始められるような設計を目指したみたい。SVGアイコンやTwitter Bootstrapもサポート...

Web制作の際に作成するフローチャートやワイヤーフレームの為の素材集・「UI TILES」

UI TILES UI TILESはWeb制作プロジェクトの際に作成されるフローチャートやサイトマップ、ワイヤーフレーム作成時に使える素材のキットです。フォーマットもPSDやAI、Sketchなどが用意されています。シンプルで使いやす...

任意の画像をアップロードし、PCモニター画像に合成してモックアップを作成してくれる・「Magic Mockups」

Magic Mockups Magic Mockupsは任意の画像を、予め用意されているPCのモニター画像に合成してくれるジェネレーターです。以前ご紹介したPlaceItと同じようなサービスになりますが、Magic Mockupsは合...

ビジネス用Webアプリ構築の為のCSSフレームワーク・「Flakes」

Flakes Flakesはビジネス用のWebアプリ構築の為に公開されたCSS/JavaScriptフレームワークです。RWDやSASSにも対応済み。ダッシュボードに必要なUIやチェックボックス、フィルタ機能付きのテーブルなどのコンポ...

クレジットカードやPayPalなどの決済系のSVGアイコンフォントのセット・「PaymentFont」

PaymentFont PaymentFontは決済周りでよく使われるSVGアイコンフォントのセットです。基本的に海外サービスのアイコンが多いのですが円のアイコンやクレジットカードなどは使えるので備忘録として。フォントはOFL、CSS...

jsfiddleライクにWebGLの動作テストが可能なOSS・「WebGL playground」

WebGL playground WebGL playgroundはjsfiddleライクにブラウザ上でWebGLの動作テストが可能なツールです。オープンソースとしてGithubでもソースが公開されています。コード編集すればインタラク...
Ads