Monthly Bookmarks #14

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #14

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

Monthly Bookmarks #14 目次

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

Development

Introducing the Codrops CSS Reference | Codrops

様々なクオリティ高いチュートリアルを紹介しているCodropsで公開されたCSSリファレンスサイト。
基本的な使い方から応用までかなり丁寧に解説されており、サンプルも豊富にあります。

UX Recipe

大きく7種類に分類されたカテゴリからUXに関する各項目を選択していき、最終的にそれを基にしながら見積もり作成ができます。

かわいい系デザインに使えるCSSいろいろ | Webクリエイターボックス

CSSを使ってマーカーやステッチを表現したり、画像をハート型で切り抜いたりなど、タイトル通りかわいい系のデザインで便利なCSSテクニックのまとめ。

Responsive Web Design Patterns

レイアウトやナビゲーションをはじめ、イメージ・メディア・フォーム周り・カルーセルやタブといった様々なモジュールなど、レスポンシブWebデザインに関するパターンやモジュールが沢山まとめられているサイト。

Subtle Click Feedback Effects | Codrops

クリック時のエフェクトを実装するチュートリアルで、シンプルなものからユニークな動きのものまで全22種類あります。

Inspiration for Button Styles and Effects | Codrops

ボタンのHoverエフェクト集。
他では見かけないようなものが多くて、個人的にAylen・Nina・Nanuk・Sacnite辺りをどこかで使いたい。

目次へ

Design

PCサイトのUIデザインにおける12のトレンド | sogilog

PCサイトのトレンドをまとめているエントリーで、詳しい解説やデザイン例もあるので非常にわかりやすいです。

The Best WordCamp Websites of 2014 Showcase

2014年に開催された各地のWordCampのサイトデザインをランキング形式にまとめており、WordCamp Kansiが4位、WordCamp Tokyoが1位でそれぞれ紹介されています。

Best Practices for Accordion Interfaces in Web Design

アコーディオンのデザイン例をまとめたエントリー。
見た目の参考だけでなく、リンク先のほとんどがデモやチュートリアルになっているので、実際に動きを見たり実装の参考にしたりすることもできます。

目次へ

Inspiration

Rally Interactive

CLOUD DENTAL CLINIC PLUS

※注意:音が出ます

goen°

La Pierre Qui Tourne

Mélanie F

※注意:音が出ます

Giant Steps Media

※注意:音が出ます

Taostudio

EXELSIA · Agentur für Design & Event

Skylark English

目次へ

Material / Freebies

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

Lynny Icons

Free – Wireframe for apps

JKゴシック

Moon – Free Font

Nerea. Art Nouveau | TYPEFACE

Nordic (Free Font)

目次へ

Service / Resource

CSS Ruler • Explore CSS lengths.

CSSのサイズ指定を様々な単位で表示してくれるツール。

Tinychart

簡単にグラフを作成できるツールで、入力方式は「TABLE」と「JSON」の2種類が用意されています。
また、グラフのタイプも折れ線と棒の2種類が用意されており、作成されたグラフは画像でダウンロードすることができます。

SVG News

その名の通り、SVGに関する情報をまとめているサイトで、テクニック・チュートリアル・デザインとカテゴリー分けもされています。

目次へ

Other

CSS Puns & CSS Jokes ~ Curated by Saijo George

様々なことをCSSで表現したCSSジョーク。
なるほどなって思うものもあります :)

Adobe Photoshop 生誕 25周年!

2015年2月19日、Photoshopが生誕25周年を迎えました。
Photoshopの公式ブログでは記念ムービーが公開されていたり、今までのツールバーやアイコンが紹介されています。

目次へ

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