gapとは gap は css のプロパティで、アイテム同士の横方向と縦方向の余白をまとめて指定する事ができます。 marginプロパティーやpaddingプロパティーでも余白は指定できますが、gridやflexboxで […]

ツールチップって何？ ツールチップは、テキストやリンク、画像などの補足説明の事でマウスオーバーした際に表示されます。ALTに近いものになります。 ツールチップの実装のためにCSSの関数attr()を利用することができます […]

今回は、下記例示のようにCSSで規定の幅から文字数が多いためにはみ出てしまうテキストを省略する方法です。 See the Pen Untitled by 林 (@hayashi-akina) on CodePen. 下記 […]

スムーズスクロールとは、サイトをタップするだけでアンカーを付けた箇所に画面が滑らかに移動する動きのことです。 今回は、JavaScriptを使用せず、スムーズスクロールをCSSだけで実装する方法を紹介します。 html{ […]

既にHTMLファイルで作られたウェブサイトがあった場合でも、そのHTMLファイルをPHPプログラムとして動作させることが可能です。 静的な既存ウェブサイトをいかすことができ、システム開発費用を抑えることができるというメリ […]