Monthly Bookmarks #8

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #8

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

Monthly Bookmarks #8 目次

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

Development

TURNBOX.js

3D回転するUIを簡単に実装することができるjQueryプラグイン。
作者が日本の方なのでドキュメントなども日本語で用意されており、サンプルも豊富に用意されています。

Input: Fonts for Code

コーディング向けフォントで、サイズ・種類・カラースキームなどを好みでカスタマイズもできます。

Pure CSS parallax scrolling websites | Keith Clark

CSSのみでパララックス効果を実装する方法。

A List of Great WordPress Contact Plugins | WPMU DEV

WordPressのフォーム系プラグインを沢山まとめたエントリー。

Making SVGs Responsive with CSS | Codrops

SVGとCSSを使用して、レスポンシブなイメージを実装するチュートリアル。

baguetteBox.js

シンプル且つ簡単に実装することができるライトボックスのjQueryプラグイン。

Zoom Scroller

スクロールに合わせてズームイン・アウトの効果を実装するjQueryプラグイン。

Vide

背景にフルスクリーン動画を設置できるjQueryプラグイン。

Tumblr-style-cog-loaders

Tumblrスタイルのローディングアニメーションを実装できる。

CSS Guidelines (2.1.3)

Harry Roberts氏が作成したCSSガイドライン。
いろいろと参考になります。

Timesheet.js

タイムシートを実装できるプラグインで、jQueryなどは必要ありません。

CSSグラデーションによるリンクの下線 – Weblog – Hail2u.net

フォントサイズが大きくなるにつれて太くなってしまうリンク下線を、CSSのグラデーションを用いて常に1pxになるようにする方法。

Animsition

ページ表示時に様々なアニメーションを実装することができるjQueryプラグイン。
フェードやフリップなど、全18種類のアニメーションが用意されています。

更新するのが面倒!サイトの共通部分を簡単に作る様々な方法|WEB Drawer

ヘッダーやフッターといった全ページ共通で使う部分の修正などを簡単にする方法をまとめたもの。

目次へ

Design

コーディングを考慮したWebデザインガイドライン

全てのデザイナーに一度は目を通してもらいたい程、非常にわかりやすくまとまっています。
これらが全てできているのとそうでないのとでは、個人的に作業時間がかなり違ってくると思います。

50+ Minimal logos, past and present | Webdesigner Depot

ミニマルデザインなロゴのショーケース。

目次へ

Inspiration

Blue Dolphin Charters

Space Style Concept

HYS INC.

HIGASHIYA

New JUMO Concept – Modern reedition of the JUMO Classique lamp

Brand enhancer, digital designer, and brain user. This is Craig Teel.

Follow Bubble

Light and shadows

One Design Company – Chicago Web Design

Reddy Vineyards

50 Web Designs with Beautiful Creative Typography

30 Web Designs Featuring Pop Out Navigation Menus

20 Website Examples with Hamburger Icon Design You’ll Love

30 Web Designs Featuring Looping Video Backgrounds

20 Examples of Fullscreen Responsive Menus

目次へ

Material / Freebies

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

File Types Icons Set

Colorful Low-Poly Sport Templates

Free iOS 7 Vector UI Kit

Free Bootstrap 3 PSD Grid System

目次へ

Service / Resource

Beautiful Open

美しいオープンソースプロジェクトをまとめたギャラリー。

Lorem Icon

ダミーテキストや画像を配布しているサイトは数多くありますが、こちらはダミーアイコン(プレースホルダーアイコン)を配布しているサイトです。
フラットやラインタイプなど異なるタイプのものも用意されているので、取り急ぎでアイコンを使いたい時に便利です。

Unsplash It

高品質な写真素材を数多く配布している「Unsplash」の写真を利用したダミー画像サービス。

Frame: Awesome Product Shots

様々なデバイスにスクリーンショットや画像を簡単に埋め込んでくれるサービスで、デスクトップやスマートフォンなど30シーン以上用意されています。

目次へ

Other

Stay up-to-date with Internet Explorer – IEBlog – Site Home – MSDN Blogs

まだ先の話ではありますが、米Microsoftは2016年1月12日からIEのサポートサイクルを変更すると発表し、今後は各プラットフォームで使用できるIEの最新版でのみサポートやセキュリティアップデートを提供することになるようです。

WordPress 4.0 ファーストプレビュー | 8bitodyssey.com

WordPress 4.0から変更されている部分をまとめたエントリー。
物凄く大きな変化はないにしても、細かいところがいろいろと使いやすくなっている感じです。

WordCamp Tokyo 2014

今年も開催される「WordCamp Tokyo 2014」の公式サイトが公開されました。
開催日は10月11日で、場所は去年と同じく大田区産業プラザです。

The Dropbox Blog » Blog Archive » Introducing a more powerful Dropbox Pro

Dropbox Proに大幅な機能追加がされ、更にディスク容量もこれまでの10倍となる1TBまで増えました。

目次へ

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