tags:コード
![【常時SSL化】301リダイレクトがエラー!?対処法とコピペ用コードも紹介](https://sakuweb.liruu.com/wp-content/uploads/2024/06/301redirect.png)
【常時SSL化】301リダイレクトがエラー!?対処法とコピペ用コードも紹介
常時SSL化したら301リダイレクトに注意しよう!エラーの対処法やwww有り無しなどURL正規化用コード、複数設置する場合のサンプルコードも紹介します。
TRY to MAKE![Bootstrapブレイクポイントで要素の表示順を変えよう](https://sakuweb.liruu.com/wp-content/uploads/2023/06/sakuweb51.png)
Bootstrapブレイクポイントで要素の表示順を変えよう
orderクラスを使って、要素の表示順を変える方法と、ブレイクポイントを利用した順番の変更方法を学びます。
TRY to MAKE![BootstrapGutter(ガター)で時短しよう](https://sakuweb.liruu.com/wp-content/uploads/2023/05/sakuweb40.png)
BootstrapGutter(ガター)で時短しよう
ガターの仕組みと役割を学びます。また、overflow hiddenではみ出した部分を隠す方法を学びます。
TRY to MAKE![BootstrapFlexをマスターしよう](https://sakuweb.liruu.com/wp-content/uploads/2023/05/sakuweb38.png)
BootstrapFlexをマスターしよう
flex(フレックス)を利用して要素の配置を変えたり、デバイスによって表示順を変えたり、レイアウトを学んでいきます。
TRY to MAKE![BootstrapData属性と疑似要素でデザインしよう](https://sakuweb.liruu.com/wp-content/uploads/2023/05/sakuweb37.png)
BootstrapData属性と疑似要素でデザインしよう
HTMLのdata属性と、cssの疑似要素、attr関数の合わせ技でデザインする方法を学びます。
TRY to MAKE![Bootstrap Google Fontsを使ってみよう](https://sakuweb.liruu.com/wp-content/uploads/2023/05/sakuweb33.png)
Bootstrap Google Fontsを使ってみよう
GoogleFontsの使い方や設定方法の他、cssでのタグ・クラス名・一括指定方法も学び舞うs。
TRY to MAKE![Bootstrapパンくずリストを作ろう](https://sakuweb.liruu.com/wp-content/uploads/2023/05/sakuweb36.png)
Bootstrapパンくずリストを作ろう
Breadcrumbでパンくずリストを作ります。flexのjustify-contentを利用した配置の方法も学びます。
TRY to MAKE![Bootstrapデザイン画からコーディングしよう!](https://sakuweb.liruu.com/wp-content/uploads/2022/10/sakuweb20.png)
Bootstrapデザイン画からコーディングしよう!
デザイン画像を見ながらコーディングします。cssで背景画像の指定方法やレイヤー、余白の入れ方などを学びます。
TRY to MAKE