Monthly Bookmarks #7

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #7

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

Monthly Bookmarks #7 目次

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

Development

Intense Images

画像クリックでブラウザいっぱいに画像を表示させることができるプラグイン。

Icon-Works

フリーのアイコンフォントセット。

Devicons | The developer’s iconic font

プログラミング言語やライブラリ、CMSといったような開発者向けのアイコンフォントセット。
GitHub、Ruby、MySQL、HTML、CSS、Drupal、WordPressなど、種類も豊富に揃っています。

Smart Fixed Navigation

よく見るページ右下の「トップへ戻る」ボタンの代わりに、「固定ナビゲーション」を設置するプラグイン。

Inspiration for Custom Select Elements | Codrops

select要素をスタイリングする際に参考になるチュートリアル。

紙面に近づけたい!HTML+CSSで作る文字レイアウト12個 | PRESSMAN*Tech

段組み、縦組み、先頭1字下げなど、紙面でよく見かける見栄えをHTMLとCSSで実装する方法をまとめたエントリー。

Waves

ボタンやイメージに、Google Designのようなウィンク効果を実装できる。

A Compendium of SVG Information | CSS-Tricks

テクニック、ツール、ライブラリなど、SVGに関する情報がまとめられているエントリー。

Web制作時に備えておくと便利なチートシートのまとめ(iOS, Android, Bootstrap, WordPress, Git, Sublime Text, Emmetなどいろいろ) | コリス

iOS、Swift、WordPress、jQueryなど、Web制作者に役立つ便利なチートシートをまとめたエントリー。

scroll-up-bar

ページを上にスクロールしたか下にスクロールしたかで、バーの表示有無を設定することができるjQueryプラグイン。

Fullscreen Form Interface | Codrops

フルスクリーンのフォームインターフェースを実装するチュートリアル。
ひとつずつ入力するフィールドが表示され、全部入力し終わると全項目が表示されます。

目次へ

Design

Call to Idea

様々なコンポーネントやUI、レイアウトがまとめられており、デザインの参考になるギャラリー。

Top 10 Web Design Trends This Year | Designbeep

大胆なナビゲーションメニューやアニメーションSVGなど、今年のWebデザイントレンドになっていると思われるものトップ10。

【保存版】作りたいイメージ別!ランディングページ 「デザインの指南書」

「可愛らしい」「ゴージャス・リッチ」など、ランディングページの特徴や配色をタイプ別にまとめているエントリー。

Google Noto Fonts

GoogleとAdobeが共同開発した無料の高品質フォントで、様々な言語をサポートしています。

あの頃みんな若かった。国内有名16サイトの2008年→2014年のデザイン比較 | 279-design

Apple・ユニクロ・クックパッドなど、大手サイトのデザインが2008年→2014年の間でどのように変化していったかをまとめたもの。

[CCL web vol.6] 2014年のWebデザイントレンドと 本当に必要とされるデザインと手法

タイトル通り、2014年のWebデザイントレンドについてなどをまとめたスライド。
ボリュームありますが内容はとてもわかりやすく、デザインに携わる人は一度は目を通しておくといいかもしれません。

Responsive Logos

レスポンシブなロゴデザインを集めたもの。

目次へ

Inspiration

Tokyo Mild Foundation

音楽制作プロダクション|DONGURIミュージック

※注意:音が出ます

Digital Agentur TOWA

The Nature Conservancy – #SaveElephants

BIC – Universal Typeface Experiment

Push.

Design Trend: Ghost Buttons in Website Design

20 Fantastic Website Designs Using Pastel Color Schemes

50 Flat Web Designs from 2014

40+ Super Minimal Websites For Inspiration

30 Unseen Web Designs Currently Being Developed

25 Innovative Websites that Buck the Design Trends

目次へ

Material / Freebies

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

Flat UI Elements

Fashion Junkie Kit

Over 500 free icons

iOS8 GUI PSD Freebies

目次へ

Service / Resource

Brickapic

TwitterやFacebookなどで使用するプロフィール画像を簡単にLEGO風にしてくれるサービス。

Google Maps | Smarty Pins

Google Mapsを使用して回答していくクイズで、問題の答えだと思う場所にピンを置いて行くことで回答していきます。

PatternBolt

SVGを使用したパターン背景をクラスを付加するだけで手軽に使えるもので、SASSでも用意されています。

Mazwai

景色や人物を使用したイメージビデオなどを配布しているサイトで、ライセンスはCCとなっています。
全体的に綺麗なものや格好良い感じのものなので、ダミーで取り急ぎ動画を入れたい時などにも便利そう。

目次へ

Other

When we launched Google+ over three years ago, we had a lot of restrictions on…

これまでGoogle+は実名およびYouTubeのアカウント名で離床する制限がありましたが、それらの撤廃を発表しました。
全く使われていないとは思いませんが、やはりTwitterやFacebookに比べると使われていない印象なので、この発表によって今後どうなるかが気になります。

Apple – MacBook Air – Stickers

MacBook Air背面のステッカーデザインをまとめた特設ページで、格好良いものやお洒落なものはもちろん、有名なキャラクター達を使用したのもあります。

Introducing Save on Facebook | Facebook Newsroom

Facebookが新機能「Save」を発表し、この機能を使うことでフィード中にあるURL・場所・音楽といった様々な内容を保存することが可能になりました。
保存した内容はオンラインでしか見れないなど、少し気になる部分もありますがいずれ改善されるように思いますし、Facebookを多用している人には嬉しい新機能かなと思います。

目次へ

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