Monthly Bookmarks #4

Monthly Bookmarks #4

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

Monthly Bookmarks #4 目次

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

Development

  • slickレスポンシブ対応したカルーセルを実装できるjQueryプラグインで、ループ・キーナビゲーション・自動再生・バレットなど、ひと通りのオプションも揃っています。
  • Minimal Form Interface | Codropsひとつの入力フォームのみで実装する、ミニマルなフォームインタフェースのチュートリアル。
  • Stripes in CSS | CSS-TricksCSSでストライプ背景を実装するチュートリアルで、縦・横・斜めなどひと通りあります。
  • iHoverスクリプトは使用せずにCSSのみで実装できるホバー時のアニメーションエフェクト。
  • jQueryでレスポンシブサイトでPC画面とスマートフォン画面の切り替えスイッチを実装する実験 | BlackFlagPCとスマートフォンでページを分けている場合は容易にできますが、そうではなくレスポンシブにしている場合でもPCとスマートフォンでレイアウトを変更させる方法です。
  • Swift Parallaxパララックス実装時に便利なjQueryプラグイン。
  • Magic Animations CSS3要素にクラスを指定するだけで様々なCSS3を使用したアニメーションを適用させることができます。
  • WaterfallPinterestライクなレイアウトを実装できるjQueryプラグインで、オプションもある程度揃っており、デモもinfinitescroll・フェードイン・最小幅設定・特定の要素を固定して表示など多数用意されています。
  • RefillsWebサイトでよく用いられるパーツやコンポーネントを集めたフレームワークで、アコーディオン・タブ・テーブルなどレイアウトに関すものからボタンやプログレスバーなどといったパーツまでひと通り揃っています。
  • Dashicons in WordPress 3.9WordPress 3.8から導入されたダッシュアイコンに、3.9では新たに30種類のアイコンが追加されたようです。
  • Page Loading Effects | Codropsページローディングエフェクトを実装するチュートリアル。
  • Responsive tablesレスポンシブ対応したテーブルを実装できるプラグイン。

目次へ

Design / Inspiration

目次へ

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

目次へ

Other

目次へ

Close the search window,
please press close button or esc key.