フリーランスWebデザイナーの日記 https://travelogue.jp/blog 横浜と長野で二地域居住するWebデザイナーの日記。Web制作(WordPress多め)と、わんことの旅行に役立つペット可情報などを書いてます。 Mon, 28 Mar 2022 09:45:22 +0000 ja hourly 1 https://wordpress.org/?v=6.3.3 CSSだけで要素をフワフワ動かす方法と使いどころ https://travelogue.jp/blog/archives/5516.html Mon, 28 Mar 2022 09:45:22 +0000 https://travelogue.jp/blog/?p=5516 CSSだけで要素をフワフワ動かす方法をご紹介します。動かすスピードや振れ幅によって受ける印象が大きく異なりますので、使いどころをしっかり見極めて動きも含めたデザインをすることが大事です。

The post CSSだけで要素をフワフワ動かす方法と使いどころ first appeared on Travelogue.]]>
CSSでテキストに斜めの取り消し線をつける方法 https://travelogue.jp/blog/archives/5503.html Thu, 17 Mar 2022 23:56:23 +0000 https://travelogue.jp/blog/?p=5503 CSSでテキストに斜めの取り消し線をつける簡単な方法をご紹介します。画像不要でCSSのみで線の傾き、太さ、色なども変更可能です。

The post CSSでテキストに斜めの取り消し線をつける方法 first appeared on Travelogue.]]>
超簡単なjQueryでドロワーメニューを作る方法 https://travelogue.jp/blog/archives/5493.html Thu, 10 Mar 2022 05:56:09 +0000 https://travelogue.jp/blog/?p=5493 jQueryでとても簡単にドロワーメニューを作る方法を紹介します。jQueryはtoggleClassだけで、あとはCSSでの指定なのでjQueryがよく分からない人も理解しやすくておすすめです。

The post 超簡単なjQueryでドロワーメニューを作る方法 first appeared on Travelogue.]]>
記事ごとの著者情報をカスタムフィールドで表示する方法 https://travelogue.jp/blog/archives/5480.html Tue, 08 Mar 2022 05:53:03 +0000 https://travelogue.jp/blog/?p=5480 WordPressで投稿記事に、記事ごとの投稿者(著者)情報を表示する方法をご紹介します。カスタムフィールドを使って著者写真や紹介文などを著者ごとにあらかじめ設定しておき、記事ページにその記事の著者を自動的に表示する方法です。

The post 記事ごとの著者情報をカスタムフィールドで表示する方法 first appeared on Travelogue.]]>
BracketsのEmmetでミニファイする前にBeautifyしよう https://travelogue.jp/blog/archives/5361.html Sun, 06 Dec 2020 13:16:03 +0000 https://travelogue.jp/blog/?p=5361 他の人が書いた長大なHTMLコードをミニファイする時は、一旦Beautifyしてコードを整形してからミニファイすると安全です。

The post BracketsのEmmetでミニファイする前にBeautifyしよう first appeared on Travelogue.]]>
CSSだけで作る超簡単ドロップダウンメニュー https://travelogue.jp/blog/archives/5325.html Fri, 15 May 2020 06:37:09 +0000 https://travelogue.jp/blog/?p=5325 Webサイトのナビゲーションに実装するためのドロップダウンメニューを超シンプルで簡単なCSSで作ってみました。

The post CSSだけで作る超簡単ドロップダウンメニュー first appeared on Travelogue.]]>
Drawer(drawer.js)の見た目をカスタマイズするCSSの書き方 https://travelogue.jp/blog/archives/5313.html Sun, 08 Mar 2020 13:21:28 +0000 https://travelogue.jp/blog/?p=5313 レスポンシブのHTMLコーディングの時、手軽に使えてシンプルで重宝しているドロワーメニュー「Drawer(drawer.js)」で、その見た目をちょっとだけカスタマイズするCSSの書き方をご紹介します。

The post Drawer(drawer.js)の見た目をカスタマイズするCSSの書き方 first appeared on Travelogue.]]>
ワンコと一緒に「玉響の風」行った!伊豆のペット可おすすめ宿 https://travelogue.jp/blog/archives/5259.html Thu, 26 Sep 2019 05:48:18 +0000 https://travelogue.jp/blog/?p=5259 伊豆でおすすめのペット可ホテル「玉響の風」に行ってきたので、おすすめのポイントや注意点などを写真付きで詳しくレポートします。部屋についてる露天風呂(温泉)が最高の宿です!

The post ワンコと一緒に「玉響の風」行った!伊豆のペット可おすすめ宿 first appeared on Travelogue.]]>