美しいグラデーションを大量に収集、CSSをコピーできる・「WebGradients」 WebGradients WebGradientsは美しいグラデーションを大量に収集しているWebサイトです。CSSをコピーできたりPNGでダウンロード出来る他、SketchファイルやPSDも配布してくれています。特にカテゴリで分けて...2017.02.18 | 10時54分13秒
ブラウザでJSONをフィルタリング、操作出来るOSS・「json.browse」 json.browse json.browseはブラウザでJSONを操作出来るオープンソースのソフトウェアです。指定したりコピペでコードを貼り付け、フィルタリングした後に、JSON或いはJavaScriptで出力してくれます。目的も使...2017.01.25 | 10時01分48秒
過去に存在したページが404等を返した際に、Internet Archiveへ誘導してくれるChrome拡張・「Wayback Machine」 Wayback Machine Wayback Machineは過去に存在したページが404や503、500などのエラーを返してきた際に、Internet Archiveに誘導してくれるChromeエクステンションです。Interne...2017.01.21 | 10時26分07秒
商用でも無料で使える顔写真を提供するプロジェクト・「TinyFaces」 TinyFaces TinyFacesは商用でも無料で使える人物顔写真を提供するプロジェクトです。目的に賛同してくれる方から提供してもらった顔写真、性別等を、JSONで提供してくれています。顔写真はFacebookで設定されているアバ...2017.01.17 | 10時26分22秒
オープンソースのクリップボード管理ツール・「CopyQ」 CopyQ CopyQはオープンソースのクリップボード管理ツールです。シンプルなエディタがビルトインされており、コピーしたテキストを編集、ペーストすることが可能です。その他いろいろ、割と高機能な印象です。各OSに対応、多言語対応ですが...2017.01.10 | 10時46分35秒
軽量で非依存のパララックス実装スクリプト・「Rellax.js」 Rellax.js Rellax.jsは軽量で他ライブラリに依存しないパララックス実装スクリプトです。少し前に流行って今は割と普通に見かけるようになった視差効果のあるWebページの制作をサポートしてくれる、というもの。ファイルサイズは...2016.12.30 | 10時40分31秒
大量のCSSフレームワークやライブラリ、スニペット、ツール等をコレクションしている・「CSSReflex」 CSSReflex CSSReflexは大量のCSSフレームワークやライブラリ、スニペットやツール等をコレクションしているWebサイトです。よくあるキュレーションサイトですね。レスポンシブの計算機やフィルターツールなどもありますが、特...2016.12.28 | 10時33分35秒
世界中のインターネット接続に関する情報を調査出来る・「THE WEB WORLDWIDE」 THE WEB WORLDWIDE THE WEB WORLDWIDEは世界中のインターネット接続に関する情報を調査できるWebサービスです。調べたい国を選択すると、人口や識字率、GDP、貧困率などの基本情報と、4Mbps +ブロード...2016.12.22 | 10時20分06秒
disple:tableを使ったモバイルファーストなCSSグリッドシステム・「Table Grid」 Table Grid Table Gridはdisple:tableを使ったモバイルファーストなCSSグリッドシステムです。といっても実用性を考えて作った重要性の高いプロジェクトではなく、単に実験的に作ったようです。floatやfle...2016.12.21 | 10時25分58秒
シンプルで非依存、軽量なカルーセルスクリプト・「Siema」 Siema See the Pen Siema - nested carousels by kachibito (@kachibito) on CodePen. Siemaはシンプルで軽量、非依存型のカルーセルを実装するスクリプトで...2016.12.14 | 10時30分08秒
無料でスクリーンキャストを撮ってシェア出来るChromeエクステンション・「ViewedIt」 ViewedIt ViewedItはスクリーンキャストを撮影してシェア出来るChrome拡張です。撮った動画は保存期間が設けられておらず、削除されないそうです。また、ストレージも無制限とのこと。撮影時間は1時間となっています。FAQに...2016.12.12 | 10時08分45秒
レスポンシブなペラページを直感で作成、CC0ライセンスでダウンロード出来る・「Launchaco Website Builder」 Launchaco Website Builder Launchaco Website BuilderはRWD対応のペラページを直感的に作成、ダウンロード出来るWebサイトビルダーサービスです。作成されたファイルはCC0ライセンスで配...2016.12.11 | 10時30分44秒
雪の結晶を作成、svgで保存出来る・「Snowflaker」 Snowflaker Snowflakerは雪の結晶を作成してsvgで保存できるWebサービスです。設定できる項目は1つにするか並べるか、雪の幅、模様のみとなっています。よくある季節ネタサイトですかね。クリスマス向けにいかがでしょうか...2016.12.03 | 10時30分08秒
ECサイト運営のためのツールやリソースをまとめている・「Marketplace Stack」 Marketplace Stack Marketplace StackはECサイト運営の為のツールやリソースをまとめているキュレーションサイトです。支払いシステムやセキュリティ、マーケティング、カスタマーサポートなどのカテゴリに、各ツ...2016.12.01 | 10時30分52秒
書いたコードを画像化してTwitterに投稿出来るシンプルなツール・「Alter」 Alter Alterは書いたコードをTwitterで教えたい時に地味に便利なWebツールです。テキストエディタでコード書いてスクショ撮ったりとか面倒だから作ったそう。textareaにコードを貼って送信すれば画像化されるので、そのま...2016.11.30 | 10時47分15秒
AIが作ってくれる手軽なロゴデザインジェネレーター・「Logojoy」 Logojoy LogojoyはAIが作るロゴデザインジェネレーターです。好みのロゴデザインサンプルを複数選択、社名(ブランド名など)と色、キャッチコピーを入力すると、その設定状況に合ったロゴを複数提出してくれます。作るまでは無料です...2016.11.25 | 10時03分23秒
SSの画像をアップロードするとMac ChromeやWin Firefoxなど、ブラウザのフレームに合成してくれる・「Browser Frame」 Browser Frame Browser Frameはスクリーンショットとして撮った画像をアップロードすると、ブラウザのフレームのイラストに合成してダウンロード出来るWebサービスです。ブラウザはMacのChromeやFirefox...2016.11.24 | 10時31分42秒
HTML要素1つで、やや複雑な動きが出来るCSSスピナー・「CSSPIN」 CSSPIN CSSPINは1つの要素で、上のようなそこそこ複雑な動きが作れる、CSSのみで作れるスピナーです。それぞれの動きはそれぞれCSSファイルが用意されているので必要な動きのファイルだけ読み込めば使えます。なかなか使いやすそう...2016.11.22 | 10時33分00秒
Webデザイナー向けのリソースを目的別にまとめている・「Freestack」 Freestack FreestackはWebデザイナー向けのリソースキュレーションサイトです。無料のものを中心に収集しているようです。カラーツールやブラウザの拡張機能、モックアップやストックフォト、タイポグラフィ関連などなど。ざっと...2016.11.21 | 10時48分51秒
WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」 Tenon.io Tenon.ioはWCAG 2.0やsection508.gov(参照:リハビリテーション法第508条)で設定されたアクセシビリティのガイドライン基準に準じてチェックしてくれるシンプルなツールです。WebサイトのUR...2016.11.20 | 10時16分54秒
画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」 Matcherator Matcheratorは画像をアップロードすると、その画像内で使われているフォントの名前を割り出してくれるWebサービスです。既存サービスのWhatTheFontやWhatFontIsよりも、優れた性能だそうで...2016.11.19 | 10時34分32秒
Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」 LikeBtn LikeBtnは任意のWebページにLike/Dislikeボタンを付けられるスクリプト。jQueryに依存します。上デモのように日本語にも対応しています。少し微妙ではありますが・・w 念の為、Facebook...2016.11.18 | 10時35分10秒