2017Bookmarks今月(2017年12月)個人的に覚えておきたいと思ったものやTwitterを通してシェアしたエントリー・サービス・リソースなどのまとめです。CSS-Tricksボーダーをアニメーションさせたいときに使える方法がいくつか紹介されています。revealsホバー時・ホバー前の位置などによって表示方向が異なるマスクを実装できるスクリプト。ResetHTMLメール用のCSSリセット。Gridを理解できるようにまとめられたエントリー。Gridを使用)で、六角形の要素が並べられたレイアウトを実装するチュートリアル。CreativoJSを使用せず、CSSだけでページのスクロール量によって変化するプログレスバーを実装するテクニック。CodropsCSSのみでグリッチエフェクトを実装するチュートリアル。2017今年リリースされたCSSのライブラリやフレームワークのまとめ。less.30秒以内に理解できる有用なJavascriptのスニペットがまとめられており、コードはES6で書かれています。Qiita説明はもちろん、以前と最近とで具体的なサンプルコードもそれぞれ掲載されているのでわかりやすいです。mixin)背景を斜めにしたいときに使えるSassのmixin。CSS-Tricksイメージの各拡張子についてまとめられたエントリー。MINIMALミニマルなジオメトリックデザインを日々投稿しているデザインギャラリー。Principlesデザイン原則についてまとめられているサイト。コリス毎年恒例「コリス」さんの日本語フリーフォントまとめエントリー。コリス同じく「コリス」さんのフォントまとめエントリーで、こちらは今年リリースされた日本語・英語のフリーフォントです。Parcelgulpなどのように設定ファイルは不要で、開発サーバーを使用したり各種ファイルをコンパイルすることができるバンドラツール。minifierPNGファイルを軽量化することができるツールで、同じようなサービスとして有名な「TinyPNG」よりも高い圧縮が可能な他、圧縮率を自身で調整することもできます。workflow.WordPressの開発を自動化するために設計されたビルドシステム。WordPressGutenbergの概要や導入方法などについてまとめられたページ。