WEB制作

プログラミングを勉強中のみなさん、こんにちは！ 今回は、SVG画像の表示方法を紹介します。 普段何気なく使っている画像ですが、jpg や　png などの形式はけっこう見慣れていると思います。 しかし、 ...

今回は、画像を暗くする方法を紹介します。 下の画像のように、文字がいまいち目立たない・・・。 というときに使えます。 背景画像を暗くして、画像の上に載せた文字をきわだたせることができます。 さっそく見 ...

プログラミングを勉強中のみなさん、こんにちは！ 今回は、レスポンシブデザインで出現する「謎の右端の余白」の解決方法を紹介します。   レスポンシブデザインで、スマホサイズのコーディングをして ...

Web制作を勉強中のみなさん、こんにちは！ 今回は、レスポンシブデザイン。 ブレイクポイントで改行する方法を御紹介します。   サイト模写でレスポンシブデザインを作成しているとよく見かけます ...

  今回は、ページ内リンクの移動をスムーズにスクロールさせる方法を紹介します。   良く見かけますね。 タイトルをクリックすると、スルスルって流れるように、ページの下の方のセクショ ...

プログラミングを勉強中のみなさん、こんにちは！ 今回は、CSSの　first-child と last-child　について紹介します。 初心者向けのメモ書きとして執筆しておりますので、あしからず。 ...

プログラミングを勉強中のみなさん、こんにちは！ dl dt ddのタグを見かけたけど、どのような意味があるの？使い方は？ という疑問にお答えします。   dl dt dd はFAQや用語リス ...

プログラミングを勉強中のみなさん、こんにちは！ <input>タグのvalue と placeholderってどう違うの？ という疑問にお答えします。   結論から言うと val ...

プログラミングを勉強中のみなさん、こんにちは！ <input>タグに幅を持たせようとして、max-widthを設定したけど、幅が広がならいよ・・・ と困っていませんか？   結論 ...

今回は、flexを使うときの便利なテクニック、「align-items」を紹介します。 以前私がハマってしまったのが、高さが異なる要素を並べたとき、自動で高さがそろってしまったことです。 高さはバラバ ...