続きを読む
バーをアニメーションさせてテキストを表示する
バーがアニメーションしてテキストが表示されるエフェクトを作ってみましょう。 こういったエフェクトは見...
HTML
続きを読む
スクロールして表示領域に入ったらアニメーションするプログレスバーを作る
スクロールして表示領域(=ビューポート)に入ったらアニメーションされるプログレスバーを作ってみましょ...
続きを読む
slick.jsを使ってスライドショーを作る
slick.jsを使ってスライドショーを作ってみましょう。 slick.jsはスピードやアニメーショ...
続きを読む
smooth-scroll.jsを使ってスムーススクロールさせる
jQueryライブラリのsmooth-scroll.jsを使って、ページ内リンクをスムーズスクロール...
続きを読む
Font Awesomeを使って外部リンクのみに特定のアイコンを自動で付ける
target=”_blank”を使って外部リンクをするときのみ、リンクの後ろ...
続きを読む
リンクをクリックしたらスクリーンを表示させてページを遷移する
リンクをクリックして他のページに遷移をするときにカーテンのようなスクリーンを表示させるリッチな演出を...
続きを読む
2021年に廃止されたHTML5とHTML Living Standardの違い
「HTML5」という言葉を聞いたことがあっても「HTML Living Standard」は聞いたこ...
続きを読む
ウェブデザイナーがWordPressでブログを始めたほうが良い理由
ブログ運営は文章力や集客方法など、ウェブデザインと密接な関係があるライティングやマーケティングを学ぶ...
続きを読む
CSSが更新されないときの対処法
CSSファイルをアップロードしたのにキャッシュが残っていてCSSが正しく反映できないときの解決方法で...
続きを読む
ウェブライティングの基礎を学ぼう
原稿の添削や新規文章の作成など、ウェブデザイナーにはライティングが求められるシーンが多々あります。ク...
続きを読む
【CSS】意図しない横スクロールバーが出てしまったときの原因を特定する方法
コーディングをしていて意図しない横スクロールバーが表示されてしまったときの対処方法です。原因を追及す...
続きを読む
Google Fontsからフォントをインストールしよう
Googleフォントを使えば好きなフォントを自由にインストールでき、さらにウェブフォントとしても利用...