Monthly Bookmarks #36

  • Posted on
  • Category : Bookmarks
Monthly Bookmarks #36

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

Monthly Bookmarks #36 目次

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

Development

  • Lace Patterns in CSS CSSのlinear-gradientradial-gradientを使ってレースパターンを表現したもので、全7パターン公開されています。
    CSSなのでサイズ・カラー変更も容易で、HTMLがdiv要素ひとつなのも特長です。
  • CSSPIN – CSS Spinners and Loaders 空のdiv要素に特定のクラスを指定するだけで簡単にスピナーを実装できるスタイルシートです。
  • Pull to Refresh.js スマートフォンでよくあるプルしてページをリフレッシュするという機能を実装することができるスクリプトです。
  • margin-bottom or margin-top | CSS-Tricks marginを使うときにmargin-topmargin-bottomのどちらを使用するかということについてのアンケート結果などをまとめたエントリーで、どちらに統一して使用するか悩んだときの参考に。
  • Pure CSS Horizontal Scrolling | CSS-Tricks 横スクロールする動きをCSSのみで実装してみたサンプルが紹介されています。
    コードを見て納得しましたけど、よく考えますね…。
  • 2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選 | コリス 毎年恒例「コリス」さんのJavaScriptライブラリやjQueryプラグインのまとめエントリーで、それぞれ機能毎にわけられて100種類以上まとめられています。
  • Muuri – Responsive, sortable, filterable and draggable grid layouts ソートやフィルタリング機能も付いていて、ドラッグで要素の配置変更も可能なグリッドレイアウト向けのスクリプトで、使用する際はVelocityとHamemr.jsが必要になります。
  • CSS Tools, Generators and Resources CSSに関するスニペット・ツール・リソースなどがまとめられています。

目次へ

Design / Inspiration

目次へ

Material / Freebies

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

DEUX – free font

Illusion Hand-Drawn Collection

8 Interstellar Abstract Objects

Inspirational UI Elements vol. 2

目次へ

Service / Resource

目次へ

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