Monthly Bookmarks #4

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #4

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

Monthly Bookmarks #4 目次

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

Development

slick

レスポンシブ対応したカルーセルを実装できるjQueryプラグインで、ループ・キーナビゲーション・自動再生・バレットなど、ひと通りのオプションも揃っています。

Minimal Form Interface | Codrops

ひとつの入力フォームのみで実装する、ミニマルなフォームインタフェースのチュートリアル。

Stripes in CSS | CSS-Tricks

CSSでストライプ背景を実装するチュートリアルで、縦・横・斜めなどひと通りあります。

iHover

スクリプトは使用せずにCSSのみで実装できるホバー時のアニメーションエフェクト。

jQueryでレスポンシブサイトでPC画面とスマートフォン画面の切り替えスイッチを実装する実験 | BlackFlag

PCとスマートフォンでページを分けている場合は容易にできますが、そうではなくレスポンシブにしている場合でもPCとスマートフォンでレイアウトを変更させる方法です。

Swift Parallax

パララックス実装時に便利なjQueryプラグイン。

Magic Animations CSS3

要素にクラスを指定するだけで様々なCSS3を使用したアニメーションを適用させることができます。

Waterfall

Pinterestライクなレイアウトを実装できるjQueryプラグインで、オプションもある程度揃っており、デモもinfinitescroll・フェードイン・最小幅設定・特定の要素を固定して表示など多数用意されています。

Refills

Webサイトでよく用いられるパーツやコンポーネントを集めたフレームワークで、アコーディオン・タブ・テーブルなどレイアウトに関すものからボタンやプログレスバーなどといったパーツまでひと通り揃っています。

Dashicons in WordPress 3.9

WordPress 3.8から導入されたダッシュアイコンに、3.9では新たに30種類のアイコンが追加されたようです。

Page Loading Effects | Codrops

ページローディングエフェクトを実装するチュートリアル。

Responsive tables

レスポンシブ対応したテーブルを実装できるプラグイン。

目次へ

Design

20 Free Web and Mobile Wireframe Templates

Webやモバイルのフリーワイヤーフレームテンプレートのまとめエントリー。

Showcase Of Beautiful Dashboard UI Designs

UIやデザインが美しいダッシュボードのショーケース。

可愛いデザインが印象的!キュートな国内ブログデザイン12 | tipsBear

デザインが可愛い国内ブログをまとめたエントリー。
デザインだけでなく、内容も参考になることが多く掲載されている印象のブログが多いです。

Changing The Face Of Web Design: A Case Study Of 25 Years

Apple、GAP、Heinekenの3ブランドのWebデザインの移り変わりについて書かれたエントリー。
それぞれの年代の考察以外に、少しですが今後のデザイントレンドに対してのことも書かれています。

Flat Preloaders 2

以前にも配布されていたフラットデザインのプリローダーセットの第2弾。
今回は全7種類あり、サイズは前回と同様でそれぞれ128×128、64×64、32×32の3サイズが用意されています。

目次へ

Inspiration

Vtcreative

Blocks

Design by Tomer Lerner

Incredible Thinking Starts Here with 2014 Sierra

※注意:音が出ます

Active Theoryr

Cheval Blanc Randheli

A Curated Anthology of Donuts

SM+P Architects | Baltimore Architecture Firm

SIXZERO – Johan Sophie

AQUATILIS EXPEDITION

11 Inspiring Examples of Dark Colors in Web Design

20 Minimal Web Designs That Don’t Rely on Images

30 Fantastic Examples of Fixed Navigation Menus in Web Design

目次へ

Material / Freebies

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

Free Download: Avatars and Emoticons Vector Set

Freebie: Flat Icon Set
(60 Icons, PNG, SVG, EPS, PSD, AI)

Browser Icons Freebie

Free Set Colorful Ficons Icons 42+

ゆる手描きアイコン

Free Vector Set of Design Elements

20 Free High-Res Geometric Polygon Backgrounds

Freebie: Comprehensive Office Environment & Tools Vector Pack

Captain Icon

36 SEO Vector Icons

目次へ

Service / Resource

SUZURI ∞ 欲しいものは、作ればいい。

GMOペパボがリリースしたECサービスで、写真やイラストを用意すれば簡単にオリジナルグッズを作成できます。
作成できるアイテムにはTシャツ・トートバッグ・マグカップ・iPhoneケースの4種類が用意されており、作成したアイテムは販売することもできます。

note ――つくる、つながる、とどける。

文章、写真、イラスト、音楽、映像などを手軽に投稿できるクリエイターと読者をつなぐサービス。
ブログのように使用するのはもちろん、SNSのように使用したり、コンテンツを販売したりと、使い方によってはいろいろとできそうです。

Coming soon: a whole new you, in your Twitter profile | Twitter Blogs

TwitterのWeb版プロフィールのデザインが一新され、Facebookのような感じの見栄えになりました。
また、デザインだけでなく反応が多いツイートはベストツイートとして大きめに表示されたり、ツイートの固定表示などもできるようになっていたりと新たな機能も追加されています。

目次へ

Other

エイプリルフールに便乗しているサイトまとめ2014年版 – GIGAZINE

今年も様々なサイトが便乗したエイプリルフールのまとめエントリー。

サイトやアプリのユーザビリティを向上させる35のポイント | sogitani.baigie.blog

タイトルにもあるように35個のポイントについて説明されているのでボリュームはありますが、非常に参考になるので読んで損はないかと思います。

目次へ

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