HTML

Web制作ノウハウ

【jQuery】簡単！slickスライダーを使って画像を効果的に魅せよう！

スライダーのjQueryプラグインは数多くありますが、その中でもとっても使いやすく、カスタマイズにも優れている「slick」の使い方をご紹介します！スライダーとは？スライダーとは、複数の写真をスライドショーで魅せる機能です。メインビジュアル...
2022.10.28
Web制作ノウハウ
Web制作ノウハウ

【コピペで作れるボタンデザイン12選】HTMLとCSSでボタンデザインを作ってみよう！

Webサイトやホームページ内でクリックしてほしいところが一目瞭然でわかる、ボタンデザイン。ボタンデザインを用いることでユーザビリティーも格段にアップします！使いやすいボタンデザインを12個厳選してご紹介します。
2022.10.07
Web制作ノウハウ
Web制作ノウハウ

ハンバーガーメニューで目的のリンクに飛ばない！？ときの解決策

ハンバーガーメニューを使用したときにクリックしても目的のメニューに飛ばなかった時にどうやって解決したのか。レスポンシブ 対応でとても便利なハンバーガーメニュー。ハンバーガーメニューを作ったものの、遷移したいところに飛ばない。そんな時の問題点の見つけ方と解決策をまとめました。
2022.07.15
Web制作ノウハウ
Web制作ノウハウ

１冊ですべて身につくHTML＆CSSとWebデザイン入門講座の感想

WebクリエイターのManaさんの本、「１冊ですべて身につくHTML＆CSSとWebデザイン入門講座」（以下、教本）を実際に使って学習した感想を書いていきたいと思います。
2022.03.30
Web制作ノウハウ
Web制作ノウハウ

HTMLだけでボックスデザイン(囲み枠)を作ってみよう！

CSSを使わずに、HTMLだけでボックスデザイン(囲み枠)を作る方法をご紹介します。どこに注目していいのかわからない！要点をまとめたい！そんな時に便利なのが、ボックスデザイン(囲み枠)です。
2022.03.30
Web制作ノウハウ
Web制作ノウハウ

HTMLとCSSで吹き出しデザインを作ってみよう！

今回は、HTMLとCSSで作る吹き出しデザインをご紹介します。吹き出しデザインは、目立たせたいところや、会話文にオススメです。吹き出しデザインの画像をブログやサイトに挿入すると、まとまりがでて、とても見やすくなります！WordPressなら...
2022.03.30
Web制作ノウハウ
Web制作ノウハウ

HTMLとCSSで画像付きのチャット風吹き出しを作ってみよう！

HTMLとCSSで作る吹き出しデザインをご紹介します。画像に合わせて吹き出しを変えてれば、メッセージが伝わりやすくなりますよ！
2022.03.30
Web制作ノウハウ