完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
HTML5Experts.jp
進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江 修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。 イベントに参加できなかった...
HTML5構造化によるセマンティックWebがSEOに与える影響
1. 株式会社アラタナ HTML5 構造化によるセマンティック Web が SEO に与える影響 品質管理チーム：高見 〒 880-0811 宮崎県宮崎市錦町 1-10 宮崎グリーンスフィア壱番館 ５階 ©aratana Inc. TEL:0985-23-3362( 代表 ) FAX:0985-22-8580 2. 自己紹介 高見 和也 （ Takami Kazuya ） 株式会社アラタナ サービス開発部：品質管理チーム所属（フロントエンジニアです） Twitter@miiitaka Facebook@miiitaka オフィシャルサイト構築 SEO コンサルティング パッケージソフトの品質管理 PHP / WordPress / JavaScript Web マーケティング / HTML5 2 3. セマンティック Web ？ セマンティック（ Semantic ）＝意味の セマンティッ
HTML5de
HTML5でのマークアップ より正確なマークアップとは何か きままに! 雑記 目次 正しいHTMLとは 妥当なHTMLと正しいHTML HTMLにも限界がある 具体的なマークアップ方法の提案 見出しと定義リスト 更新リスト 会話文 補足・註釈・脚註 順不同リストと参照 画像 フレージングコンテンツ 最後に 正しいHTMLとは 妥当なHTMLと正しいHTML 妥当なHTMLとは文法的に正しいHTMLのことです。具体的には、 タグの閉じ忘れがない 要素に含まれるのコンテンツモデルが正しい 入れ子構造を間違えていない などを満たしていることです。 一方、正しいHTMLとは文法的に正しいだけではなく、要素の内容が定義に即しているものです。例えば次のようなコードは文法的には正しいのですが、本来の段落を明示する用法から懸け離れています。正しくは註1リストで明示するべきでしょう。 註1: 即ち、文法的に
はじめてのHTML5 第2回『HTML5のさらに詳しいCSSリセット方法』 | HTML5でサイトをつくろう
リセットCSSとは 各ブラウザ(IE・FireFox・safariなど)は、タグ毎にデフォルトスタイルをそれぞれ独自にもっており、それらをリセットするスタイルシートのことを『リセットCSS』と呼んでいます。 ブラウザ毎のデフォルトスタイルをリセットする理由 例えばデフォルトのまま文字を表示すると、ブラウザ毎に文字サイズが変わってしまいます。そこで、デフォルトのスタイルをすべてリセットするCSSを読み込み解決します。 ※ただし、リセットCSSは必ず必要というわけではありません。今回、詳しい説明などはいたしませんが、ブラウザのデフォルトスタイルを有効に使っていこうという考え方もあります。 HTML5のリセットCSS XHTML1.0でのリセットCSS いままでのXHTML1.0で主に使用しされていた代表的なリセットCSSは、 YUI LibraryのCSS Reset Eric Meyer’s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
