Resource - シンプル

美しいグラデーションを大量に収集、CSSをコピーできる・「WebGradients」

WebGradients WebGradientsは美しいグラデーションを大量に収集しているWebサイトです。CSSをコピーできたりPNGでダウンロード出来る他、SketchファイルやPSDも配布してくれています。特にカテゴリで分けて...

ブラウザでJSONをフィルタリング、操作出来るOSS・「json.browse」

json.browse json.browseはブラウザでJSONを操作出来るオープンソースのソフトウェアです。指定したりコピペでコードを貼り付け、フィルタリングした後に、JSON或いはJavaScriptで出力してくれます。目的も使...

過去に存在したページが404等を返した際に、Internet Archiveへ誘導してくれるChrome拡張・「Wayback Machine」

Wayback Machine Wayback Machineは過去に存在したページが404や503、500などのエラーを返してきた際に、Internet Archiveに誘導してくれるChromeエクステンションです。Interne...
Ads

商用でも無料で使える顔写真を提供するプロジェクト・「TinyFaces」

TinyFaces TinyFacesは商用でも無料で使える人物顔写真を提供するプロジェクトです。目的に賛同してくれる方から提供してもらった顔写真、性別等を、JSONで提供してくれています。顔写真はFacebookで設定されているアバ...

オープンソースのクリップボード管理ツール・「CopyQ」

CopyQ CopyQはオープンソースのクリップボード管理ツールです。シンプルなエディタがビルトインされており、コピーしたテキストを編集、ペーストすることが可能です。その他いろいろ、割と高機能な印象です。各OSに対応、多言語対応ですが...

軽量で非依存のパララックス実装スクリプト・「Rellax.js」

Rellax.js Rellax.jsは軽量で他ライブラリに依存しないパララックス実装スクリプトです。少し前に流行って今は割と普通に見かけるようになった視差効果のあるWebページの制作をサポートしてくれる、というもの。ファイルサイズは...

大量のCSSフレームワークやライブラリ、スニペット、ツール等をコレクションしている・「CSSReflex」

CSSReflex CSSReflexは大量のCSSフレームワークやライブラリ、スニペットやツール等をコレクションしているWebサイトです。よくあるキュレーションサイトですね。レスポンシブの計算機やフィルターツールなどもありますが、特...

世界中のインターネット接続に関する情報を調査出来る・「THE WEB WORLDWIDE」

THE WEB WORLDWIDE THE WEB WORLDWIDEは世界中のインターネット接続に関する情報を調査できるWebサービスです。調べたい国を選択すると、人口や識字率、GDP、貧困率などの基本情報と、4Mbps +ブロード...

disple:tableを使ったモバイルファーストなCSSグリッドシステム・「Table Grid」

Table Grid Table Gridはdisple:tableを使ったモバイルファーストなCSSグリッドシステムです。といっても実用性を考えて作った重要性の高いプロジェクトではなく、単に実験的に作ったようです。floatやfle...

シンプルで非依存、軽量なカルーセルスクリプト・「Siema」

Siema See the Pen Siema - nested carousels by kachibito (@kachibito) on CodePen. Siemaはシンプルで軽量、非依存型のカルーセルを実装するスクリプトで...

無料でスクリーンキャストを撮ってシェア出来るChromeエクステンション・「ViewedIt」

ViewedIt ViewedItはスクリーンキャストを撮影してシェア出来るChrome拡張です。撮った動画は保存期間が設けられておらず、削除されないそうです。また、ストレージも無制限とのこと。撮影時間は1時間となっています。FAQに...

レスポンシブなペラページを直感で作成、CC0ライセンスでダウンロード出来る・「Launchaco Website Builder」

Launchaco Website Builder Launchaco Website BuilderはRWD対応のペラページを直感的に作成、ダウンロード出来るWebサイトビルダーサービスです。作成されたファイルはCC0ライセンスで配...

雪の結晶を作成、svgで保存出来る・「Snowflaker」

Snowflaker Snowflakerは雪の結晶を作成してsvgで保存できるWebサービスです。設定できる項目は1つにするか並べるか、雪の幅、模様のみとなっています。よくある季節ネタサイトですかね。クリスマス向けにいかがでしょうか...

ECサイト運営のためのツールやリソースをまとめている・「Marketplace Stack」

Marketplace Stack Marketplace StackはECサイト運営の為のツールやリソースをまとめているキュレーションサイトです。支払いシステムやセキュリティ、マーケティング、カスタマーサポートなどのカテゴリに、各ツ...

書いたコードを画像化してTwitterに投稿出来るシンプルなツール・「Alter」

Alter Alterは書いたコードをTwitterで教えたい時に地味に便利なWebツールです。テキストエディタでコード書いてスクショ撮ったりとか面倒だから作ったそう。textareaにコードを貼って送信すれば画像化されるので、そのま...

AIが作ってくれる手軽なロゴデザインジェネレーター・「Logojoy」

Logojoy LogojoyはAIが作るロゴデザインジェネレーターです。好みのロゴデザインサンプルを複数選択、社名(ブランド名など)と色、キャッチコピーを入力すると、その設定状況に合ったロゴを複数提出してくれます。作るまでは無料です...

SSの画像をアップロードするとMac ChromeやWin Firefoxなど、ブラウザのフレームに合成してくれる・「Browser Frame」

Browser Frame Browser Frameはスクリーンショットとして撮った画像をアップロードすると、ブラウザのフレームのイラストに合成してダウンロード出来るWebサービスです。ブラウザはMacのChromeやFirefox...

HTML要素1つで、やや複雑な動きが出来るCSSスピナー・「CSSPIN」

CSSPIN CSSPINは1つの要素で、上のようなそこそこ複雑な動きが作れる、CSSのみで作れるスピナーです。それぞれの動きはそれぞれCSSファイルが用意されているので必要な動きのファイルだけ読み込めば使えます。なかなか使いやすそう...

Webデザイナー向けのリソースを目的別にまとめている・「Freestack」

Freestack FreestackはWebデザイナー向けのリソースキュレーションサイトです。無料のものを中心に収集しているようです。カラーツールやブラウザの拡張機能、モックアップやストックフォト、タイポグラフィ関連などなど。ざっと...

WCAG 2.0やSection508を基準に任意のWebサイトのアクセシビリティチェックをしてくれる・「Tenon.io」

Tenon.io Tenon.ioはWCAG 2.0やsection508.gov(参照:リハビリテーション法第508条)で設定されたアクセシビリティのガイドライン基準に準じてチェックしてくれるシンプルなツールです。WebサイトのUR...

画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」

Matcherator Matcheratorは画像をアップロードすると、その画像内で使われているフォントの名前を割り出してくれるWebサービスです。既存サービスのWhatTheFontやWhatFontIsよりも、優れた性能だそうで...

Googleリッチスニペット対応の、WebページにオリジナルのLikeボタンを付けるスクリプト・「LikeBtn」

LikeBtn LikeBtnは任意のWebページにLike/Dislikeボタンを付けられるスクリプト。jQueryに依存します。上デモのように日本語にも対応しています。少し微妙ではありますが・・w  念の為、Facebook...
Ads