著作権放棄の高品質な写真素材を配布する・「StockSnap.io」
StockSnap.io StockSnap.ioは著作権放棄された高品質な写真素材を配布するWebサイトです。配布されている写真は全てCC0で誰でも自由に利用可能となっています。解像度もなかなか高めで良いですね。写真はクロスプロセス...
Resource - その他
入力したテキストが世界中でどう発音するかを教えてくれる地図連動サービス・「wordmap.co」
wordmap.co wordmap.coは入力した言葉が世界中でどう発音するかを、地図連動で教えてくれるWebサービスです。Google翻訳とWikipediaを使って構築されているとの事。例えば「おはよう」と入力してMap itを...
世界中で販売されている食品のデータを収集し、データベース化するプロジェクト・「Open Food Facts」
Open Food Facts Open Food Factsは世界で販売されている様々な食品のデータを集め、共有しよう、というプロジェクトです。日本も含まれています。データ内容は、簡単な商品の説明、パッケージの素材、メーカーへのリン...
Gitを使ったバージョン管理を動画で学べる学習サイト・「Learn Git」
Learn Git Learn GitはGitを使ったバージョン管理を動画で学べる学習サイトです。GitクライアントのTowerを提供しているfournovaが公開しているみたいですね。動画で学べるのは素敵ですね。・・・が、国内にサル...
画像から人物の顔を検出するAPIを提供する・「Face++」
Face++ Face++は画像から人物の顔を検出するAPIを提供するプラットフォームです。中国の企業の様ですね。画像の中から人物の顔を検出し、鼻や目、口の位置をマークしたり、顔の向き、輪郭の検出等にも対応しているみたいです。何度かテ...
マテリアルデザイン向けのカラーコードをコピーして使える・「Material UI Colors」
Material UI Colors Material UI Colorsはマテリアルデザインの為のカラーパレットです。カラーコードはHEX、RGB、RGBAなどをサポートしており、使いたい色をクリックすればクリップボードにカラーコー...
ヤコブ・ニールセンの10のヒューリスティックに基いたユーザビリティチェックを行う為のChromeエクステンション・「UX CHECK」
UX CHECK UX CHECKはヤコブ・ニールセンが唱えた10のヒューリスティックに基いて行うユーザビリティチェックを行う手助けをしてくれるChromeの拡張です。10のヒューリスティックに関してはUsability Infoさん...
世界中で利用数の多いJavaScriptライブラリを検索できる・「Libscore」
Libscore Libscoreは世界で需要の高いJSライブラリやスクリプトを検索できるツールです。jQueryやModernizrがどの程度使われているかを教えてくれます。とは言え、恐らく需要の高いであろうライブラリが出てこなかっ...
女性や子供の為に立ち上げられたWeb制作技術を学ぶ為のリソースを提供するプロジェクト・「Ladies Learning Code」
Ladies Learning Code Ladies Learning Codeは女性やキッズ向けのWeb制作を学ぶためのリソースを提供する、非営利団体の立ち上げたプロジェクトサイトです。WordPressやHTML5、Photos...
商用でも無料で利用可能なHD動画を配布する・「Distill」
Distill Distillは商用利用でも無料のHD動画を共有、配布するWebサービスです。やや短めではありますが映像のクオリティは高そうです。まだ数は多くはないので今後増えてくれるよう期待したい所ですね。所謂写真素材の配布サイト同...
様々なJavaScriptライブラリやプラグインの使い方をまとめている・「Js Tutorial」
Js Tutorial Js Tutorialは配布されているJSライブラリやjQuery等のプラグインの使い方をまとめているWebサイトです。と言っても、配布元で書かれているオプションや簡単な解説のみなのでチュートリアルとはあまり言...
SVGで書かれたローディングアイコン集・「SVG Loaders」
SVG Loaders SVG LoadersはSVGで書かれたローディングアニメーションアイコンのセットです。どれもシンプルで使いやすそうです。早くブラウザのサポートが息とど置いて主流になるといいですねー。Githubにてソースが公...
Web制作の際に作成するフローチャートやワイヤーフレームの為の素材集・「UI TILES」
UI TILES UI TILESはWeb制作プロジェクトの際に作成されるフローチャートやサイトマップ、ワイヤーフレーム作成時に使える素材のキットです。フォーマットもPSDやAI、Sketchなどが用意されています。シンプルで使いやす...
クレジットカードやPayPalなどの決済系のSVGアイコンフォントのセット・「PaymentFont」
PaymentFont PaymentFontは決済周りでよく使われるSVGアイコンフォントのセットです。基本的に海外サービスのアイコンが多いのですが円のアイコンやクレジットカードなどは使えるので備忘録として。フォントはOFL、CSS...
Gistで書いたコードをスライド表示にする・「GistDeck」
GistDeck GistDeckはGistのコードをスライドとして表示してくれるツール。方法も簡単で、gistのサブドメインを変えるだけ。任意のgistのページのURLのgist.github.com/～の箇所をgistdeck.g...
Webサイトのスタイルガイド作成の為のリソースをまとめている・「Website Style Guide Resources」
Website Style Guide Resources Website Style Guide ResourcesはWeb[サイトのスタイルガイドを作成する為のリソースをまとめているWebサイトです。チームで管理する際に作業を円滑...
雨の音と一緒にジャズ等の音楽をランダムで流す・「Rain, Rhythm and Soul」
Rain, Rhythm and Soul Rain, Rhythm and Soulは雨の音と一緒にジャズやR&B音楽をランダムで流してくれるWebサービスです。リラックスしながら作業したいときに良さそうですね。似たようなサイトは結...
RWD対応の、Bootstrap向けダッシュボードテンプレート・「Dashboards by Keen IO」
Dashboards by Keen IO Dashboards by Keen IOはBootstrap用の管理画面テンプレートです。レスポンシブWebデザインにも対応しています。Keen IOというのはアクセス解析等のデータを扱う...
Gmail、Googleカレンダー、Googleドキュメントをまとめてチェック出来る・「Storyline」
Storyline StorylineはGmail、Googleカレンダー、Googleドキュメントの3つのサービスを一括チェック出来るサービスです。1つのタイムラインで更新状況をチェック出来る、というもの。シンプルなインターフェース...
任意のWebサイトのスコアレポートを提出してくれる調査ツール・「Nibbler」
Nibbler Nibblerは任意のWebサイトのアクセシビリティやソーシャルメディアのサポート状況、害悪なコンテンツの有無、SEO的な部分の評価等を調査し、スコアレポートを提出してくれるツールです。ざっくり調査するなら手軽で良い...
SVGの概要や使い方を学べるチュートリアルサイト・「Up and Running with SVG」
Up and Running with SVG Up and Running with SVGはSVGの概要や使い方をざっくり学べるチュートリアルサイトです。SVGとは何か、安全性、ツールの紹介、CSSによるスタイリング、JSによる操...
CC0のライセンスで自由に使える動画を配布する・「Life of Vids」
Life of Vids Life of VidsはCC0のライセンスで動画素材を配布しているWebサイトです。著作権が放棄されているので安心して自由に利用できますね。使い所は限られそうですが、覚えておいて損は無さそうです。動画はVi...