https://www.shutterstock.com/ja/ 最近カメラを買ったので、撮影した写真の販売先を探していました。 スマホのアプリが使いやすくて結構サクサク申請できた。 サイトURL：http…
Glitch | テキストのノイズ効果・Glitch(グリッチ)効果を簡単に実装できるjQuery プラグイン
デジタルノイズのようなGlitch(グリッチ)効果を簡単に演出出来るjQueryプラグイン。 MIT license サイトURL：http://hyperglitch.com/dev/glitch-jquery-plu…
Instafeed.js | Instagram写真をウェブサイトに表示させるためのスクリプト
昨年あたりからInstagramが流行ってますね。 Instagramに投稿した写真をホームページに掲載するためのスクリプトです。 サイトURL：http://instafeedjs.com/
Fresh Background Gradients | 120種類のグラデーションをCSS/Sketch/Photoshop用にコピペやダウンロード出来る
今風なCSSグラデーションを簡単にコピペで使えるページです。 無料コレクションとのことなので、利用にあたって料金等は必要ないようです。 CSSのグラデーションに困ったり、デザインのグラデーションにこまったらこのサイトを参…
math.js | JavaScriptでできた数学ライブラリ
サイトURL：http://mathjs.org/
Subtle Patterns | 無料のテクスチャパターン（繰り返し素材）を提供しているサイト
背景やちょっとしたアクセントに利用できるテクスチャパターンを提供しているサイト。 無料で使えるが、CSSやHTMLにクレジットが必要とのこと。 サイトURL：https://www.toptal.com/d…
Emmet Cheat Sheet | コーディングを高速化するEmmetのチートシート
ZenCodingの流れを汲むEmmetのチートシートページです。 シンプルで使いやすいのでブックマークしておくと良いかと。 サイトURL：https://docs.emmet.io/cheat-sheet…
Grav | データベース不要で設置が非常に簡単なCMS、PHP環境で動作
面白そうなCMS発見。 MAMP環境にインストールしてみたけど確かにサクッとインストールできた。 マークダウンファイルを編集することでホームページが更新される仕組みのようです。 データベース不要なのもいいよね。 詳しくは…
straightline bookmark | 素敵なWebデザインのリンク集サイト
おしゃれなウェブサイトのデザインブックマークサイト どれもお洒落だなぁ。 ここに載るような素敵なサイトを作りたい。 サイトURL：http://bm.straightline.jp/
jQuery.offcanvas Plugin | オフキャンバスメニューが簡単に作れるjQueryプラグイン
バーガーメニューを押すとニュルッと右や左から出てくるナビゲーション（オフキャンバスメニュー）を簡単に設置できるプラグイン。 便利 サイトURL：https://lgraubner.github.io/jquery-off…
ワールド・ヒストリカル・アトラス | 歴史の勉強にもってこい。紀元前4000年から現在まで、1年刻みで世界の国・指導者を表示できる世界地図
すごすぎる。これは歴史の勉強が捗る！ 年を入力するとその時点での世界の国と指導者・支配者を表示出来る。 社会の授業とこのワールドヒストリカルアトラスがあれば、より理解が深まるんじゃないかな。 Bitbucketにソースコ…
Runnable CodeSnippets | 様々な言語のコードスニペットを検索出来て実際に動かせるサイト
PHP, Node.js, Python, C++, jQuery, Java, Ruby-on-Rails, Django, .NET, express, CodeIgniter, CakePHP, My…
RewriteRule Flags | Apacheウェブサーバのリライトルールの設定
RewriteRuleに設定するフラグについてかかれたページ。 .htaccssを作成する時に参考にする。 サイトURL：https://httpd.apache.org/docs/2.4/rewrite/flags.h…
駅すぱあとWebサービス | 0円から駅すぱあとの経路検索や路線情報を追加できるWebAPI
おぉ、駅すぱあともAPI提供をしているのか。 知らなかった。 有料版がいくらになるか知りたいところ。 サイトURL：https://ekiworld.net/service/lp/webser…
JavaScript InfoVis Toolkit | データビジュアライゼーション用ライブラリ
豊富なグラフを作れるJavaScriptのインタラクティブなデータビジュアライゼーションライブラリ。 円グラフ・棒グラフの他にも樹形図とか関係図みたいなのが作れるみたい。 Facebookを表示させた時に、Chromeの…
OpenStreetMap – GoogleMapのような地図をオープンデータで提供
GoogleMapの使用制限などが徐々に厳格化してきている昨今、オープン・ストリート・マップという選択肢もひとつだと思う。 このサイトから地図の編集を行える。 地図のライセンス：Open Data Commons Ope…
jonathantneal/flexibility – flexboxをIEの古いバージョンにも対応させるライブラリ
ダウンロードして、以下のようにスプリクトを読み込ませる。 <script src=”flexibility.js”></script> flexboxを利用したいCSSの記…
ThreeFab – Three.jsを使ってシーン・カメラ・オブジェクト・ライトを視覚的に確認、インポート・エクスポート出来るサイト
Three.jsを使った3Dグラフィックを視覚的に作成出来るツールサイト。 Three.jsでコード書いていると、頭のなかでシーンやカメラの位置などをイメージしてやらないといけないですが、こういったツールがあると、凄く分…
aguse.jp: ウェブ調査 – 対象URLの所有者、サーバ情報、リンク情報等を簡単に調べられるサイト
対象サイトのURLを入力して「調べる」ボタンを押すことでサイトのIPアドレス、最終更新日、ドメインの所有者情報、ブラックリスト判定結果等を調べられる。 非常に重宝しております。 サイトURL：https:/…
JPRS WHOIS /JPRS – ドメインの所有者確認
最近CMもやっているJPドメイン管理・DNSに関連する情報を取り扱うJPRSが提供するドメインの所有者確認サービス。 ドメイン名を入力すると、登録者情報、ネームサーバホスト情報、担当者情報などを確認出来る。 …
three.js – 3DCGを作成・操作するJavaScriptライブラリ
3DのJavaScriptライブラリの中では一番人気っぽいライブラリです。VRも作れるっぽい。 WebGLが動作するブラウザなら動く！なんと、IE11でも動くっぽい！！！ 近いうちに使うぞ。 ライセンス：M…
List.js – テーブルやリストのフィルタ・ソート・検索を簡単に実装するJSライブラリ
テーブルのソートやフィルタをちょろっとしたい時に簡単に使えそうなJavaScriptフレームワーク。 License：MITライセンス サイトURL：http://listjs.com/
郵便番号検索 – 日本の都道府県の郵便番号を簡単に探せるサイト
郵便番号のデータを日本郵政が提供しているので、それを使ってWordPressでサイトを構築してみた。 １３万件程データがあるのでローカルで構築をして、レンタルサーバへはダンプしたSQLを流し込んだ。関連する旅館の情報も楽…
Theme Mountain | Timber Framework
BootstrapのようなCSS、JSフレームワーク。 コンポーネントが豊富。おしゃれなサイトをつくるときなどに。 License: MIT サイトURL：http://framework.thememountain.c…
brand-colors ブランドカラーを簡単に探せるサイト
様々なブランドの”色”が一覧化されており、簡単に探せる。 SEARCHとなっている部分に「Amazon」などと入れれば、Amazonで使用されているブランド色を絞り込んでくれる。 シンプルで操作しやすい。 サイトURL：…
Laravel – The PHP Framework For Web Artisans
人気のPHPフレームワーク。 そろそろ触ってみようと思って1年が経った(^_^;) MIT license. サイトURL：https://laravel.com/
モバイル フレンドリー テスト – Google Search Console
自分のサイトや指定したURLのサイトがモバイル対応出来ているか？モバイルフレンドリーかをチェックするサイト。 Googleが提供している。 サイトURL：https://search.google.com/…
Google Web Toolkit
Javaを使ってウェブ用Ajaxアプリケーションを開発できるオープンソースのJavaソフトウェア開発フレームワークとのこと。 だいぶ前からあるのね。 Javaからは大分遠ざかっているけど、いつかは使うことになるかも。 ラ…
Yelp Fusion
口コミ情報とかYelp APIで取れるのかな。今度調べて見る。 サイトURL：https://www.yelp.com/developers
Trianglify Generator
ポリゴン背景が簡単に作れるジェネレータ。 簡単に今風の背景が作れる。 サイトURL：http://qrohlf.com/trianglify-generator/
プロセスとタスクの自動化 | Microsoft Flow
Microsoftが提供する様々なサービスを連携させて自動化を図れるサービスだそうな。WordPressも対応になっているっぽい。 今度使ってみよう。 サイトURL：https://flow.microsoft.com/…
Responsive Image Maps jQuery Plugin
クリッカブルマップをレスポンシブ対応させるためのjQueryプラグイン クリッカブルマップマップを作る時に大変重宝する。 そして実装も超簡単！ MIT ライセンス サイトURL：http://mattstow.com/e…
Trello
タスク管理に活用してる。チームワークとかではなく、完全に個人用のタスク管理。 色々と試したけど、シンプルで使いやすいので結局これで落ち着いた。 サイトURL：https://trello.com/
Cockpit CMS
新しいCMSっぽい。シンプルでパワフルなオープンソースCMS。 まじで早くて、フレキシブルで拡張性があり、モダンでシンプルなインターフェースとのこと。気になる気になる。 今度触ってみる。 MIT License Get …
SimilarWeb – Digital Market Intelligence & Website Traffic
競合サイトの分析や自社サイトの分析が簡単に出来るサービス。 どうやったらこんなに詳細なデータを取得できるのか、個人的には非常に気になる。 サイトURL：https://www.similarweb.com/
Snap.svg – Home
JavaScriptでSVGを操作するためのライブラリ Apache License サイトURL：http://snapsvg.io/
Chartist – Simple responsive charts
こちらもJavaScriptでグラフが書ける。 ライセンス： MIT, WTFPL サイトURL：https://gionkunz.github.io/chartist-js/
chart.css – A Simple CSS Chart System
シンプルな記述でグラフが書けるCSS。 ちょっとしたグラフが必要な時に活用できそう。 サイトURL：https://theus.github.io/chart.css/#examples
Free Web & Mobile Prototyping (Web, iOS, Android) and UI Mockup Tool | InVision
ここ半年くらい愛用しているモックアップ・プロトタイプ制作用のウェブサービス。 今まで紙ベースでやっていたワイヤーフレームの打ち合わせや、デザインの打ち合わせ。 ただ、どうしても紙だとウェブサイトの雰囲気や見え方（サイズ感…
動画制作・映像制作ならViibar(ビーバー) – 洗練された動画制作実績が掲載されているサイト
イマドキの動画制作実績を確認できる。 よく考えられたフックの効いた動画が多数掲載されている。 凄いなぁ。動画を作る機会は殆ど無いけど、勉強になります。 サイトURL：http://viibar.com/works