Web技術関連

CSS関連

JavaScript

XML関連

HTML5

  • http://thecodeplayer.com/
    • コードを書いている所とその結果表示を同時にアニメーションさせながら見せてくれるサイト
  • HTML5はなぜ重要なのか? 2012.7.21
    • 「スマートデバイス」の時代の覇権を、アップルやグーグルといった限られた企業が、そのOSによって握ることのインパクトは大きい。こうした状況の中で、固有のプラットフォームを持てない企業はどうすべきなのか? 列強の支配下にない唯一のアプリの動作環境が、「HTML5」なのだと言ってよい。
    • HTMLはWebを記述するためのマークアップ言語だが、HTML5になると、できることに大きな違いが生じてくる。たとえば、HTML5アプリとして書かれたEvernoteやローカル版Gmailでは、通常のWeb版のようにアクセス時にデータの読み込みで待たされることがない。HTML4.01まででは、端末側にはクッキーやURLに文字列を付け足すような小技しか使えなかったが、HTML5では端末側にデータベースを持てるからだ。
    • ひとことでいえば、HTML5(とJavaScriptなどの組み合わせ)で、iPhoneやAndroidのアプリでできることはたいていできるようになる。
  • HTML5--押さえておくべき10のタグ 2012.6.9
    • #1:<video>タグと<audio>タグ
    • #2:<input>タグのtype属性
    • #3:<canvas>タグ
    • #4:<header>タグと<footer>タグ
    • #5:<article>タグと<section>タグ
    • #6:<output>タグ
    • #7:<details>タグ
    • #8:<figure>タグと<figcaption>タグ
    • #9:<progress>タグと<meter>タグ
    • #10:<datalist>タグ
  • Flash vs. HTML5という構図がはっきり見え始めたぞ、と 2009.10.6
    • しかし、ここに来て一挙に注目を浴びているのがHTML5。GoogleがChromiumにWebKitを採用した事、WebKitがスマートフォンのデファクト・スタンダードになりつつあること、Microsoftがブラウザーの技術で他社に大きく遅れをとっていることなどが理由で、スタンダードを決める上でのWebKitの影響力がいつの間にか大きくなり、それがHTML5という形で目に見えるようになって来たのが今年の話だ。
    • HTML5にはさまざまな機能が含まれているが、「対Flash」という観点から言って意味があるのが、videoタグ、canvasタグ、CSSアニメーション、そしてSVG。これらの機能が入ったブラウザーが十分にかつ正しい形で普及してくればFlashは不要になる。

HTML

  • 携帯サイト(html)の制作に入る前に確認しておきたいチェック項目 2009.10.31
    • tableの使用はOKか
    • 背景色を複数色使っていないか
    • 枠線を使っていないか
    • サムネイル画像の横にテキストが来るパターン
    • リストアイコンの下に文字が回り込んでくるかどうか
    • ページの左右に微妙な余白が空いていないか
    • フォントサイズは2段階ないし1段階か
    • 太字を使っていないか
  • 右クリックできなくする
    <body oncontextmenu="return false">
    </body>
  • IE6ではDOCTYPEの前にxml宣言(もしくはコメントなど)があると強制的に互換モードになる。よってxml宣言は(lintには書けと言われるが)書かないほうが良い。
  • 無料SEO ただより高いものはなし 2006.12.2
    • この無料SEOサービスは、無料につられてやってきた多数のサイトに、有料顧客サイトへの隠しリンクを張らせるというサービスなのだ。
    • 隠しリンクは、Googleのペナルティ対象である。もし見つければ、隠しリンクを張ったサイトは悪質とみなされ、ランクを下げられるかインデックスから削除される。無料だからと気軽に乗ると、検索結果上位どころか、インデックスから消えて無くなるかもしれないのだ。ただより高いものは無い

ブロックレベル要素

  • h1〜h6
  • p
  • ul
  • dl
  • blockquote
  • address
  • div

インライン要素

  • a
  • img
  • em
  • strong
  • br
  • span

HTMLによるデザイン

  • WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード 2009.3.28
    • 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力
    • 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質
    • 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒
    • 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟
    • 紫 高貴 優雅 神秘的 厳粛 神聖 ゴージャス 個性的 不安 嫉妬 不健康 不満
    • 橙 親しみ 健康的 開放的 食欲増進 フレッシュ 気軽 安っぽい 混雑 攻撃 わがまま
    • 桃 女性的 ロマンチック 優しい 幸福 かわいい エレガント 幼稚 甘え 媚 非現実
    • 茶 落ち着いた 穏やか 古風 慎重 丈夫 地味 堅実 けちの色と言われている
    • 黒 フォーマル 格調高い 洗練された 高級 重厚感 不吉 暗い 悪 絶望 劣等感 負け
    • 白 すっきり クリア 清涼 上品 高貴 すがすがしい 厳しい 空虚 孤独 冷たい 別れ
  • デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2019-11-05 (火) 21:09:27 (530d)