raido

今回は、Bootstrapのコーディングがめちゃくちゃラクにできるツール、 MD Bootstrap grid generator を紹介します。   Bootstrapのグリッドシステムは ...

Web制作を勉強中のみなさん、こんにちは。 今回は、grid で並べた要素の順番を変える方法を紹介します。   gridで横並びにした要素があるとします。 その要素をスマホサイズで縦並びにす ...

Web制作の勉強中のみなさん、こんにちは。 今回は、画像の大きさを自動調節する方法をご紹介します。 「最適化」といった方がいいのかな。   レスポンシブデザインで画像の大きさを変えたい時があ ...

今回はブラウザーのホームボタンについての記事です。 ブラウザーにはいろいろ種類があります。 Chrome、Safari、Firefox、Microsoft Edgeなどなど、使い慣れているブラウザーは ...

サウナーのみなさん、こんにちは。 今回ご紹介するのは、東京都足立区にある「大谷田温泉 明神の湯」さん。 スーパー銭湯ですね。 コスパ良し、外気浴良し、清潔感良し、という３拍子そろったサウナです。 &n ...

「:hover」を使ったテクニックを３つ紹介します。   ポイント hover設定した要素と異なる要素をアクションさせる方法 擬似要素をアクションさせる方法 ボーダーを使ったアニメーション ...

今回は grid で並べた要素を中央に寄せる方法を紹介します。 親要素のなかに、複数の子要素をgridで並べたとき、 「中央に寄せたい」って思うときありますよね。 でも、どうやるの？ と思った方に紹介 ...

最近、寝違えることがおおくて、しょっちゅう首が痛いよ。 眠りも浅いような気がするし・・・   このような悩みをかかえた人はけっこう多いと思います。   私もつい最近まで同じ悩みをか ...

今回は、Google Fonts の使い方を紹介します。 それほど難しくありませんが、私が初めて使用した時、少しわかりづらかったので、 初心者さん向けに手順を紹介していきます。   目次 G ...

SVG画像って、みなさんもけっこう使うと思います。 画質が落ちないということもあり、私もけっこう使います。 無料でSVG画像をダウンロードできるサイトがありますし、PhotoshopでSVGとして画像 ...