Monthly Bookmarks #15

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #15

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

Monthly Bookmarks #15 目次

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

Development

美しいグラデーションをCSSで実装!配色に使える便利ツールや実例も! | Webクリエイターボックス

グラデーションについてのエントリーで、CSSを使った実装方法、便利なツール・サイト、使い方が上手くてデザインの参考になるショーケースなどがまとめられています。

animatedModal.js

様々なアニメーションでモーダルウィンドウを表示させるjQueryプラグイン。

No JS modal popup window

JavaScriptは使用せず、Pure CSSでモーダルウィンドウを実装したもの。

Textures.js

画像ではなくSVGを使ってラインやサークルといったパターンテクスチャを描けるスクリプトで、d3.jsを用いているようです。

Animated Gradient Buttons

ホバー時にグラデーションがアニメーションするボタン。

目次へ

Design

カワイイは作れる!!女性向けWebサイトデザインのポイント(2)装飾編 | 事例 | 街角のクリエイティブ

女性向けWebサイトデザインのポイントをまとめたエントリー。
よく使われる手法がシンプルにまとめられており、実際のサイトも紹介されています。

Photoshopで美しい背景をつくる!グラデーションやブラーの効果的な使い方が学べるチュートリアルのまとめ | コリス

グラデーションやブラーの効果的な使い方について参考になるチュートリアルをまとめたエントリー。

How Your Favorite Websites Changed Over the Years | Tutorialzine

有名なWebサイトがどのように変化してきたかをまとめたエントリーで、各サイト下にあるスライダーで見れるようになっています。

Showcase of Stylish Single Weight Line Art Illustrations

ラインアートイラストのショーケースで、どれも素敵なものばかりです。

Typographer’s typefaces The 25 most admired… | Type Worship: Inspirational Typography & Lettering

世界的に活躍しているデザイナーが選んだフォントをランキング化したもの。
有名な書体が多いですが、フォント選びに悩んだ時などに参考にしたりもできます。

目次へ

Inspiration

holo shirts.

Ariel Beninca

Creative Edge Parties

Chrome Experiment #1000

※注意:音が出ます

In Pieces

目次へ

Material / Freebies

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

Modern Flat Preloader Set

Flat Icon Pack (AI, SVG, EPS, PSD, PNG)

30 Free Vector Line Icons

Tritio free font

Mega Flagship Icon Set

目次へ

Service / Resource

modulator | metaflop

丸みやシャープさなどを自分で指定して、オリジナルのフォント作成を行えるサービス。
ベースとなるフォントを指定し、更に細かい部分を調整することが可能です。

CSS SANS

CSSのみでA~Zまでの文字を表現したもので、HTMLは全てdiv要素ひとつで作成されています。

codic – デベロッパーのためのネーミング辞書

ID・クラス・変数・関数など、命名で困ったときに便利なネーミング辞書サイト。

Page Plugin

FacebookのLike Boxが2015年6月23日で使用できなくなり、その代わりに「Page Plugin」を使用するように発表されました。
基本的にLike Boxとほとんど変わらない感じで簡単に導入もでき、Like Boxと同様にCSSでwidth: 100%!important;を記述したりすればレスポンシブ対応も可能なようです。

目次へ

Other

Apple – Live – March 2015 Special Event

3月9日(日本時間3月10日)に開催された「Spring forward」で、遂にApple Watchの価格や発売日が発表され、他にも新型MacBookやiOS 8.2も同時に発表されました。

目次へ

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