Monthly Bookmarks #21 目次
Development
- Squeezebox Portfolio Template in CSS and jQuery | CodyHouseギャラリーやポートフォリオに使えそうなテンプレートで、レスポンシブ対応もされています。
- Bootstrap Hover Image Gallery画像にホバーした際のエフェクトを集めたもので、全16種類あります。
- Stylesheets様々なCSSのリソースをまとめているサイト。
- 初心者にも分かる！robots.txtの作り方
robots.txtについてわかりやすくまとめられているエントリー。 - Tagsort jQuery Pluginタグによってエレメントをソートする機能を実装できるjQueryプラグイン。
- dypsilon/frontend-dev-bookmarks · GitHubフロントエンドに関する様々なサイトやリソースがまとめられており、かなりの量があります。
Design / Inspiration
- 50 Restaurant Websites for Inspiration美しいレストランのWebサイトを集めたエントリー。
- Font Flame - Tinder for font pairing表示されるフォントを好きか嫌いか選んでいくことで、自分がどのようなフォントが好きなのかを知ることができるサイト。
- 6 Web Design Trends You Must Know for 2015 & 2016様々なデザインブログなどでも書かれているので知っているという方も多いと思いますが、知っておきたいWebデザインのトレンドについて紹介しているエントリー。
Material / Freebies
※以下で紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Freebie: Awesome watercolor vector pack for this autumn
Freebie: Vector Vintage Badges (AI & EPS)
Fantasmatic Freebies Icons
Free Infographic Brochure Template
Intro Rust: Vintage Font Family
SUMMER font
Barbaro Font Family
NOVU—M
Service / Resource
- Free Stock Images & Videos ~ AllTheFreeStock.comフリーの画像や動画といった素材を配布しているサイトをまとめているサイト。
- Pixel Map Generator | amCharts地図をピクセルマップにできるジェネレータで、SVGやHTMLといった形式でダウンロードすることができます。
- Adobe Photoshop, Illustrator and InDesign Keyboard Shortcut Visualiser | FastPrint.co.ukPhotoshop、lustrator、InDesignの各種ショートカットをわかりやすくビジュアル化したもので、Win用やMac用などの切り替えもできます。
- We Love SVG - Google Fonts for icons | Icons8Font AwesomeやIconicなど様々な種類のアイコンを手軽に扱えることができ、SVGなのでカラー変更なども容易にできます。
- A new design for Tweet and follow buttons - Announcements - Twitter Developers近々Twitterのツイートボタンのデザインが変更になるようです。
また、ツイート数の取得などに使われるcount.jsonが終了するようで、独自デザインのシェアボタンなどを実装していてカウント表示しているサイトは修正や変更をしたほうがいいようです。