LPや料金ページ、商品紹介ページ等のUIを中心に収集しているWebデザインギャラリー・「UI Temple」 UI Temple UI Templeはランディングページやプライスページ、プロダクトページ、コンタクトフォームページ、ポートフォリオ等、コンバージョンに結びつきやすいページのUIをコレクションしているキュレーションサイトです。特にそ...2016.08.28 | 10時17分16秒
YoutubeやVimeo、Vineなどのembedをレスポンシブにする非依存の軽量スクリプト・「superembed.js」 superembed.js superembed.jsはYoutubeやVimeo、Vine等の動画共有サービスのembedをレスポンシブWebデザインに対応する為のスクリプトです。CSSで動画要素を包括して、といった作業の必要もなく...2016.08.27 | 10時11分30秒
様々なフィードバックの為のツールをコレクションしている・「feedbacktools.org」 feedbacktools.org feedbacktools.orgは様々なフィードバックツールをキュレーションしたWebページです。Webサイトやスマフォ等のアプリを対象とした、ユーザーからのフィードバックやUX/UI専門、バグ、...2016.08.25 | 10時20分11秒
シンプルなカラーパレット管理ツール・「colorcubo」 colorcubo colorcuboはシンプルなカラーパレット管理ツールです。シンプルですが、欲しい機能は一通り揃っており、余計な機能を削いでいる印象でした。主な特徴は複数パレット作成、作成した各パレットのフォルダ分け、ユーザー登録...2016.08.24 | 10時43分26秒
JavaScriptのTipsを不定期で紹介する・「JS Tips」 JS Tips JS TipsはJavaScriptのちょっとしたヒントをコードとともに不定期で紹介するWebサイトです。基本的にはバニラなスクリプトが紹介されており、コードはGithubでも公開されています。8/23現在で58ほど。...2016.08.23 | 10時58分09秒
自身の技術スキルをアニメーションする棒グラフで表示できるjQueryスクリプト・「skills」 skills skillsは自身の技術スキルをアニメーションする棒グラフで表現するためのスクリプトです。jQuery依存です。よくある、スクロールに応じてアニメーションしながらグラフが設定値まで伸びる、というもの。アニメーションや...2016.08.22 | 10時04分25秒
高品質な写真を著作権放棄で配布する・「SKUAWK PUBLIC DOMAIN PHOTOS」 SKUAWK PUBLIC DOMAIN PHOTOS SKUAWK PUBLIC DOMAIN PHOTOSは高品質な写真をパブリックドメインで配布するWebサイトです。よくあるストックフォトサイトのように大量に保管、配布されてはお...2016.08.21 | 10時58分19秒
要素の背景に水面を指でなぞるようなエフェクトを付与できるスクリプト・「jQuery Ripples」 jQuery Ripples ※Resultを押せば別の画像が表示されます。 jQuery Ripplesは要素に揺れる水面っぽいエフェクトを付与できるスクリプトです。WebGLで任意の要素に指定した画像に上記のようなエフェクト...2016.08.19 | 10時14分40秒
任意のWebページの画像を全てzipに圧縮してダウンロード出来るサービス・「Image Cyborg」 Image Cyborg Image Cyborgは任意のWebページに存在する全ての画像をZIPファイルに圧縮してダウンロード出来るWebサービスです。サポートされているフォーマットはJPGやGIF、PNGは勿論、BMPやEPS、i...2016.08.15 | 10時21分32秒
スクロールに応じて要素をCSS3で手軽にアニメーションさせられるライブラリ・「Kissui.scrollanim」 Kissui.scrollanim Kissui.scrollanimはスクロールに応じて要素をアニメーションしながら表示させるためのライブラリです。オシャレ感ただようWebページに大抵あるあのエフェクトを手軽に付与しよう、という...2016.08.14 | 10時25分18秒
製品紹介ページのWebページのデザインのみを収集しているWebギャラリー・「Product Pages」 Product Pages Product Pagesは企業サイトやメーカーサイト等の製品紹介ページ、プロダクトページのデザインのみを収集しているWebデザインギャラリーサイトです。先日ご紹介したPricing Pages3の姉妹サイ...2016.08.13 | 9時17分14秒
カスタムなGoogle Mapを手軽に作成出来るサービス・「EZ Map」 EZ Map EZ MapはカスタムされたGoogle Mapを手軽に作成出来るWebサービスです。APIと少しのjQueryコードでGoogle Mapの地図の色を変更するの記事で書いたような色の変更や任意のマーカー設置、各Goog...2016.08.11 | 11時29分26秒
Webページのパフォーマンスチェックの結果をヒートマップで表示するブックマークレット・「Perfmap」 Perfmap PerfmapはWebページのパフォーマンスチェックの結果をヒートマップで表示してくれるブックマークレットです。リソースが表示されるタイミングをResource Timing APIでチェック、それぞれに表示されるまで...2016.08.10 | 9時29分53秒
inputに任意の接頭語を付与するスクリプト・「jquery-plugin-input-prefix」 jquery-plugin-input-prefix jquery-plugin-input-prefixはinputに任意の削除できない接頭語を付与するスクリプトです。jQueryに依存します。placeholder属性と違い、テキ...2016.08.09 | 10時07分34秒
Webサービス等によくある「料金ページ」のデザインを収集しているギャラリーサイト・「Pricing Pages」 Pricing Pages Pricing PagesはWebアプリ等によるある料金ページのスタイルをコレクション、ギャラリーにしているWebサイトです。それぞれのコースの特徴と金額が人目でわかる工夫や、特徴のアピールと決定ボタンへの...2016.08.07 | 10時23分22秒
JSONやCSVでダミーデータを作成出来る・「dummi」 dummi dummiはJSONやCSVのダミーデータを作成、ダウンロードできるWebサービスです。データは人物や本、動画や記事が用意されており、人物には性別やメールアドレス、年齢等、本ならタイトルや著者、値段などの値が用意されており...2016.08.06 | 9時45分40秒
各ソーシャルサイトの共有ボタンを作成、コードをコピー出来るOSS・「Sharingbuttons.io」 Sharingbuttons.io Sharingbuttons.ioはTwitterやFacebook、Google+等のソーシャルサイトへの共有ボタンを作成、コードを吐き出してくれるツールです。これくらいならよく見かけますが、こち...2016.08.05 | 10時20分33秒
レスポンシブWebデザインにも対応できるオープンソースのプロトタイピングツール・「PrototypeBrewery.io」 PrototypeBrewery.io PrototypeBrewery.ioはRWD対応のプロトタイピングツールです。直感的に操作可能なインターフェースで独自のCSS、JavaScriptを書くことも出来ます。ビューモードでは各デバ...2016.08.01 | 9時35分19秒
インライン編集が可能なオープンソースのブログプラットフォーム・「Postleaf」 Postleaf Postleafはオープンソースのブログプラットフォームです。管理画面等でなく、閲覧しているWebページをその場でインライン編集可能との事。その場で編集出来るのでWebに不慣れな方でも取っ付き易い印象はありますね。動...2016.07.31 | 8時42分39秒
Web制作のスピードを早める為に作られたモジュール式の軽量CSSフレームワーク・「BlazeCSS」 BlazeCSS BlazeCSSはモジュール形式のモバイルファーストなCSSフレームワークです。Web製作スピードを早めるために設計、公開されたそう。各コンポーネントは必要なものだけ該当のCSSを読み込むモジュール式でモノリシックな...2016.07.30 | 10時41分54秒
オートコンプリートの住所検索の為のスクリプト・「Algolia Places」 Algolia Places Algolia Placesはオートコンプリートな住所検索の為のスクリプトです。上デモのようにOpenStreetMapを使って検索対象を世界にする事が可能です。高速さが売りのようですね。導入も割と簡単で...2016.07.29 | 9時30分12秒
デザイナー向けリソースをコレクションしたキュレーションサイト・「Sans Francisco」 Sans Francisco Sans Franciscoはデザイナー向けのリソースを厳選、コレクションしたキュレーションサイトです。大量に公開されているリソースから自分が求めているものを探すだけでも苦労するので、探す手間を省けるよう...2016.07.28 | 9時02分27秒