シンプルでミニマル設計なRWD対応の軽量CSSフレームワーク・「MNML」 MNML MNMLはシンプルでミニマルな設計のCSSフレームワークです。SASS、レスポンシブWebデザイン対応で2kbほどの軽量なものとなっています。悪く言えば特徴が有りませんが、特徴は自分の手で付加していきたい、という方には重宝さ...2014.12.16 | 11時43分40秒
女性や子供の為に立ち上げられた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秒
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秒
ビジネス用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秒
SVGアイコンをアニメーションエフェクト付きで切り替える為のスクリプト・「SVG Morpheus」 SVG Morpheus SVG MorpheusはSVGアイコンから別のSVGアイコンへモーフィングさせる為のスクリプトです。非依存型で単体で動作してくれます。導入も楽そう。オプションやらサポートされたイージングの種類は本サイトにて...2014.12.01 | 11時35分56秒
行単位でCSSを適応させるスクリプト・「LINING.JS」 LINING.JS LINING.JSは行単位でCSSを適応させる為のスクリプトです。非依存型で単体で動作してくれます。カスタムデータ属性を使って1行毎に任意のスタイルを作れる、みたいなやつ。上記のスクショは表示時に、1行毎にスライド...2014.11.27 | 10時30分47秒
マテリアルデザインを取り入れたレスポンシブWebデザイン対応のCSSフレームワーク・「Materialize」 Materialize Materializeはマテリアルデザインを取り入れたRWD対応のCSSをフレームワークです。Sass対応で、各種コンポーネントも揃っていました。ベーシックで良いんじゃないでしょうか。ライセンスはMITとの事。...2014.11.24 | 11時13分45秒
指定箇所のサイズを計測できるPhotoshopのスクリプト・「Size Marks」 Size Marks Size MarksはPhotoshop内で指定した箇所のサイズを計測するスクリプトです。サイズは新しいレイヤーに書きだされるみたいですね。縦はH、横はWが頭文字に付く形でレイヤー名が付けられるのも分かりやすくて...2014.11.20 | 10時08分51秒
閲覧中のWebページに使われているCSSを解析してくれるChromeエクステンション・「CSS Dig」 CSS Dig CSS Digは閲覧しているWebページに使われているCSSを解析してくれるChromeエクステンションです。どのプロパティがどのように扱われているかを分析し、左カラムにリストにして返してくれます。クリックすれば右カラ...2014.11.17 | 11時16分23秒
シンプルで軽量なモバイルファーストのCSSフレームワーク・「Furtive」 Furtive Furtiveはシンプルで軽量なモバイルファーストのCSSフレームワークです。2.5KBという軽さながら、必要最低限のスタイルを保っています。これは個人的に好きかも。ライセンスはMITとの事。 Furtive2014.11.16 | 10時46分27秒
CSS3+HTML5のアニメーションを作成出来るOSSのエディタ・「Mixeek」 Mixeek MixeekはCSS3やHTML5を利用したアニメーションコンテンツを作成する為のエディタです。ブラウザで動くツールになります。MITライセンスの元、オープンソースとして公開されています。便利っちゃ便利ですが個人的にはも...2014.11.14 | 10時13分50秒
デバイス間のフォーム要素のスタイルに差異が出ないようにする為のライブラリ・「Formplate」 Formplate Formplateは異なるデバイスでもフォームの見栄えに差異が生じないようにする為のライブラリです。jqueryとmodernizrに依存しているみたい。スタイルを均一にしたい要素を指定されたclassで包括する必...2014.11.13 | 10時33分43秒
3Dモデルを公開・シェア出来る・「Sketchfab」 Sketchfab Sketchfabは3Dモデルのデータを公開・共有出来るビューアサイトです。3Dモデル専門のPixivのような感じでしょうか。お気に入りやEmbed等が出来るようになっています。スマフォにも対応しているそうです。無...2014.11.12 | 10時45分54秒
描画アニメーションエフェクト付のSVGを作成する為のライブラリ・「vivus」 vivus vivusはSVGアイコン等に描画アニメーションエフェクトを付加出来るライブラリです。strokeDashoffsetプロパティを利用してストロークを管理しているようですね。ライセンスはMITです。詳細は以下より。 ...2014.11.11 | 10時08分59秒
マテリアルデザインのUIコンポーネントを構築する為のCSSフレームワーク・「material ui」 material ui material uiはGoogleの提唱したマテリアルデザインを導入したCSSフレームワークです。各UIコンポーネントも用意されています。Reactとセットになっているみたい。まだよく調べていませんがなかなか...2014.11.10 | 10時35分16秒
RWD対応の、Bootstrap向けダッシュボードテンプレート・「Dashboards by Keen IO」 Dashboards by Keen IO Dashboards by Keen IOはBootstrap用の管理画面テンプレートです。レスポンシブWebデザインにも対応しています。Keen IOというのはアクセス解析等のデータを扱う...2014.11.09 | 10時56分52秒
RWDにも対応の、ブラウザ上で写真を管理するオープンソースのソフトウェア・「Lychee」 Lychee LycheeはレスポンシブWebデザインにも対応の、Web上で写真を管理する為のソフトウェアです。サーバーに置いてアップロードし、管理する形となります。EXIFも読み取ってくれるみたいですね。Dropboxからインポート...2014.11.05 | 10時20分02秒