PostCSSのプラグイン探しに使えるサイト

Read Article

PostCSSのプラグイン探しに使えるサイト

PostCSSのプラグインを探せるサイトの備忘録です。普段からPostCSSを多用しているならある程度使うプラグインは決まっていたりしますし、そんなに頻繁に探すわけでもないですが、ざっくりとした動きは同じでも細かい部分で違いがあったり、中には「これどんな場面で使うの?」って感じの面白いプラグインもあったりするので、いろいろ試したいときや新しいプラグインを見つけたいときに。

  • Services & Resource
デザイン制作を助けてくれる国内外の素材サイトまとめ

Read Article

デザイン制作を助けてくれる国内外の素材サイトまとめ

見つけてはメモしていたものがかなり増えてきて自分用に整理したのでシェアします。ベクター・ラスター・テクスチャ・パターン・アイコン・フォント・モックアップなど、デザイン制作をする際に便利な素材を配布しているサイトの一覧です。中には条件付きで使用可能とか商用利用時は有償という素材が中心に配布されているところもありはしますが、紹介しているのは基本的にフリーで使用できるものが中心または多く配布されているサ…

  • Material
様々なチャートデザインを簡易的な説明や実例付きでまとめている「Data Viz Project」

Read Article

様々なチャートデザインを簡易的な説明や実例付きでまとめている「Data Viz Project」

表やグラフといったチャートデザインをする際に参考になりそうだし、個人的にもこれは覚えておきたいと思ったので紹介します。「Data Viz Project」は様々なチャートのデザインパターンを紹介しているサイトで、パッと見ではこれら以外の見せ方が思い浮かばないぐらいひと通りのデザインパターンが掲載されています。

  • Inspiration
CSSアニメーションを簡単に実装できるライブラリ 10+

Read Article

CSSアニメーションを簡単に実装できるライブラリ 10+

ここ数年でちょっとしたアニメーションはJSではなくCSSで実装するということが増えたと思いますが、それを手軽に実装したいときに便利なCSSアニメーションライブラリをまとめてみました。いずれも必要なCSSを読み込んで要素に特定のclassを付与するだけと使い方も簡単で、デモもしっかり用意されているものばかりなので動きの確認も容易です。また、簡単な操作でCSSアニメーションを実装するのに必要なコードを…

  • Services & Resource
最近気になったハイクオリティなUIキット #19

Read Article

最近気になったハイクオリティなUIキット #19

ここ最近気になったUIキットのまとめです。見た目や各パーツ・カラーの組み合わせ方などデザインの参考にするだけでなく、それぞれ実際に作成されたファイルをダウンロードすることもできるので、どのようなレイヤースタイルで作られているかを参考にしたり、ライセンスが問題なければデザインで利用させてもらうこともできます。今回はフルバージョン(有償)の場合であればより豊富なデザインが利用できるものが多めです。

  • Material
EJS:インクルードの引数を利用してカレントクラスを付与する方法

Read Article

EJS:インクルードの引数を利用してカレントクラスを付与する方法

EJSで特定のファイルを共通ファイルとしてインクルードさせたいけど、ページによって一部変更したい箇所があるときなどに使える方法で、今回はナビゲーションを例に該当のページだった場合は特定の要素にカレントクラスを付与させるという動きを具体的にはインクルード時の引数と条件分岐を利用して実装してみます。

  • Tips

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