軽量でベーシックなCSSフレームワーク・「Open Style」
Open Style Open Styleは軽量でベーシックなタイプのCSSフレームワークです。normalize.cssを併用するみたいですね。SASS対応でグリッドシステム、エレメントのポジションサポート、背景への動画導入などが主...
Resource - Webディレクター向け
OpenTypeやTrueTypeフォントをパース出来るスクリプト・「opentype.js」
opentype.js opentype.jsはOpenTypeやTrueTypeフォントをパースする為のJavaScriptライブラリです。パスや、メトリックスを調整する事でフォントを別の形状に変化させる事が出来る、というものっぽい...
知識不要でスマフォ向けのWebサイトを構築出来るWebサービス・「IXM Mobile Builder」
IXM Mobile Builder IXM Mobile Builderは知識不要でスマフォ向けのWebサイトを構築出来るWebサイトビルダーです。綺麗にスタイリングされたテンプレートを編集する形で構築しますので独自のスタイルで、と...
ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」
draw.io draw.ioはログイン不要で使えるフローチャート作成ツールです。用意されているエレメントやテンプレートも豊富でインターフェースも日本語に変更出来ますので気軽に使えそうです。Google DriveやDropboxへイ...
Githubページを利用したブログを構築できる・「HubPress.io」
HubPress.io HubPress.ioはGithubページを使ったブログを構築出来るツールです。本ツールをフォークしてGithubページ上に展開すればいいみたい。セッティングはconfig.jsonを編集してくれとの事です。ど...
デザイン性と柔軟性にフォーカスしたD3.jsベースのチャートライブラリ・「Taucharts」
Taucharts Tauchartsはデザイン性と柔軟性を重視したD3.jsベースのJSライブラリです。多くのチャートライブラリが見難いと感じた為、本職のデザイナーや情報視覚化の専門家の監修のもと、情報の整理、可視性が向上されたデザ...
フリックにも対応のレスポンシブなスライダーを実装出来るスクリプト・「Flickity」
Flickity Flickityはスマフォのフリック操作にも対応したレスポンシブなイメージスライダーの為のスクリプトです。非依存型ですが、jQueryを使ってセッティングのコードを簡略化する事も出来るように設計されているみたいです。...
IE8でWebサイトを閲覧した際に問題の起こりそうな箇所を教えてくれるOSS・「IE8 Linter」
IE8 Linter IE8 Linterは任意のWebサイトをIE8で閲覧した際に問題の起こる可能性のある箇所を教えてくれるオープンソースのソフトウェアです。IE8のみというピンポイントなツールでは有りますが、日本におけるブラウザの...
ページ遷移にアニメーションエフェクトを付加するスクリプト・「Animsition」
Animsition Animsitionはページ遷移時にアニメーションエフェクトを加える事ができるJavaScriptです。jQueryに依存しています。エフェクトのセッティングはカスタムデータ属性で出来るので手軽に導入できそうです...
マテリアルデザインを取り入れたWebサイトやアプリのWebギャラリー・「MaterialUp」
MaterialUp MaterialUpはマテリアルデザインを取り入れたWebサイトやモバイルアプリを紹介するショーケースです。カテゴリはWebサイト、モバイルアプリ、コンセプトデザインやちょっとしたエレメントのスタイルなどに分けら...
別アイコンにアニメーション付きで切り替える方法をまとめている・「MENU TO CROSS ICON」
MENU TO CROSS ICON MENU TO CROSS ICONは別アイコンにアニメーションエフェクト付きで切り替える方法を紹介しているWebサイトです。SVGやアイコンフォント、ユニコードと、CSS3やJavaScript...
日記用に作られたミニマルなWordPressテーマ・「Daily」
Daily Dailyは日記用に作られたミニマルなスタイルのWordPressテーマです。可読性の向上を重視し、実際の日記帳のようにミニマルなスタイリングが施されています。当方が配布しているShotokuをご覧いただくと分かるかもです...
SASSベースのRWD対応CSSフレームワーク・「SPACEBASE」
SPACEBASE SPACEBASEはSASSベースのレスポンシブWebデザイン対応CSSフレームワークです。最低限必要なUIコンポーネントは用意されており、オールドブラウザにも対応しているとの事。しっかり触ってないので何とも言えま...
シングルページ向けのWebサイト他言語化スクリプト・「jquery.localizationTool.js」
jquery.localizationTool.js jquery.localizationTool.jsはWebサイトを多言語化する為のスクリプトです。jQueryに依存しています。シングルページ向け、というのは、本スクリプトがAP...
シングルページで構成されたWebアプリケーションの為のJavaScriptフレームワーク・「Composer.js」
Composer.js Composer.jsはシングルページのWebアプリ向けに作られたJavaScript MVCライブラリです。jQueryまたはMootoolsのいずれかに依存するみたいですね。圧縮版で12kbと、軽量なのも素...
モバイルファーストで軽量なRWD対応CSSフレームワーク・「TACHYONS」
TACHYONS TACHYONSはモバイルファーストなCSSフレームワークです。モバイル優先のレスポンシブWebデザイン対応サイト向けに開発されており、サイズも軽量になるよう配慮されています。あらゆるデバイスで可能な限りのパフォーマ...
SVGやPDF、EPUBなど様々なフォーマットに対応したオンラインコンバーター・「Convertio」
Convertio Convertioは様々なフォーマットに対応した変換ツールです。JPGやPNGは勿論、SVGやPDF、Word、CSV、EPUBなどからMP3などの音源ファイルやLHAなどのアーカイブファイルのコンバートも可能です...
Googleマテリアルデザインを取り入れたAngularJSベースのRWD対応フロントエンドフレームワーク・「lumX」
lumX lumXはAngularJSベースのフロントエンドフレームワークです。スタイルにGoogleマテリアルデザインを取り入れており、レスポンシブWebデザインにも対応しています。より速く、簡単にWebアプリケーションを設計するサ...
AngularJS用のUIフレームワーク・「Suave UI」
Suave UI Suave UIはAngularJS向けに作られたUIフレームワークです。AngularJSベースのWebアプリ開発の際にUI構築をサポートする為に作られたフレームワークみたいですね。各コンポーネントはFont Aw...
Sketchのプラグインやリソースをまとめている・「sketch.land」
sketch.land sketch.landはドローツールのSketchで使えるプラグインやリソースをまとめているハブサイトです。レイヤーのソートやオブジェクトのスケーリングツール、プラグインマネージャなど、ユーザーが開発・公開して...
マテリアルデザイン向けのカラーコードをコピーして使える・「Material UI Colors」
Material UI Colors Material UI Colorsはマテリアルデザインの為のカラーパレットです。カラーコードはHEX、RGB、RGBAなどをサポートしており、使いたい色をクリックすればクリップボードにカラーコー...
ヤコブ・ニールセンの10のヒューリスティックに基いたユーザビリティチェックを行う為のChromeエクステンション・「UX CHECK」
UX CHECK UX CHECKはヤコブ・ニールセンが唱えた10のヒューリスティックに基いて行うユーザビリティチェックを行う手助けをしてくれるChromeの拡張です。10のヒューリスティックに関してはUsability Infoさん...