Monthly Bookmarks #19 目次
Development
- Blueprint: Zoom Slider | Codropsスライダーの動きとしてはシンプルなものですが、そこにズーム機能をプラスしたスライダーを実装するチュートリアル。
- tabtab.js - jquery animated tabs pluginアニメーションが特徴的なタブ切り替え用のjQueryプラグイン。
- Background Blur - plugin by @msurguyブラー効果を実装することができる軽量プラグイン。
- CSSを書く、設計する時に参考にしておきたいCSSのガイドライン・スタイルガイドのまとめ | コリス参考になるCSSのガイドラインやスタイルガイドのまとめで、CodePenやWordPressなどのスタイルガイドもあります。
- LoadGo - Your own images as a progress barロゴをプログレスバーやローディングアニメーションのように実装することができるプラグイン。
- jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released | Official jQuery BlogjQuery 3.0とjQuery Compat 3.0のα版がリリースされました。
変更点はいくつかありますが、.hide()と.show()の仕組みがこれまでと異なったり、.width()と.height()が整数ではなく小数を返すようになったみたいです。 - Crayon.css
- jquery.easyAudioEffects.js
Design / Inspiration
- LAPA - Landing Pages Collection海外のLPデザインのギャラリーサイト。
- CodeMyUI.com様々なUIを集めたデザインギャラリーサイト。
チュートリアルなどが多いので、見た目で良いと思ったものをそのまま実装することもできます。 - 50 Beautifully Illustrated Graphics With Tips To Make You A Better Designer – Design Schoolイメージ・カラー・タイポグラフィなど、デザイン力をアップすることができるテクニックが50個まとめられています。
- ファーストビューの動きが面白いWebサイト20 | Webクリエイターボックスファーストビューの動きが特徴的なWebデザインのショーケースで、WebGLやJavaScriptを使ってアニメーションを実装しているものが中心になっています。
- 50 Portfolio Websites for Inspiration | Six Revisions
- 50 Clean Websites for Inspiration | Six Revisions
Material / Freebies
※以下で紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
Freebie: Verve UI Kit
Free Psd - Ecommerce Kit
Landing page for restaurant
Summertime Icon Set
QUEEN | Typeface
Futrista Two (Free Font)
Belga
機械彫刻用標準書体フォント
ATHENE || Free Typeface
ARTE Free Typeface
Service / Resource
- Material Design LiteGoogleが公開した、マテリアルデザイン作成時に便利なツールキット。
- ちゃんりおメーカー -Chanrio maker-自分だけのサンリオ風キャラクターを作成できるサービスで、顔の輪郭や各種パーツをはじめ、服装や手に持つアイテムなども選択できます。