クリスマス時期、あなたのWebサイトに雪を降らせてみてはいかがでしょうか? Webサイトが重くなるjQueryは当然使いません。 HTML/CSSのコードを貼り付けるだけで、導入は3分で終わります。 Webサイトに雪を降… もっと読む
【神コース】HTML&CSS学習のオススメ海外講座【初心者から中級者に一気にステップアップ】
HTML&CSSの学習ってProgateを完了した後に、何をしたら良いか路頭に迷う人って多い気がします。 あまり効果が無い、同じコースを3周とか5周とかしてみたり(プログラミングは記憶力勝負では無いです)、実務で通用する… もっと読む
【CSS脱初心者】Flexboxの使い方を完全解説【画像・アニメーションで分かりやすく解説】
CSSのFlexboxを使用する事で「簡単」にレスポンシブなレイアウトを組む事が出来ます。 例えば、「ナビゲーションメニュー」や「サイドバー」、「カードレイアウト」をCSSを数行書くだけで実現する事が可能です。 例えば、… もっと読む
【簡単】ランディングページの作り方と必須要素7つ【1時間で作成・プログラミング不要】
この記事では、「ランディングページ」を作成する上で必須な要素7つについて詳細に解説し、「ペライチ」というWebサービスを活用して無料で本格的なランディングページを作成する方法について解説します。 自分の商品やサービスを販… もっと読む
【CSS設計】CSS命名規則はBEMをまずは覚えておこう【初心者向け】
WebサイトやLPの模写コーディングをしていると、色々な「クラス名」が何かのルールに従って使用されている事に気がつくと思います。 え、初心者の頃は、見た目を揃えるのに必死で「クラス名」なんて気が回らない?? ですが、「分… もっと読む
LP模写の必須ツールはたった3つ【無駄なく効率的にコーディング練習】
LPの模写コーディングに「必須」なツールについて紹介します。 「Progate」で基礎的な学習を終えた後のステップアップとして、ランディングページの模写コーディングをするのは良い練習法です。 ただ、準備が必要です。 必要… もっと読む
【HTML/CSS】Loadingのクールなアニメーションを作成【Progate終了レベルで可能】
HTML・CSSだけでLoadingのクールなアニメーションを作成します。 出典は、最近お気に入りの海外「プログラミングYoutuber(?)」である「Dark Code」からです。 もし、あなたも気に入ったら、是非とも… もっと読む