HTML

JSFiddleは、ブラウザだけでHTML・CSS・JavaScriptを書いて、その場で動かせるオンラインのエディタです。画面の見方と動かし方、ライブラリの読み込み、保存と共有、保存したコードは公開される注意と、手元で試す方法との使い分けを紹介します。

HTTPにはPUT・PATCH・DELETEもあるのに、実際にはGETとPOSTばかり使われる理由をまとめました。HTMLのフォームの制約とLaravelの@method、古いプロキシの制限、PUTとPATCHの違い、POSTに統一する設計と、冪等性について紹介します。

Web制作の練習でよく聞く模写コーディングとデザインカンプについて、これから取り組むために調べたことをまとめました。カンプから練習する順番、余白や画像、フォントで気をつけること、模写したものを公開しない理由を紹介します。

HTMLのformタグのaction属性は、入力された内容の送り先を決める属性です。送信先URLの書き方、省略したときの動き、methodやボタンのformactionとの関係、WordPressの検索フォームの例を紹介します。

HTMLのiframeで、GoogleマップやYouTubeなど別のページを埋め込む方法をまとめました。埋め込み用のコードの取り方、titleやloadingなどの属性、スマホではみ出さないCSS、埋め込めないときの理由と、WordPressでの埋め込み方を紹介します。

HTMLのaudioタグとvideoタグで、音声や動画をページに埋め込む方法をまとめました。controlsやautoplay、mutedなどの属性、自動再生の条件、sourceでの形式の指定と字幕、WordPressでの埋め込み方を紹介します。

HTMLのhrタグとbrタグの使い分けをまとめました。hrは段落の間の話題の切れ目、brは段落の中の改行を表します。余白や飾り線に使わない理由と、WordPressでの入れ方（Shift＋Enter、区切りブロック）を紹介します。

普段はあまり使わないけれど、知っていると便利なHTMLのタグをまとめました。開閉できるdetails、入力候補のdatalist、進み具合と量を表すprogressとmeter、ふりがなのruby、引用のblockquoteの使い方と注意点を紹介します。

HTMLでページを区切るタグの使い分けをまとめました。header・nav・main・aside・footerでページ全体を、articleとsectionで本文の中を区切る方法と、2カラムの例、divとの違い、迷ったときの選び方、WordPressでの使い方を紹介します。

HTMLのフォームの書き方をまとめました。formのactionとmethod、labelでの紐付け、ラジオボタン・チェックボックス・セレクトボックス・テキストエリア、requiredやautocompleteなどの属性と、送信する前に知っておきたい注意点を紹介します。