Webデザイン

「パソコンで読んでいる記事の続きをスマホで読みたい！」という読者のために、今読んでいる記事に直接アクセスできるQRコードをサイドバーに設置しておくと親切なのでは？と考えま...

PublishPress Future（旧名: Post Expirator）はWordPressの記事に公開期限を設定し、期限が過ぎたら自動で記事を非公開にできる便利な...

レスポンシブコーディングで「スマホでは文章の途中で改行させたいけど、パソコンでは改行させたくない！」といった場合に役立つテクニックです。

::beforeや::afterといった疑似要素のテキストを、文章の途中で改行させる方法です。

相対パス面倒くさい問題Webサイトのコーディングで、リンクや画像のファイルパスを指定する際に「../」を数えた経験がある人には共感いただけるかと思いますが、相対パスって面...

「PCサイズでは中央揃えにしているテキストが、スマホで表示すると改行されてしまい、読みづらくなってしまう…そんな悩みをサクッと解決してくれる便利なCSSをご紹介します。中...

アンカーリンク（ページ内リンク）をクリックするとリンク先までスーッとスクロールするあれです。いちいちJavaScriptを打たなくても、HTMLとCSSだけで良い感じのス...

要素にtransitionでアニメーションを効かせる際に、マウスアウト（要素からカーソルを外す）した時だけアニメーションが効かない症状の解決方法です。マウスアウトした時だ...

親要素の中にある一部の背景や画像を画面いっぱいに広げて表示するテクニックの紹介です。1カラムで構成されたWebサイトのデザインで頻繁に使われるレイアウトなので、この機会に...