Monthly Bookmarks #40

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 generatorStylelintの設定ファイルを作成できるジェネレータ。
  • Inspiration for Grid Loading Animations | Codropsグリッドアイテムのローディングアニメーションが複数まとめられています。
  • WebGL Scroll Spiral | CodropsWebGLを使ったシェーダアートのサンプルで、スクロールによって変化していきます。
  • Griddyカラム数・カラム幅・どの方向に揃えるかなどを選んでいくとCSS Grid Layoutのコードを出力してくれるジェネレータ。
  • CSS Text Effects From CodePen - Freebie SupplyCodePenにアップされている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 DesignReactで書いたものをSketchにレンダリングするライブラリ。

目次へ

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