Monthly Bookmarks #37

Monthly Bookmarks #37

今月(2017年1月)個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリーやサービスなどのまとめです。

Monthly Bookmarks #37 目次

  1. Development
  2. Design / Inspiration
  3. Material / Freebies
  4. Service / Resource

Development

  • Mirror Effect | Codropsミラー効果を上手く取り入れた見栄えを実装できるチュートリアル。
  • Top Pens of 2016 on CodePenHTML・CSS・JSを利用してクオリティ高いものやユニークなものが多数投稿されているCodePenで、2016年に人気のあったTOP100がまとめられています。
  • FreeFrontend - Free HTML, CSS and JS examplesCSSやJSを利用して実装されたメニューやボタンの実装例がまとめられています。
    現在はまだメニュー・ボタン・テキストエフェクトの3つしかないですが、今後掲載数増える可能性もあるのでメモ。
  • The end of the clearfix hack?まだ対応しているのは一部ブラウザのみで名前も変更される可能性もありますが、float使用時によく利用されているclearfixの代わりとして使用できるプロパティについて。
  • JavaScript ベスト・オブ・ザ・イヤー 2016JavaScriptの2016年のトレンドについてまとめられたもの。

目次へ

Design / Inspiration

目次へ

Material / Freebies

※以下で紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。

100 Vector Mandala Illustrations
InstaMask Free Sample
Free Hand-Drawn Vector Circles, Squares And Arrows
Minimal UI Kit

目次へ

Service / Resource

  • Libraries.io - The Open Source Discovery Service様々なオープンソースライブラリを検索できるサイトで、キーワード検索だけでなく言語やライセンスタイプで検索などもできます。
  • satyr.io非常に便利なダミー画像生成サイトで、サイズ・カラー・フォーマットなどのよくある機能はもちろん、その他にもレスポンシブ対応・遅延ロード・縦横比調整なども可能です。
    また、エクステンションを利用することでオフラインでも利用することもできます。
  • WordPress Stash - Curated WordPress Resourcesテーマやプラグインの情報をはじめ、WordPressに関するリソースがまとめられています。
  • Sketchを使う上で知っておくと地味に便利なtips | tipsBearタイトル通り、Sketchを使うなら覚えておきたいTipsがまとめられているエントリー。
  • VWフォントサイズチェッカーフォントサイズにvwやvhを指定する際に、実際にどのようなサイズになるかの確認に便利です。

目次へ

Close the search window,
please press close button or esc key.