Monthly Bookmarks #5

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #5

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

Monthly Bookmarks #5 目次

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

Development

CSS Shapes 101 · An A List Apart Article

まだまだ気にせず使えるのはしばらく先だと思いますが、テキストを形状に合わせて配置したり、形状の中にテキストを収めたりなどできるCSS Shapesについて。

Velocity.js

アニメーション(animate)を高速化するプラグイン。

Panoramic (pure CSS)

JSを使用せずにPure CSSで作られたパノラマ。

ClockPicker

タイムピッカーを実装するプラグイン。

Single Element CSS Spinners

CSSで実装するローディングアニメーション。

How to Create a Social Sharing Bar Graph for WordPress

Web Design Ledgerで実装しているソーシャルシェアグラフの実装について。

Japan Map (jQuery plugin)

日本の都道府県をクリッカブルマップで表示するjQueryプラグイン。

Inspiration for Article Intro Effects | Codrops

シングルページと相性が良さそうなイントロエフェクトを実装するチュートリアル。

tumblrboilerplate.com

Tumblrのオリジナルテーマ作成時に便利そうなスターターテンプレート。

Jetpack by WordPress.comの情報を取得して人気記事を表示する *Ateitexe

よくある人気記事を表示するプラグインを使うのではなく、WordPress.comの統計情報データを用いて実装する方法。
他にもいろいろできそうな感じなので、その時に参考にさせてもらおうと思います。

Animations

animationを使用した様々な動きを確認・実装できる。

Arrow Navigation Styles | Codrops

ビジュアルスライダーなどのサイドに設置されているアローナビゲーションにホバーエフェクトを実装するチュートリアル。
アローに少し動きをつけたシンプルなものから、次のスライドのサムネイルを表示させるものまで全14種類あります。

目次へ

Design

Payment Webfont

VISA・JCB・MasterCardなどのクレジットカードや決済システムをWebフォント化したもの。

Free Download: Charts and Diagrams Kit (PSD) | Web Resources | WebAppers

様々なグラフやチャート要素が詰まったデザインキット素材で、形式はPSDで配布されています。

ウェブのデザインやアイデアによい刺激をうける日本のウェブサイトのまとめ | コリス

デザイン・見せ方・アイデアなど、いろいろな部分で参考になる国内サイトをまとめたエントリー。

The Day’s Color

配色の関してのアイデアやヒントをもらえます。

目次へ

Inspiration

Jam3

Lander

CREATIVE KNIGHT

LETTERS, INC.

Litmus.com

Visionare

Marcello Pisano

Serge Thoraval

Barnyard

25 Websites Designed with a Limited Color Palette

11 Beautiful Examples of Images in Web Design

25 Web Designs Built With Unusual Shapes & Angles

Modern Examples of the Classic Sidebar Menu Layout

20 Creative Websites Featuring Square Elements

目次へ

Material / Freebies

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

Free PSD Mockup

Free Hand Drawn Vector Ribbons

Linea

Retro Icons Pack (Free PSD)

Summer Beach colorful labels set

Summer And Essentials Icon Set

16 Free Watercolor Washes

目次へ

Service / Resource

Entity Lookup

HTMLエンティティを簡単に調べることができるサービス。
使い方も簡単で入力欄に文字を入力するだけで該当のエンティティ文字が表示され、更に関連する文字までも表示してくれます。

UTme! – スマホでデザイン、君だけのUT

ユニクロが新たに開始した、スマホで簡単にオリジナルデザインのTシャツを作成して注文もできるというサービス。
オープン当初は規約のことでいろいろ言われてましたが、その後規約が見直されたみたいですね。

oozled

Webデザイナー向けのキュレーションサービスで、JavaScript・Inspiration・Icons・Frameworks・CSS・CMSなどカテゴリーも沢山あります。

ミュート機能を追加、Twitterの使い方が広がります | Twitter Blogs

特定のフォロワーツイートをTLで非表示にできるミュート機能がTwitterで正式に実装されました。

目次へ

Other

メガメニュー — Website Usability Info

タイトル通り「メガメニュー」についての考察エントリー。

【速報】LINEスタンプを作って販売してみた!やってみて分かった押さえるべき11のポイント! | SmaList

5月初旬に本格的に開始された「LINE Creators Market」で、実際に審査が通ったクリエイターに気をつけておきたい事や困った事などの生の声をインタビューしたもの。

詳解 WordPress

今冬発行となっているのでまだしばらくありますが、凄く興味があるので楽しみ :)

目次へ

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