Monthly Bookmarks #2

Monthly Bookmarks #2

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

Monthly Bookmarks #2 目次

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

Development

  • CSS A/ZEならEspresso、MならMetronomeという感じで、アルファベットの頭文字をテーマにしたアニメーション付きイラストをCSSのみで作成・公開していくプロジェクト。
    動きを見て楽しむだけでなくコードも公開されているので、どのように描かれ、どのようにアニメーションを付加しているかなども見ることができます。
  • WordPressで記事やページなどに個別のHTML, CSS, JS, PHPを追加・管理できるプラグイン -CSS & JavaScript Toolbox | コリスWordPressでfunctions.phpを使用して個別にCSSやJSを指定できるカスタマイズがありますが、これは更に高機能なことを実装できるプラグインで、HTMLやPHPも使用することができるだけでなく更にそれらを一元管理することもできます。
  • Fullscreen Overlay Effects | Codropsフルスクリーンオーバーレイスタイルを実装するチュートリアル。
    よく見かけるようなものだけでなく、右上のコーナーから降りてくるものや小さいボックスが並べられるようなエフェクトもあります。
  • WOW.js要素を様々なアニメーションを付けて表示させることができるプラグイン。
    スライドさせて表示させたり、各要素を順番に表示させたりすることができます。
  • CSS CheckboxCSSで装飾するチェックボックスのジェネレータ。
  • Gridレスポンシブ対応のシンプルなグリッドフレームワーク。
  • Sticker.jshover時にシールがめくれるような効果を実装できるプラグイン。
  • Fluidbox, a jQuery plugin for beautiful lightboxesLightbox系のjQueryプラグインですが、よくある動きとは違う感じで表示させることができます。
  • Placeholdemフォーカス時にアニメーション付きでplaceholder属性を表示・非表示にするスクリプト。
  • JQuery Tip CardsGoogle Tipsのような動きを実装できるスクリプト。

目次へ

Design / Inspiration

目次へ

Material / Freebies

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

LEGOlize yourself Free PSD
One Page Website Wireframes
5 Hexagon Backgrounds Vol. I
5 Hexagon Backgrounds Vol. II
20 Free Mosaic Backgrounds
iPad Air Template (PSD)
Samsung Galaxy S5 PSD Freebie
40 Flat & Solid User Interface Icons
One day of the office monkey life. Icons set

目次へ

Service / Resource

  • Squarespace LogoWeb上で簡単にロゴを作成できるサービス。
    クライアント案件とかでそのままこのロゴを使うなんてことはないと思いますが、ちょっとしたカンプ作るときやダミーでロゴを用意したい際などは手軽にできて良いですね。
  • webdesignrepoニュースサイト・デザインブログ・インスピレーションがもらえるギャラリーなど、Webデザインに関する様々なリソースが集められているリンク集です。
    沢山ありますがカテゴリー分けが細かくされているので、自分が探している情報も見つけやすいと思います。
  • DEWEYChromeのブックマークをスクリーンショット付きに表示させることができるエクステンションで、検索やソートといったこともできます。
    エクステンションはあまり入れ過ぎないように本当にして便利と思ったものだけを使うようにしてますが、久しぶりに即ダウンロードしました。
  • Free Online Guitar Tunerマイクを使用して、ブラウザでギターのチューニングができます。
  • LINE Creators Market電話やメールについても話題になりましたが、個人的にTwitterなどで特に話題になっていると感じたのがスタンプ販売についてで、誰でも簡単に参加できるだけでなく、売上の50%がクリエイターに配分されるよう ... LINEすごいですね。

目次へ

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