意味づけされたマークアップをすることは、
将来性の高いコーディングスキルを身につけると同様の価値があると思うのです。
それが、アマチュアとプロとの違いでもあると思うのです。
そんな前置きはさておき、タグ名を覚えるコツは、そのタグ名が何の略なのかを理解することかと。
| 要素タグ名 | 何の略か | 意味 |
|---|---|---|
| h1～h6 | headline1～headline6 | 見出し |
| 要素タグ名 | 何の略か | 意味 |
|---|---|---|
| div | division | 分割 |
| span | span | 短い期間（？） |
| p | paragraph | 段落 |
| a | anchor | 錨（いかり）！？ |
| img | image | 画像 |
| object | object | オブジェクト |
| 要素タグ名 | 何の略か | 意味 |
|---|---|---|
| ul | unorder list | 番号なしリスト |
| ol | order list | 番号付きリスト |
| li | list | リスト |
| dl | definition list | 定義リスト |
| dt | definition term | 定義する用語 |
| dd | definition description | 定義する用語の説明 |
| 要素タグ名 | 何の略か | 意味 |
|---|---|---|
| table | table | テーブル |
| thead | table header | テーブル内ヘッダー |
| tbody | table body | テーブル内コンテンツ |
| tfoot | table footer | テーブル内のフッター |
| tr | table row | 行 |
| th | table head cell | セル（見出し用） |
| td | table data | テーブルデータ |
他にもたくさんのタグがあるが、まずはここから使い分けを意識してマークアップするようになると、内容の濃いページつくりができるようになります。
Gulp。いつもは正常に動いている環境をそのままコピーして再利用するようにしている。そうすることで、案件ごとに毎回環境作りをする手間を省くことができ、何よりG・・・
書籍「LEAN UX リーン思考によるユーザエクスペリエンス・デザイン」から抜粋。 「前提の宣言」「MVPの作成」「実験の実行」「フィードバックとリサー・・・
LEAN UX は、コラボレーションと部門/領域横断的な手法によって、製品の本質を素早く明らかにするための実践的手法であり、これによって文書への過度な依存を減・・・
オブジェクト指向 クラス定義 JavaScriptは厳密にはクラスがない、プロトタイプベースのオブジェクト指向言語。ES6でclass構文が導入さ・・・
書籍「メンテナブルJavaScript」と Google JavaScript Style Guide 和訳 を参考に自分なりのJavaScriptスタイルガ・・・
この記事では「管理画面で投稿やカスタム投稿の公開ステータスを更新したときに何かしらの処理をする」方法の備忘録です。 functions.php を修正し・・・
Google Fonts はとても便利だが、適用するまでの遅延が気になったので、同様の効果をローカルにあるフォントを利用して実現させる。 事前に用意する・・・
WOFFコンバータ ダウンロードhttps://opentype.jp/woffconv.htm 以下、リンク先の「概要」を抜粋。 フォント・・・
JSON.parse() 配列とオブジェクトのリテラル記法を組み合わせた文字列をデータとして取り扱えるようにする。 // JSONデータ let ・・・
真の場合。偽の場合は、!== を使う。 プリミティブ値の判定 文字列の判定 if (typeof a === 'string') {} ・・・
めっちゃ参考になるページを見つけた。 絞り込みをするたびに色々ググっていたが、これがあればほとんどのことが解決できそうな気がする。 参考： これは便利！Word・・・
まずはサンプル。 これは、overflowをautoにした要素のスクロール位置を変更するサンプルです。 これは、overflowをautoにした要素のスクロ・・・
http://localhost:8888/ での参照ではなく、http://localhost/ で参照できるようにします。 MAMPの設定を変更する M・・・
iframeで呼び出した際、iframe自体はスクロールさせずに高さを取得してiframe全体を表示させます。 サンプル：iframeの高さを自動調整するデモ・・・
【2020年07月13日】 macOS Catalina（10.15.5） / Adobe iLLustrator 2020（24.2.1） にて動作確認済・・・
<?php $args = array( 'paged' => 1, 'posts_per_page' => 20, 'post・・・
前回、「入力フォームを自由にカスタマイズできる「Advanced Custom Fields」」で基本的なフィールド名を出力方法を紹介したが、今度は条件分岐に関・・・
WordPressの管理画面。「投稿」や「固定ページ」の一覧は、公開日順に並んでいる。ところが、カスタム投稿を追加した場合、公開順ではなく名前順に並んでいること・・・
やりたいこと カテゴリー一覧ページで、そのカテゴリー一覧ページに属する記事一覧を取得するためにループさせるのとは別に、タイトルやカテゴリー別にデザインを変・・・
ポイントを使ったり、増やしたりしたときに、結果のポイント数に差し替えるのではなくて、カウントアップしたり、カウントダウンして動的に動かそうと思って作ってみた。・・・