Monthly Bookmarks #18

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #18

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

Monthly Bookmarks #18 目次

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

Development

Page Scroll Effects | CodyHouse

7タイプのエフェクトが用意されているページスクロールのライブラリ。

Card Expansion Effect with SVG clipPath | Codrops

SVGを使って、画像などがカードからヒーローイメージに変わっていくモーフィング効果を実装したチュートリアル。

WordPress Theme Development Cheatsheet » Codeclown

WordPressのテーマ作成時に便利なチートシート。
シンプルですが、よく使われるようなものはひと通り揃っていると思います。

WordPressの制作・公開・運用・セキュリティなどに関する重要なチェック項目のまとめ | コリス

Killer WordPress Checklist:101+ easy steps to launch your next website!」を翻訳したもので、タイトル通りWordPress関連でチェックしておきたい項目が沢山まとめられていて非常に便利だと思います。

目次へ

Design / Inspiration

Type to Design | An Instagram generated font

入力したテキストを素敵なタイポグラフィデザインに変換してくれるサイトで、表示されたものをダウンロードすることもできます。

※画像は「nxworld」と入力してみたもの

28 Minimalist Disney Themed Posters For Your Walls -Design Bump

様々なディズニー映画のポスターをミニマルデザインで表現したもの。

パンダのかわいらしい姿をそのまま英数字や記号にしたWWFの「PANDA FONT PROJECT」 – GIGAZINE

環境保全団体のWWFジャパンがパンダの保護活動の一貫として制作したパンダをモチーフにしたフォント。

20 Design Rules You Should Never Break – Design School

これからデザインをする人はもちろん、もう少し力をつけたい人もチェックしておきたいデザインテクニックがまとめられています。
英語が苦手な場合はコリスさんが翻訳されているので、そちらで日本語で読むことができます。

100 Brilliant Color Combinations: And How to Apply Them to Your Designs – Design School

自然・食品・旅行・日常のアイテムの4カテゴリ、全100種類のカラーパレットがまとめられているエントリー。

目次へ

Material / Freebies

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

Glyph, a versatile SVG icon set

Material icons

Monastic Pro(Free Font)

Free Psd web mockup

FREE Elegant Vector Kit with 60 Workspace Elements

3flab inc. | Printable PDFs

目次へ

Service / Resource

Coverr – Beautiful, free videos for your homepage

CC0ライセンスの動画素材を配布しているサイト。

Recalll – Search and discover information across services

質問を入力するとw3schoolsやStack Overflowといったサイトを横断検索して、解答を表示してくれるサイト。

目次へ

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。