Resource - Webディレクター向け

React.jsベースのプレゼンテーションライブラリ・「Spectacle」

Spectacle SpectacleはReact.jsベースのプレゼンテーションライブラリです。よくあるWebスライドをReact.jsベースで作ろう、というもの。PDFへのエクスポートも出来るみたいです。使い方等の詳細はGithu...

Google製のマテリアルデザインコンポーネントライブラリ・「Material Design Lite」

Material Design Lite Material Design Liteはマテリアルデザイン向けのGoogle謹製コンポーネントライブラリです。Webサイトのテンプレートも用意されていました。特定のライブラリにも依存しておら...

様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」

Device Metrics Device Metricsは各モバイルデバイスやタブレット、ウェアラブルデバイス(今は主に時計)などのそれぞれの画面に関する情報をまとめたWebサイトです。Google公式の情報ですが、Apple製品や...
Ads

軽量でミニマルなCSSフレームワーク・「Thao Framework」

Thao Framework Thao Frameworkは軽量でミニマルなCSSフレームワークです。必要最低限のUIコンポーネントとスタイルが用意されており、すぐに開発を始めることが出来そうです。RWD対応ですがclassの変更で簡...

モバイルサイト向けのWebサイトビルダー・「Mobirise」

Mobirise Mobiriseはモバイルサイト向けのWebサイトビルダーです。Win及びMac用がそれぞれ用意されており、ドラッグ&ドロップで構築出来るのでコーディングも不要でモバイルフレンドリーなWebサイトを構築出来るとの事で...

レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」

KATHAMO KATHAMOはRWD対応のミニマルなCSSフレームワークです。モバイルフレンドリーなフォームやテーブル、リストやアラートなどのコンポーネントが用意されていますが、本当に必要最低限しか用意されていない印象です。個人的に...

ランディングページ専門のWebデザインギャラリー・「LAPA」

LAPA LAPAはLP専門のWebデザインギャラリーサイトです。Tumblrが使われています。所謂シングルページ、ペライチなサイトのWebデザインを収集しているみたいです。何年か前にも日本で見かけましたが、こちらは海外のWebサイト...

Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」

ShapeBootstrap ShapeBootstrapはBootstrapのテンプレート配布サイトです。有料と無料のものが用意されていますが、無料版も結構な数があるようです。ダウンロード出来るだけでなく、開発者による販売も可能なの...

様々な企業が採用しているブランドカラーをまとめた・「BrandColors」

BrandColors BrandColorsは様々な企業がブランドカラーとして採用しているカラースキームを確認、各フォーマットでダウンロードできるWebサービスです。掲載されている企業はメーカーからWebサービス運営企業まで様々です...

アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」

html5test html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無...

オープンソースのBootstrapテーマジェネレーター・「Bootstrap Magic」

Bootstrap Magic Bootstrap Magicはブラウザ上でBootstrapのテーマを作成出来るツールです。OSSとしてソースコードも公開されています。テキストやボタンに限らず、リストやページネーション、タブなどの各...

ターミナル操作をテキストベースで録画、公開出来るオープンソースのソフトウェア・「Asciinema」

Asciinema Asciinemaはターミナルの操作をテキストベースで録画、公開出来るWebサービスです。上記のように任意のWebページにembedする事も可能。テキストのままスクリーンキャストを撮れるので動画内のテキストをコピー...

Webサイトの背景用の動画をCC0ライセンスで公開している・「Coverr」

Coverr CoverrはWebサイトの背景用の動画をパブリックドメインで公開、配布しているWebサイトです。毎週月曜日に7つの動画を配布するみたい。動画を背景にする為のJavaScriptやCSS、HTML等のコードも書いてくれて...

ドラッグ&ドロップでレスポンシブWebデザイン対応のWordPressテーマを管理画面内で作成・「Themify Flow」

Themify Flow Themify Flowはドラッグ&ドロップでRWD対応のWordPressテーマを作成する事が出来るテーマビルダーです。WordPressテーマとして動作するようで、管理画面内で作成する事が出来ます。と言っ...

シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」

Riot.js Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。V...

手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」

Really Easy Charts Really Easy Chartsはお手軽簡単にグラフを作成し、PDFやPNG、SVGなどのフォーマットでダウンロード出来るソフトウェアです。グラフのタイプ(線グラフ、棒グラフ、円グラフ)を選択...

高品質な写真素材を提供するユーザー参加型ストックフォトサイト・「tookapic stock photos 」

tookapic stock photos tookapic stock photosはユーザー参加型のストックフォトサイトです。と言ってしまうと少し語弊があるのですが、tookapic.comはフォトグラファーのスキルアップとモチベ...

Bootstrapの為のカード型UIフレームワーク・「Bootcards」

Bootcards BootcardsはBootstrapの為のカード型UIフレームワークです。カード型UIとは最近TwitterやGoogle等が提唱し始めたスタイル(?)です(参照:Twitterカード、Google Now カー...

任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」

Gradify Gradifyは任意の画像に沿ったグラデーションカラーを作成、CSSで提供してくれるOSSです。画像の中で印象的な色を取り出して、そのカラーコードを元にCSSグラデーションを作成出来る、というもののようですね。用途は僕...

商用利用も可能な動画やモーショングラフィックを無料配布するビデオストックサイト・「VIDEVO」

VIDEVO VIDEVOは動画やモーショングラフィックを無料で配布する動画ストックサイトです。結構な数が用意されてるみたいですね。商用利用も可能ですが、クレジットの有無等、詳細はそれぞれ異なるので利用の際はご確認下さい。ダウンロード...

知りたいWeb制作技術を複数の学習サイトや質問サイトから横断検索して回答を検索できる・「Recalll」

Recalll Recalllは質問内容を入力すると、複数の学習サイトや質問サイトを横断検索して回答を検索することが出来るWebサービスです。主にWeb制作に関する回答を出すのが目的のようです。html.netやW3Schools、S...

スマフォTodoリストアプリのPhotoshopとSketch向けUIキット・「Free to-do app UI kit for Photoshop and Sketch」

Free to-do app UI kit for Photoshop and Sketch Free to-do app UI kit for Photoshop and SketchはスマフォTodoリストアプリの為のPhotos...
Ads