完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
14日間ダノンビオモニター記事 - 一般ユーザー編 ｜ ダノンビオ｜ ダノンジャパン
知っていましたか？ 善玉菌は、 毎日出ていくことを。 だからこそ、 ダノンビオで補いましょう。 ダノン史上最強レベル*の生存率 BE80菌を中心に厳選した 5種の菌を独自にブレンド。 簡単に、自然に、効率的に、 あなたの腸活をサポート。 ※当社比。BE80菌に係る30年の研究において、 生きて腸に届く確率が最高レベルのビフィズス菌の1つ。
HTML5に踏み出せない人に捧げる、HTML5を使う10の理由
HTML5、使ってますか？ このサイトも未なのですが、これからHTML5を使い始めるぞっとなる10の理由を紹介します。 Top 10 Reasons to Use HTML5 Right Now [ad#ad-2] 下記は各ポイントを意訳したものです。 10. アクセシビリティ 9. ビデオとオーディオのサポート 8. Doctype 7. よりクリアなコード 6. ストレージ 5. インタラクション 4. ゲームの開発 3. 古いブラウザのサポート 2. スマートフォンへの対応 1. これからはHTML5 10. アクセシビリティ HTML5は「セマンティック」「ARIA」の2つの理由でサイトをアクセシブルにします。header, footer, nav, section, adiseなどのような要素はスクリーンリーダーにもコンテンツに容易にアクセス可能なようにします。また要素にrole
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
旧世代のコーダーがHTML5に触れ始めて戸惑ったこと - sakotsu inspire blog
こんにちは。元コーダーのsakotsuです。 前回に引き続き、スマートフォン向けのサイトについて学び始めたのでその雑感などを備忘録として書いていきたいと思います。 時間が無い人向けに結論を先に書いておくと、 「誰だよHTML5でWebの世界が激変するって言ってたやつは、、」です。 僕の勉強不足で生意気言っていたらすみません！ でも、「HTML5万歳！夢の技術万歳！」なエントリーが並ぶ中でこういう意見もあっていいんじゃないかと思って書かせて頂きます。 宜しくお願い致します。 HTML5って何ですか 僕が数年前にコーダーとして働いていた頃は、HTML4/XHTMLの時代でした。 それから今に至り「HTML5がWebの世界が激変させる！」という記事を見かけるようになりました。 会社を辞めてからコーディングに興味を無くしFlasherとしてやっていた僕は、今更になって「いったい何が始まるんです？＞
Ultimate HTML5 Cheatsheat [Infographic] | Tech King
For this week’s infograpic we decided to create something you can utilize in your day-to-day web design and development tasks. We are very pleased to present to you The Ultimate HTML5 Cheatsheet. We hope you enjoy it and find it useful. Like it? Add this infographic to your blog or share it with friends! 600 pixels wide version <a href="http://www.testking.com/techking/infographics/ultimate-html5-
HTML5 VideoタグとFLVの埋め込み覚書 | tuglog!
これは将来的には解決されそうな問題ですが、現時点で各ブラウザがサポートしているコーデックは統一されていません。（2010.10.19現在）GoogleがHTML5のオープンなコーデック規格としてWebMを発表していますが、Appleがサポートしない方針を示しており、まだまだ共通したコーデックが使用できる状況ではないようです。 WebM以外で対応しているコーデックの対応表はこちら。 このコーデック問題で、HTML5でコーディングしても対応コーデック分の動画を用意することになり、せっかくのVideoタグも有効に活用できません。 そのため、PCブラウザ側は従来道理FLVで再生、iPad、iPhone再生の場合にFLVの代替えとしてVideoタグでの埋め込みというやり方に変更することにしました。 具体的には次のとおり。 まずSWFObject.jsを使用しFlashを埋め込みます。 SWFObje
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今年(2011年)参考になったWeb制作者向けのスライドのまとめ - かちびと. net
http://designaholic.cc/2011/03/html535web.html
日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら