タグ

Web制作とHTML5に関するtjun1のブックマーク (5)

  • HTML のタグを一度覚えたら一生忘れないようにするためのコツ | TM Life

    IT の世界は, よく省略名が使われます. そもそも IT ってのが Information Tecnorogy の略ですしねw HTML(HyperText Markup Language) も例外ではありません. HTML で使われるタグは, ほぼ省略形で記述します. 例えばテーブル. テーブル系の要素は tr, th, td ってのがありますね. これらの要素を単純にそのまま覚えてしまうとふとコーディングをするときに最初に書くのって tr だっけ? td だっけ?? 中に書くのは th だっけ? tr だっけ?? なんてことになります. HTML 学びたてのかたは経験したことがあるのではないでしょうか? そこで今回は, HTML のタグを一度覚えたら一生忘れないようにするためのコツを紹介します. 紹介するコツをマスターすればそんなことは一切なくなります. コツといってもやりかたは簡単

    HTML のタグを一度覚えたら一生忘れないようにするためのコツ | TM Life
  • ドラッグ&ドロップでファイルをアップできるHTML5のデモ:phpspot開発日誌

    Creating a Complete HTML5 Drag and Drop File Uploader with jQuery | InsertHTML ドラッグ&ドロップでファイルをアップできるHTML5のデモ。 デスクトップなどからファイルをブラウザにドロップしてサムネイルを表示→ボタンを押下でアップロード実施というインタフェースのアップローダ実装デモです。 ソースをDLしてそのまま使うことも可能です。 ドロップするとサムネイルと共にボタンが表示されます。 ボタンを押すとファイルがアップロードされます。 使い慣れるといちいちダイアログからファイルを選ぶのが馬鹿らしくなりますね。 サンプルにはPHPスクリプトもおまけでついてきますが、値をValidateしていなかったりするため、実際に利用するには注意が必要そうです。 関連エントリ これは必見のWEBデザインの近未来。HTML5で構築

  • 50代でも分かったHTML5の基礎知識

    おとそ気分で社内を暇そうにウロウロしていたら「HTML5の常識、わかっていますよね」と怖い怖い一回り年下の編集長から叱られてしまいました。この後、HTML5関係の仕事がくることは間違いがありません。 しかし、ワタクシは50代。困ったことに、この編集長の「わかる」とワタクシの「わかる」とは程度が違います。これは困りました。正月早々、首筋がすーっと寒くなってしまったので、優しいけど仕事に関しては編集長よりも厳しい二回り年下のデスク相談。 「HTML 4と比較しながらHTML5の違いをまとめて記事にするところから、始めてみてはどうですか」と先手必勝のようなお題を与えてくれました。どこまでこのお題をこなせるのか。65歳定年になれば、あたりまえの日企業の縮図のなかで、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。 DOCTYPE宣言が超簡単に DOCTYPE宣言が超簡単になったのは

    50代でも分かったHTML5の基礎知識
  • HTML5 タグ★チートシート - @IT

    チートシートとは、いわゆる「カンペ(=カンニング・ペーパー)」のことだ。 実際のプログラミングでは、各プログラミング言語の基礎文法から、クラス名やメソッド名まで、覚えることがたくさんある。しかし、たまにしか使わないので、すぐに忘れてしまう。知っているはずなのに、いま思い出せない……。そんなときに、コッソリと見るのが「カンペ(=チートシート)」である。 忘れがちな基礎文法を覚えるまで、もしくは、多すぎるメソッド/プロパティを一覧表から素早く見つけるため。そんな目的・場面で、「.NET開発者中心 チートシート」が提供するチートシート(PDF版/画像版/Deep Zoom版)をご活用いただきたい。 印刷して机の前に貼るなら、「PDF版」がお勧め。ローカル・ディスク上に保存しておき、随時参照する場合は「画像版」お勧めだ(どちらもページからダウンロード可能)。 また、ネット上で手早く参照するなら、

  • Re:犯してはいけないHTMLタグの過ち10個

    Re:犯してはいけないHTMLタグの過ち10個 ネタ元:犯してはいけないHTMLタグの過ち10個 基的には良い記事なんだけども、原文が2年近く前の物でXHTMLを前提に書かれているので少しだけ内容が古いかなと思ったりします。 1. インライン要素の中にブロック要素を入れない <a href="#"><h2>これは間違いです</h2></a> aタグのようなインライン要素の中にhタグのようなブロック要素を入れてはいけません、となってるけどこれはHTML5的にはこれはあり。 a要素は基的にフロー・コンテンツが記述できる場所に記述できます。ただ、他のほとんどのインライン要素はフレージング・コンテンツしか内包できないのでNG。 <span><h2>これは間違いです</h2></span> HTML5だとコンテンツモデルの概念が変わっているので要注意。 参考:コンテンツ・モデル - HTML5タ

    Re:犯してはいけないHTMLタグの過ち10個
  • 1