Monthly Bookmarks #19

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #19

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

Monthly Bookmarks #19 目次

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

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

ロゴをプログレスバーやローディングアニメーションのように実装することができるプラグイン。

目次へ

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を使ってアニメーションを実装しているものが中心になっています。

目次へ

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

jQuery 3.0 and jQuery Compat 3.0 Alpha Versions Released | Official jQuery Blog

jQuery 3.0とjQuery Compat 3.0のα版がリリースされました。
変更点はいくつかありますが、.hide()と.show()の仕組みがこれまでと異なったり、.width()と.height()が整数ではなく小数を返すようになったみたいです。

Material Design Lite

Googleが公開した、マテリアルデザイン作成時に便利なツールキット。

ちゃんりおメーカー -Chanrio maker-

自分だけのサンリオ風キャラクターを作成できるサービスで、顔の輪郭や各種パーツをはじめ、服装や手に持つアイテムなども選択できます。

目次へ

Other

WordCamp Tokyo 2015のわぷーは「書道家わぷー」 | WordCamp Tokyo 2015

WordCamp Tokyo 2015のわぷーが発表され、今年は「書道家わぷー」に決定されました。
見た目が格好良いだけでなく、巻物部分に「和度風礼吸」(多分WordPressという意味だと)と書かれているなど細かい部分にもこだわった感じのデザインですね :)

目次へ

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のアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。