Monthly Bookmarks #13

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #13

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

Monthly Bookmarks #13 目次

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

Development

A Look Back at 2014: Round-up of Codrops Resources | Codrops

ハイクオリティなチュートリアルを多数紹介しているCodropsの2014年をまとめたもの。

Expandable Project Presentation in CSS and jQuery | CodyHouse

CSSとjQueryを用いたチュートリアルで、Hoverでイメージがアニメーション表示される要素が並んでおり、クリックでそれぞれの詳細を表示させることができます。

Top Pens of 2014 on CodePen

2014年にCodePenへ投稿された様々なコードのまとめで、実用的なものから面白いものまで全100種類あります。

目次へ

Design

Marsala Pantone Color of the Year 2015: Color Standards, RGB, HEX HTML codeMarsala

毎年トレンドカラーを発表している「Pantone」から、今年のトレンドカラーとして選ばれたのが「Marsala」と呼ばれるこの赤茶系のカラーでした。
また、春のトレンドカラーも発表もされています。

2015年のWebデザインのトレンド予測

あくまで予測であり、以下で紹介するのはいずれも海外の記事なので国内では当てはまらないようなものもありますが、、それぞれ海外のデザインブログでまとめられている2015年のWebデザイントレンド予測です。

MMXIV | Best Website Designs of the Year 2014

2014年のハイクオリティなデザインサイトが月毎にまとめられています。

目次へ

Inspiration

homunculus Inc. | 株式会社ホムンクルス

MOEKO ABE

ECHO

Thync

Green Chameleon

PARADISE CITY

目次へ

Material / Freebies

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

Vintage & Eroded Font

LIQUIDO free font

Vigneta Typeface(Free Font)

Diamond Icons

30 Flat Circular Vector Icons

130 Free Hand-Drawn Interface Icons

Material Design Icons Expanded (Color Version)

Freebie: Dashel Icon Set (45 Icons, SVG, PSD, PNG)

48 Icons Free PSD

CompassCons

目次へ

Service / Resource

lollytin beta 1.4 – A yummy HTML5 blockouterer!

ドラッグ&ドロップで簡単にBootstrapを用いたサイトを作成できるジェネレータ。
自分はBootstrapをほとんど使うことありませんし、生成された内容をちゃんと見たわけではありませんが、試してみると本当に簡単に作成できるようなので、普段からよくBootstrapを利用している方には便利そうです。

CSS Stats

サイトで使用されているCSSを分析して、様々なステータスを確認できるサイト。
自分のサイトだけを解析する際に使用するのはもちろん、気になる大手WebサイトのCSSはどのようになっているかなども確認できます。

Print1

縦長の画像を自動で分割して1ページに収まるようにしてくれる便利ツール。

Brand Style Guide Examples, Hand-picked by Saijo George

有名ブランドのスタイルガイドをまとめているサイト。

目次へ

Other

目次へ

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