Web制作

2023/3/15

コーディングを爆速で効率よくするのに必須なEmmetについて解説します。HTML・CSSでの書き方や、よく使うものをまとめてご紹介します。またVSCodeでEmmetが使えない時の対処方法も解説しています。

2023/3/15

模写コーディングにおすすめのサイトをレベル別にまとめてご紹介しています。ただし現在は模写よりデザインカンプからのコーディングの方が主流なので、そちらの記事も参照下さい。Progate卒業した人におすすめです。

2023/3/14

Web制作の勉強で模写をする人は多いと思いますが、何から始めていいか分からないと思います。今回は模写コーディングとは何かという話から、ルール・手順などやり方についても解説しています。ただ今はデザインカンプからのコーディングの方がおすすめです。

2023/3/14

Progateの次は模写コーディングする人がいるかも知れませんが、デザインカンプからのコーディングの方がおすすめです。今回は無料・有料含めデザインカンプを配布しているサイトをまとめてご紹介します。ポートフォリオに実績として掲載可能なサイトもあります。

2023/3/11

Splideを使ったスライダーの実装集まとめとなります。コードはコピーして使えます。各実装方法の記事もあるので、そちらも参考にしてみて下さい。

2023/3/11

Splideでスライドに表示するテキストをふわっとフェードインで表示させる方法を解説します。簡単なCSSアニメーションで実装できます。横方向・縦方向とフェードインの方向を変えることもできます。

2023/3/11

Splideでスライドの高さがバラバラで異なる場合、矢印は一番高いスライドが基準になってしまいます。そこで今回は高さの違うスライドを上下中央にする方法を解説します。

2023/3/11

Splideでブレイクポイントを設定してレスポンシブ対応のスライダーを作る方法について解説しています。パソコンでは3枚、スマホでは1枚というスライダーを実装します。

2023/3/11

Splideをマウスホイールでスクロールして縦方向にスライドさせる方法を解説しています。

2023/3/10

Splideスライダーでプログレスバーを表示させる方法を解説しています。