タグ: Webサイト制作

HTML/CSS初学者がつまづきやすい記述ミスと修正方法

Webサイトを制作中に、なぜかうまく表示されないことはよくありますよね。最初のうちは簡単なミスを見落としがちです。実際によく質問される項目を、拙著「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」にてまとめています。その一部、特にHTML/CSSについて頻繁に聞かれるケースを紹介します。

続きを読む

【プレゼント企画】書籍「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」+マグカップ

私の執筆した書籍「ほんの一手間で劇的に変わるHTML & CSSとWebデザイン実践講座」が発売されました!発売を記念してWebクリエイターボックスのオンラインショップでも人気のマグカップとセットでプレゼントします!をTwitterで手軽に応募できるので、ぜひぜひ参加してくださいね!
続きを読む

Googleフォントをサブセット化してページの読み込みをスムーズに

おしゃれなフォントが気軽に実装できるGoogleフォント。みなさん使っていますかね?登録やダウンロード不要なので便利ですが、日本語フォントはなかなか容量が大きくてページの読み込み速度に影響が出てしまいます。そこで必要なフォントのみを指定できるサブセット化をしてみましょう!
続きを読む

Webクリエイターボックスの【Webサイト制作 動画講座】始まります!

Webクリエイターボックス、ユーチューバーになる…!ということで、YouTube動画を更新していこうかと思います。Youtubeのアカウント自体は2010年からあって、微妙にブログで紹介するときなどに動画をアップしていたんですが、完全に放置していましたね…。そのアカウントを掘り起こして、今後更新をしていこうかと思っています。
続きを読む

CSSファイルを読み込むだけ!クラスなしCSSフレームワークいろいろ

BootstrapでおなじみのCSSフレームワークでは、各要素に決められたクラス名を指定してスタイルを適用していました。ですが最近クラスを指定せず、HTMLを書くだけで整ったスタイルを適用してくれる「クラスなしCSSフレームワーク」が続々と登場しています。headタグ内にCSSファイルを読み込む記述を追加するだけでOK!学習コストもかからずとっても便利です。日本語版のデモも用意したので、どんな表示になるか確認してみてください。
続きを読む

SVG形式のファビコンを設置しよう

つ・い・に!ファビコンもSVG形式が対応されるようになりました!SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません!やったね!少し工夫すればダークモードにも対応できますよ!さっそくみていきましょう!
続きを読む

拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」 の韓国語版が出版されました!

私の書いた書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の韓国語版が発売開始されました!翻訳にはノータッチですし、私自身韓国語はまったく読めないのですが、時々韓国の読者から連絡をもらったりもするのでお知らせします!
続きを読む