Category : Tips

- 153 Articles -

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

Read Article

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

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

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

Read Article

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

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

  • Tips
Photoshopでオリジナルのキーボードショートカットを登録する方法

Read Article

Photoshopでオリジナルのキーボードショートカットを登録する方法

Photoshopにはデフォルトでも便利なショートカットが一度に全部は覚えられないほど沢山用意されてはいますが、そこへさらにオリジナルのショートカットを登録するなどしてより使いやすくする方法を紹介します。デフォルトでは用意されていないけど自分はよく使うという機能にショートカットを設定したり、デフォルトだと少し複雑なものをもっと簡易的なショートカットで利用するといったことが可能です。

  • Tips
Photoshopの作業効率を上げるために覚えておきたいショートカット

Read Article

Photoshopの作業効率を上げるために覚えておきたいショートカット

最近ではXDやSketchを使う人を目にすることも多いですが、まだまだデザインカンプをはじめ、使っている人も多いと思うPhotoshopで覚えておきたい便利なショートカットを紹介します。基本的なものが中心なので、デザイナーでバリバリ使用しているという人よりも、全体的に普段はデベロッパーでたまに触ることがあるぐらいの人やこれからPhotoshopを使い始めたい人向けです。全部を一度に覚えるのは難しい…

  • Tips
CSSで装飾されたボタンを手軽に使いたいときに便利なボタンライブラリ 5

Read Article

CSSで装飾されたボタンを手軽に使いたいときに便利なボタンライブラリ 5

特定のCSSを読み込み、適応したい要素にclass指定をするだけで簡単に装飾されたボタンを実装できるボタンライブラリを5つ紹介します。カラーやサイズ指定をはじめ、ライブラリよっては20種類以上のデザインが用意されているものもあります。そのまま利用させてもらうのはもちろん、特に中規模〜大規模サイトではボタンを共通コンポーネントのひとつとして用意することも多いと思うので、その際の参考にすることもできま…

  • Tips
slickのカレントクラスを利用した実装サンプル

Read Article

slickのカレントクラスを利用した実装サンプル

手軽にカルーセルを実装できるjQueryプラグイン「slick」には、現在表示されているスライド(表示の仕方やオプションの指定によって付与の対象となる位置は変わります)に対して`.slick-current`というclassが付与される作りになっており、これを利用することでCSSを少し追記するだけでもいろいろな見せ方が可能です。そこで今回は手軽にできて且つ個人的にも利用することが多い実装サンプルを…

  • Tips

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