コピペできるサンプル <a href=”sample.html” onclick=”gtag(‘event’, ‘①例：click&#8217…

flexboxを使って真ん中に配置 lexboxを使うと、ど真ん中に配置するのは簡単。親要素にdisplay: flexに加えて、justify-content: center、align-items: centerを指…

お名前.comの共用サーバーSDは手軽で安くておすすめ。 サイトを作成する際、URLの末尾に「.html」とか「.php」と表示されるのを消したいときってありますよね。 こちらではその方法を紹介します。 .htacces…

低価格でオススメの、お名前.comのレンタルサーバー。開発中などでサイトにパスワードをかけたいときの方法を紹介します。 htaccessとhtpasswdで設定する方法 .htpasswdにアイパスを書き .htacce…

蛍光ペンマーカーのように文字を強調 実はhtmlのタグではラインマーカーはありません。 しかし、CSSで簡単に装飾できます。 ラインマーカーで文字を強調するサンプルコード CSS .marker-yellow { bac…

ランディングページといえば、一般的にペライチのサイトのことですよね。ここでもその定義で話をしていきます。 他のページに遷移されないように、ひとつの目的にフォーカスして作られるページなので、普通のウェブサイトに比べて、割と…

画像に影を落とす方法 サイトにアップした画像に影をつけたいことはよくあります。 こちらでは、PNG画像の透過性やSVG図形にも対応している万能css「filter: drop-shadow()関数」紹介します。 drop…