【初心者向け】HTML・CSSの基本を覚えるのにおすすめの入門書はどれ？
- 更新日：
HTMLやCSSを習得しようと思っても、どこから始めればいいか迷ってしまいませんか？ 独学でも覚えることができますが、「どうやって学ぶのか？」はやはり重要です。 そこでおすすめなのが、体系的な知識が詰まっている本（入門書 […]
「HTML」の記事一覧
デベロッパーツールでHTML・CSSをリアルタイム編集する方法【Chrome】
- 更新日：
Google Chromのデベロッパーツールを使えば、HTML・CSSをその場で編集できます。 リアルタイムで編集できるので、変更点をすぐ確認したいときに便利です。 この記事では、デベロッパーツールでHTML・CSSをリ […]
LottieFilesでフリーのアニメーション素材をダウンロードする方法
- 更新日：
ウェブサイトには、Lottieというアニメーションを埋め込むことができます。 サイズが小さくクオリティが高いので、次世代フォーマットとして期待されているファイルです。 そんなLottieファイルを、なんと無料で配布してい […]
WordPressで診断コンテンツを作成する方法【HTML・CSS・jQuery】
- 更新日：
商品やサービスを比較してもらうときに、診断コンテンツって便利ですよね。 質問に答えてもらうことで、より目的にあわせたサービスを紹介できます。 ただ、診断コンテンツ用のプラグインってあまり見かけません。 どうやって実装すれ […]
WordPressの</body>直前にソースコードを挿入する方法【functions.php】
- 更新日：
WordPressを使っていて、</body>直前にソースコードを挿入したいときってありませんか？ JavaScriptタグ・アクセス解析の導入時に、よくコードを入力する場所だと思います。 テーマが対応してい […]
HTMLの定義リストとは？WordPressで「dl・dt・dd」を使う方法
- 更新日：
HTMLには、いろんなリストがあります。 よく見かけるのは、「ul（順不同リスト）」「ol（順序リスト）」の2つです。 そのほかに「dl（定義リスト）」というものも覚えておくと、表現の幅がさらに広がりますよ。 ここでは、 […]
WordPressのhead内にソースコードを挿入する方法【functions.php】
- 更新日：
WordPressを使っていると、head内に埋め込みコードを挿入したくなることってありますよね。 代表的なのは、やはりGoogleアナリティクスでしょう。 ほかにも、ヒートマップなどの解析ツールはhead内に埋め込むこ […]
ソースコード・テキストの差分を比較できるフリーソフト【WinMerge】
- 更新日：
ソースコードを編集していて、差分を比較したくなることってありませんか？ どこでどのくらい変更があったのかすぐにチェックできると、作業もはかどりますよね。 僕が差分チェックに使っているのは、「WinMerge（ウィンマージ […]
【HTML】pタグとbrタグの違いとは？一覧表でわかりやすく比較してみた！
- 更新日：
HTMLのpタグとbrタグ、この2つの違いって知ってますか？ どっちを使えばいいか、迷ってしまうこともありますよね。 この記事では、pとbrの違いをわかりやすい一覧表でまとめました！ なので、それぞれの役割をひと目で比較 […]
HTMLのリストとは？WordPressで「ul・ol・li」を使い分ける方法
- 更新日：
WordPressでリストを作りたいときには、「ul・ol・li」というHTMLタグを使います。 これらのタグには役割があるので、きちんと使い分けることが大事です。 では、どうやってリストを作っていけばいいのか？ この記 […]
ブログ記事の見出しを書く順番のルールとは？【h1～h6タグの書き方】
- 更新日：
ブログの記事を書くとき、h1～h6の見出しタグをよく目にすると思います。 これって、書く順番のルールが決まっているって知っていましたか？ ルールに沿って書くことで、HTMLの構造に合わせて記事を書くことができます。 そこ […]
【AddQuicktag】タグの非表示・拡張コード・エクスポートの使い方
- 更新日：
以前、ワードプレスでクイックタグを使える「AddQuicktag」というプラグインを紹介しました。 前回の記事ではさらっとお伝えしていました、ほかにも便利な機能がたくさんあります。 そこで、この記事でさらに掘り下げて「A […]