Monthly Bookmarks #40

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #40

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

Monthly Bookmarks #40 目次

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

Development

  • Tippy.js – Pure JS Tooltip Library ツールチップを実装できる軽量ライブラリで、様々なタイプのものが用意されています。
    オプションで指定する他、data属性を用いて指定することもできます。
  • Stylelint generator Stylelintの設定ファイルを作成できるジェネレータ。
  • Inspiration for Grid Loading Animations | Codrops グリッドアイテムのローディングアニメーションが複数まとめられています。
  • WebGL Scroll Spiral | Codrops WebGLを使ったシェーダアートのサンプルで、スクロールによって変化していきます。
  • Griddy カラム数・カラム幅・どの方向に揃えるかなどを選んでいくとCSS Grid Layoutのコードを出力してくれるジェネレータ。
  • CSS Text Effects From CodePen – Freebie Supply CodePenにアップされているCSSを使ったテキストエフェクトがまとめられています。

目次へ

Design / Inspiration

目次へ

Material / Freebies

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

10 Free Retro Text Effect Graphic Styles for Adobe Illustrator

Free Photoshop Text Effects Pack

6 Free Hand Drawn Patterns

6 Free Hand Drawn Patterns Vol-2

Malina Free Seamless Patterns

Essential Collection: 500 free vector icons

目次へ

Service / Resource

  • AutoDraw 手書きで書かれたイラストなどと類似するものを機械学習アルゴリズムを利用して綺麗なものに置き変えてくれます。
  • 源ノ明朝 GoogleがAdobeと共同開発した、日本語、中国語(簡体字、繁体字)、韓国語をサポートするセリフ書体で、ウェイトも7ウェイト用意されています。
  • Papersizes.io | The best resource for Paper Sizes 様々な用紙サイズが一覧化されています。
  • Painting with Code : Airbnb Design Reactで書いたものをSketchにレンダリングするライブラリ。

目次へ

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