2015Bookmarks今月(2015年3月)個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。Webクリエイターボックスグラデーションについてのエントリーで、CSSを使った実装方法、便利なツール・サイト、使い方が上手くてデザインの参考になるショーケースなどがまとめられています。animatedModal.js様々なアニメーションでモーダルウィンドウを表示させるjQueryプラグイン。CSSでモーダルウィンドウを実装したもの。Textures.js画像ではなくSVGを使ってラインやサークルといったパターンテクスチャを描けるスクリプトで、d3.jsを用いているようです。Buttonsホバー時にグラデーションがアニメーションするボタン。apps.シンプルなマークアップでスライドナビゲーションを実装できるスクリプトで、jQueryなどのライブラリなしで実装できます。MapをカスタマイズできるjQueryプラグインで、data-*属性を使って吹き出し・マーカー・ズームなど様々な設定をしていきます。animations.気になるアニメーションを選択し、CSSやjQueryでの実装コードをコピーできます。街角のクリエイティブ女性向けWebサイトデザインのポイントをまとめたエントリー。使われる手法がシンプルにまとめられており、実際のサイトも紹介されています。コリスグラデーションやブラーの効果的な使い方について参考になるチュートリアルをまとめたエントリー。Tutorialzine有名なWebサイトがどのように変化してきたかをまとめたエントリーで、各サイト下にあるスライダーで見れるようになっています。Illustrationsラインアートイラストのショーケースで、どれも素敵なものばかりです。Lettering世界的に活躍しているデザイナーが選んだフォントをランキング化したもの。有名な書体が多いですが、フォント選びに悩んだ時などに参考にしたりもできます。Freebies※以下で紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。metaflop丸みやシャープさなどを自分で指定して、オリジナルのフォント作成を行えるサービス。ベースとなるフォントを指定し、更に細かい部分を調整することが可能です。SANSCSSのみでA~Zまでの文字を表現したもので、HTMLは全てdiv要素ひとつで作成されています。デベロッパーのためのネーミング辞書ID・クラス・変数・関数など、命名で困ったときに便利なネーミング辞書サイト。Plugin」を使用するように発表されました。100%!important;を記述したりすればレスポンシブ対応も可能なようです。8.2も同時に発表されました。