Monthly Bookmarks #3

Monthly Bookmarks #3

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

Monthly Bookmarks #3 目次

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

Development

  • CSS ShakejQueryプラグインで同じような動きを実装できるものがありますが、こちらはCSSのみで要素を震わせる方法です。
  • ScrollMagicスクロールに合わせて様々なアニメーションやエフェクトを実装することができるjQueryプラグイン。
  • Tilted Content Slideshow | CodropsFWAに実装されているようなコンテンツが傾いたスライドショーを実装するチュートリアル。
  • gifplayer通常アニメーションGIFはすぐにアニメーションがスタートしてしまいますが、このプラグインを使うことでアニメーションGIFにスタート・ストップ機能をつけることができます。
  • MixItUp美しいアニメーションでコンテンツの並び替え(フィルタリング&ソート)を実装できるjQueryプラグイン。
    まだ実験的な部分もあるようですが、バージョン2になりいろいろ変更された点があるようです。
  • BootflatフラットデザインのBootstrapテーマ。
  • Glyphter手軽にそれぞれのアルファベットに任意でアイコンフォントを設定でき、予め用意されているものを選択するのはもちろん、自身で作成したSVGをアップロードするのも可能。
  • Blueprint: Google Grid Gallery | CodropsChromebookのガイドページのような動きをつくるチュートリアル。
  • 3D Grid Effect | Codrops要素をクリックすると3Dエフェクトでフルスクリーン表示になり、回転方法は垂直と水平の2種類があります。
  • Slide And Push Menus With CSS3 Transitions - Call Me Nickよく見るボタンクリックでメニューがスライドしてくるのを実装するチュートリアル、上下左右それぞれ2種類用意されていて全8種類の表示方法があります。
  • CurvedTextテキストをサークル状やライン状に配置できるjQueryプラグインで、軽く試しただけですが日本語も使える感じです。
    個人的に見たことある同じようなプラグインよりもいろいろな形状が指定できる印象ですが、IE9+っぽいのでブラウザによっては使用できません。

目次へ

Design / Inspiration

目次へ

目次へ

Material / Freebies

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

iPhone and Android PSD (FREE)
150 outlined icons – PSD AI SVG Webfont
Pack de rubans vectoriels à télécharger gratuitement
Vintage Logo Elements for Access All Areas Members

※Members

35 Colorful Icons for Free
Free Floral Elements Mega Pack
20 High Resolution Textures
Juicicons
Diamond Renders Pack
50 Free Tessellated Designs

目次へ

Service / Resource

  • yourbrowser.isサイトアクセス時に使用しているブラウザ情報を表示してくれるサービスで、ブラウザ・OS・スクリーンサイズ・JSやCookieが有効化どうか・各SNSにログインしているかなどの14項目の情報を表示してくれます。
    また、表示されている内容をメール送信することも可能。
  • Pressoはてなからリリースされたニュースアプリ。
    一応試しに使ってはみましたが、Gunosyと同様で自分はすぐ使わなくなりそう...。
  • Microsoft OneNoteもともとは有料でしたが無料で使用できるようになりました。
    自分はEvernoteに慣れちゃってるのもあって、今のところ使う予定はありませんがメモ。
  • Clefログイン時のユーザー名とパスワード入力をなくして、アプリを使用してログイン認証させるというもの。
    どんな感じで使用するかは「WordPress › Clef « WordPress Plugins」に紹介ムービーがあるので、そちらを見ればわかりやすいです。

目次へ

Other

目次へ

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