Travelogue

CSSだけで要素をフワフワ動かす方法と使いどころ

CSSだけで要素をフワフワ動かす方法をご紹介します。動かすスピードや振れ幅によって受ける印象が大きく異なりますので、使いどころをしっかり見極めて動きも含めたデザインをすることが大事です。

公開日:

CSSでテキストに斜めの取り消し線をつける方法

CSSでテキストに斜めの取り消し線をつける簡単な方法をご紹介します。画像不要でCSSのみで線の傾き、太さ、色なども変更可能です。

公開日:

超簡単なjQueryでドロワーメニューを作る方法

jQueryでとても簡単にドロワーメニューを作る方法を紹介します。jQueryはtoggleClassだけで、あとはCSSでの指定なのでjQueryがよく分からない人も理解しやすくておすすめです。

公開日:

BracketsのEmmetでミニファイする前にBeautifyしよう

BracketsのEmmetでミニファイする前にBeautifyしよう

他の人が書いた長大なHTMLコードをミニファイする時は、一旦Beautifyしてコードを整形してからミニファイすると安全です。

公開日:

CSSだけで作る超簡単ドロップダウンメニュー

CSSだけで作る超簡単ドロップダウンメニュー

Webサイトのナビゲーションに実装するためのドロップダウンメニューを超シンプルで簡単なCSSで作ってみました。

公開日:

Drawer(drawer.js)の見た目をカスタマイズするCSSの書き方

Drawer(drawer.js)の見た目をカスタマイズするCSSの書き方

レスポンシブのHTMLコーディングの時、手軽に使えてシンプルで重宝しているドロワーメニュー「Drawer(drawer.js)」で、その見た目をちょっとだけカスタマイズするCSSの書き方をご紹介します。

公開日:

擬似クラスlast-childの後に擬似要素afterをつなげて使うCSS参考例

擬似クラスと擬似要素はつなげて使うことが出来る。例えばliタグやddタグが複数ある時、擬似クラスlast-childの後ろに擬似要素afterを指定して使うCSSの参考例を挙げた。

公開日:

カルーセルスライダーslickの前後ボタンが表示されない原因と対処法

カルーセルスライダーslickの前後ボタンが表示されない原因と対処法

カルーセルスライダー用のjQueryプラグインとして定番の「slick」を設置した時、前後の画像への矢印ボタンが表示されないことがある。この問題のほとんどの場合はcssで解決できるのでその対処方法をまとめた。

公開日:

Pagetop