flexboxを使ったシンプルでフレキシブルなCSSフレームワーク・「cssPlus」 cssPlus cssPlusはflexboxをベースにして構築されたフレキシブルでシンプルなCSSフレームワークです。各主要ブラウザにも対応しています。迅速で手軽な開発をサポートしたい、との事。ライセンスはMIT。 cssPl...2015.07.25 | 9時16分52秒
クオリティの高い写真素材をパブリックドメインで配布するストックフォトサイト・「SKUAWK」 SKUAWK SKUAWKはクオリティの高い写真素材を著作権放棄で配布しているWebサイトです。Curated public domain photos、とあるので別の場所でパブリックドメインで公開されている素材を再配布してるのかもし...2015.07.24 | 10時38分06秒
モバイルフレンドリーなショッピングカートを構築するライブラリ・「addUI Store」 addUI Store addUI Storeはモバイルフレンドリーなショッピングカートを構築する為のスクリプトです。jQueryに依存しています。基本的な使い的だけでなく、チェックアウトやセキュリテイ面のドキュメントも用意されていま...2015.07.23 | 10時26分55秒
Markdown向けのレスポンシブWebデザイン対応UIフレームワーク・「Markdown UI」 Markdown UI Markdown UIはMarkdown記法で構築出来るRWD対応のUIフレームワークです。UIのスタイルはフレームワークらしく、極めてシンプルなものになっていますので自分好みにカスタマイズする形で使用する感じ...2015.07.16 | 9時20分16秒
サンプルコード付きのUIをgifアニメーションにしてギャラリー形式で収集している・「CodeMyUI.com」 CodeMyUI.com CodeMyUI.comはサンプルコードも紹介しているUIチュートリアル記事等をGifアニメを使ってギャッリー形式でまとめているTumblrサイトです。参照元へのリンク、またはCodePenに投稿されたよさ気...2015.07.14 | 10時45分30秒
スマフォアプリの簡易的なランディングページを手軽に作成、公開出来る・「LaunchKit App Websites」 LaunchKit App Websites LaunchKit App Websitesはスマフォアプリのランディングページを手軽に作成、公開出来るWebサービスです。自分のアプリをキーワード検索で探して選ぶだけでストアに公開済みの...2015.07.10 | 10時47分44秒
SVGの最適化や操作法、アニメーション等の使い方をまとめた・「SVG ON THE WEB」 SVG ON THE WEB SVG ON THE WEBはSVGの使い方をまとめたガイドラインのドキュメントサイトです。SVGの準備、基本的な使い方、最適化法、CSSやJSによる操作、アニメーションエフェクトの付与やRWDへの対応な...2015.07.09 | 10時17分43秒
React.jsベースのプレゼンテーションライブラリ・「Spectacle」 Spectacle SpectacleはReact.jsベースのプレゼンテーションライブラリです。よくあるWebスライドをReact.jsベースで作ろう、というもの。PDFへのエクスポートも出来るみたいです。使い方等の詳細はGithu...2015.07.08 | 10時16分56秒
Google製のマテリアルデザインコンポーネントライブラリ・「Material Design Lite」 Material Design Lite Material Design Liteはマテリアルデザイン向けのGoogle謹製コンポーネントライブラリです。Webサイトのテンプレートも用意されていました。特定のライブラリにも依存しておら...2015.07.07 | 9時21分57秒
様々なデバイスの画面サイズ等の情報を一覧化した・「Device Metrics」 Device Metrics Device Metricsは各モバイルデバイスやタブレット、ウェアラブルデバイス(今は主に時計)などのそれぞれの画面に関する情報をまとめたWebサイトです。Google公式の情報ですが、Apple製品や...2015.07.06 | 10時36分40秒
軽量でミニマルなCSSフレームワーク・「Thao Framework」 Thao Framework Thao Frameworkは軽量でミニマルなCSSフレームワークです。必要最低限のUIコンポーネントとスタイルが用意されており、すぐに開発を始めることが出来そうです。RWD対応ですがclassの変更で簡...2015.07.04 | 9時43分37秒
モバイルサイト向けのWebサイトビルダー・「Mobirise」 Mobirise Mobiriseはモバイルサイト向けのWebサイトビルダーです。Win及びMac用がそれぞれ用意されており、ドラッグ&ドロップで構築出来るのでコーディングも不要でモバイルフレンドリーなWebサイトを構築出来るとの事で...2015.07.03 | 10時22分11秒
レスポンシブWebデザイン対応のミニマルなUIフレームワーク・「KATHAMO」 KATHAMO KATHAMOはRWD対応のミニマルなCSSフレームワークです。モバイルフレンドリーなフォームやテーブル、リストやアラートなどのコンポーネントが用意されていますが、本当に必要最低限しか用意されていない印象です。個人的に...2015.07.01 | 9時47分56秒
ランディングページ専門のWebデザインギャラリー・「LAPA」 LAPA LAPAはLP専門のWebデザインギャラリーサイトです。Tumblrが使われています。所謂シングルページ、ペライチなサイトのWebデザインを収集しているみたいです。何年か前にも日本で見かけましたが、こちらは海外のWebサイト...2015.06.30 | 10時11分52秒
Twitter Bootstrapの有料/無料テンプレートを配布する・「ShapeBootstrap」 ShapeBootstrap ShapeBootstrapはBootstrapのテンプレート配布サイトです。有料と無料のものが用意されていますが、無料版も結構な数があるようです。ダウンロード出来るだけでなく、開発者による販売も可能なの...2015.06.29 | 10時19分17秒
様々な企業が採用しているブランドカラーをまとめた・「BrandColors」 BrandColors BrandColorsは様々な企業がブランドカラーとして採用しているカラースキームを確認、各フォーマットでダウンロードできるWebサービスです。掲載されている企業はメーカーからWebサービス運営企業まで様々です...2015.06.28 | 10時04分30秒
アクセスしたブラウザがHTML5をどの程度サポートしているか等のスコアを表示するOSS・「html5test」 html5test html5testはアクセスしたブラウザがHTML5をどの程度サポートしているかを表示してくれるツールです。オープンソースとしてもコードが公開されています。それぞれのカテゴリに分けられていて、各項目のサポートの有無...2015.06.27 | 9時37分28秒
オープンソースのBootstrapテーマジェネレーター・「Bootstrap Magic」 Bootstrap Magic Bootstrap Magicはブラウザ上でBootstrapのテーマを作成出来るツールです。OSSとしてソースコードも公開されています。テキストやボタンに限らず、リストやページネーション、タブなどの各...2015.06.26 | 10時10分23秒
ターミナル操作をテキストベースで録画、公開出来るオープンソースのソフトウェア・「Asciinema」 Asciinema Asciinemaはターミナルの操作をテキストベースで録画、公開出来るWebサービスです。上記のように任意のWebページにembedする事も可能。テキストのままスクリーンキャストを撮れるので動画内のテキストをコピー...2015.06.22 | 10時41分44秒
Webサイトの背景用の動画をCC0ライセンスで公開している・「Coverr」 Coverr CoverrはWebサイトの背景用の動画をパブリックドメインで公開、配布しているWebサイトです。毎週月曜日に7つの動画を配布するみたい。動画を背景にする為のJavaScriptやCSS、HTML等のコードも書いてくれて...2015.06.21 | 9時05分31秒
ドラッグ&ドロップでレスポンシブWebデザイン対応のWordPressテーマを管理画面内で作成・「Themify Flow」 Themify Flow Themify Flowはドラッグ&ドロップでRWD対応のWordPressテーマを作成する事が出来るテーマビルダーです。WordPressテーマとして動作するようで、管理画面内で作成する事が出来ます。と言っ...2015.06.20 | 10時35分39秒
シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」 Riot.js Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。V...2015.06.19 | 9時45分56秒