各種ソーシャルメディアへの投稿ボタンを、一括で生成してくれるジェネレーター。Facebook, Twitter, Google+, Tumblr, Pinterest, LinkedIn, Redditの7つのサービスに対応してます。基本的にShare用のボタンなので、ボタンを掲載するページのURLとその説明文を入れるだけでオッケー。ボタンのサイズも3つから選べます。統一されたデザインのボタンをまとめて作れるので便利です。
Category Archives: Web Design
[Web Design] Lowvision.support – 様々な視覚障害者から見たWebサイトのシミュレーター
様々な視覚障害の方がWebサイトを見た際に、どう見えるかを分かりやすくシミュレートできるサイト。対応しているのはCataracts（白内障）、Protanopia（赤色盲）、Deuteranopia（緑色盲）、Tritanopia（黄青色盲）、Monochromacy（全色覚異常）の5つ。プルダウンから簡単にシミュレートできます。ChromeやFirefoxでは動くんですが、Safariだとなぜか動作しませんでした。CSSフィルタがらみのサポートができてないのかも。バリアフリーサイトを制作する際に使えそうです。
[CSS] 20 Useful CSS Snippets for Responsive Menus – 使えるCSSスニペット
使えるCSSスニペットが20例紹介された記事。いくつかピックアップすると、ナビゲーション生成、レスポンシブレイアウトのポートフォリオ、ドロップダウンメニュー、マウスホバーアニメーション、アニメーションするハンバーガーメニュー、JSを使わないタブメニュー、パンクズ生成など。ナビゲーション類が多いですね。全てCodepenの埋め込みを使って紹介されているので、マークアップ、CSS、結果を簡単に確認できます。
[Web Design] 50 CSS and JavaScript Tools, Frameworks and Libraries from 2015 – CSS, JSに関するツールやフレームワークをまとめた記事
CSSやJSに関するツールやフレームワーク、ライブラリなどを50個まとめた記事。2015年の、とあるので、比較的最近のものばかりが集められているようです。記事内でカテゴリ分けされていて、上からCSSツール、レスポンシブレイアウトのためのWebフレームワーク、マテリアルデザインのフレームワーク、ちょっとしたCSSツール、JSライブラリ・フレームワーク、Webアプリとなっています。こういう記事って、ダラダラ見てるだけでも新しい発見があったりしますね。
50 CSS and JavaScript Tools, Frameworks and Libraries from 2015
[CSS] 20 Snippets for Things You Never Thought were Possible with CSS – CSSスニペット20例
クールなCSSスニペットが20例紹介されています。「CSSだけで出来るって今まで知らなかっただろー！？」的なものがテーマのようです。各作例はどれもCodepenで書かれているので、HTML, CSS, JS, そして描画される結果を効率よく見る事ができます。役に立つものというよりは、「CSSだけで描いてんの！？ スゲー！」的なものの方が多いかもしれません。Full Solar SystemとかFull Interactive NESとか。CSSファミコンすげー！ 何の役にも立たないけど。
20 Snippets for Things You Never Thought were Possible with CSS
[CSS] 15 Useful CSS Tricks You Might Have Overlooked – 便利なCSSトリック
使えるCSSトリックが紹介されてます。いわゆるTipsというか、コードスニペットみたいなもんですね。見出しの頭にナンバリングする、アンダーライン装飾、シェイプ内にテキストを配置、チェックボックス装飾、書籍風のテキスト装飾、リンク先ファイルタイプに応じたアイコン付与（これイイ！）、CSSアニメーションなど。派手な大技はないけど、地味に便利なTipsが多いです。いやこれイイですね。
