HTML

便利ツール・サービス

【コピペで簡単!】HTMLとCSSで作る!タブの切り替えBOX(ドロップダウンメニュー)

先日、FrankuL-フランクル-が受注した案件で、アイテムごとにおすすめ商品を表示したい!というご依頼があり、タブの切り替えBOX(ドロップダウンメニュー)を使用しました。 タブを切り替えて、表示させることでスッキリとしたページになります...
便利ツール・サービス

【コピペで簡単便利!】HTMLとCSSで作るリストまとめ

コピペで簡単に使えるリスト表示の作り方をまとめました。Webサイトを見やすくまとめてくれるリスト表示。 使い方次第で、かっこよくも可愛くも、シンプルにもできます!
便利ツール・サービス

【コピペでOK!】HTML と CSS でレスポンシブ対応のテーブルデザイン(表)を作ってみよう!!

Webサイトでよく見かける、テーブルデザイン。住所録や金額表など、多くの場面で見やすくわかりやすくしてくれる味方です! シンプルなテーブルデザインを基本的な使い方と一緒にコピペで使えるようにまとめました。テーブルデザインに困ったらチェックしてください!
便利ツール・サービス

【Web制作はじめの一歩】プログラミングで見かける記号・マークの読み方

Web制作の学習をスタートして、ソースファイルにHTMLのタグやCSSのプロパティを書き始めると、びっくりマークや、はてなマークなど、結構記号が多いですよね。でも、プログラミングのレッスンやレビューで、その記号・マークの読み方・呼び方が分からないことってありませんか?よく使われる記号・マークの読み方を一覧でご紹介します!
便利ツール・サービス

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

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

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

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

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

WebクリエイターのManaさんの本、「1冊ですべて身につくHTML&CSSとWebデザイン入門講座」(以下、教本)を実際に使って学習した感想を書いていきたいと思います。
便利ツール・サービス

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

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

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

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

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

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