様々なチャートデザインを簡易的な説明や実例付きでまとめている「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
より効率よくPhotoshopを使うために知っておきたい便利機能 25

Read Article

より効率よくPhotoshopを使うために知っておきたい便利機能 25

主にこれからPhotoshopを使い始めようと思っているとか使い始めたばかりという人向けに、知っておくと便利な機能を紹介します。ひとつひとつはちょっとしたことでも多用するのであれば覚えておくことでより効率よく作業することができますし、中には使いこなすことができれば大幅な作業時間の短縮に繋がるものもあります。

  • Tips
有名アイコンフォントを手軽に表示させることができる「icongram」

Read Article

有名アイコンフォントを手軽に表示させることができる「icongram」

便利そうだったので備忘録兼ねて紹介します。「icongram」はEntypo・ Feather・Font Awesomeといった種類も多く有名なアイコンフォントを手軽に表示させることができるもので、よくある特定のURLでダミーイメージを表示させるような感覚でアイコンを表示させることができます。

  • Services & Resource

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