HTML5/CSS3の情報をクリップ！ :: dotHTML5
新刊 書籍：これからのJavaScriptの教科書 - モダンJavaScriptを基礎から実用レベルまで (アマゾン) / グーグルがrobots.txtでサポートするフィールドは4つだけ、それ以外は無視 (海外SEO情報ブログ) / UIデザインにアクセントを加える37の簡単なテクニック、完全版 (PhotoshopVIP) / マッチングアプリ個人開発したら逮捕されかけた話 (しょーへー | Zenn) / グーグル、Web Vitals拡張機能を廃止へ - DevToolsへの移行を (窓の杜) / JavaScriptランタイムのBun、C言語のコンパイルとJavaScriptプログラムからの実行をサポート (Publickey) / 任意の画像内から被写体を自動検出し、背後にテキストを挿入できる「Text Behind Image」 (かちびと) ... 続きを読む 新刊 書籍
HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！
動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました！（わーい！） 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します！ あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集！ 説明不要！ 気になったコードは是非のぞいてみてください！
HTML5 Advent Calendar 2012 - Adventar
誰か作っているかと思ったら、意外となかったらしいので作りました。 HTML5やJavaScript APIに関する話題であれば、Web標準からかけ離れた話題でなければ、なんでもOKです！
ちょっとこの辺でHTML5のタグを全部確認してみようぜ！！
HTML5のタグは108つある って話は以前このブログでしましたねー。なんの偶然か、108っていう数字には厨二心をくすぐられますｗ 何か意味があるような気がしてなりませんね★ HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― 現在HTML5は最終草案の状態です。この108と言う美しい数字を崩す可能性のある要素として、以前から仕様から外れるかもしれないという話のあったhgroup、Editor’s Draftから追加される可能性のあったdialogやdata、そして新しく追加しようという話の持ち上がったpictureやmainなどがあります。 ただとりあえずHTML5.0のうちは変化することは多分無さそうです。この辺のことはこのAdvent Calendarの初日の記事、覚え書き＠kazuhi.to: 巷（何処）で話題のmain
a 要素 - テキストレベルの意味づけ - HTML要素 - HTML5 タグリファレンス - HTML5.JP
4.5.1 a 要素 カテゴリー: フロー・コンテント フレージング・コンテント インタラクティブ・コンテント パルパブル・コンテント この要素を使うことができるコンテキスト: フレージング・コンテントが期待される場所 コンテントモデル: トランスペアレント。ただし、子孫にインタラクティブ・コンテントを入れてはいけません。 コンテント属性: グローバル属性 href - ハイパーリンクのアドレス target - ハイパーリンクのナビゲーションとフォーム・サブミッションのデフォルトのブラウジングコンテキスト download - リソースをナビゲーションではなくダウンロードするかどうか、そして、そうなら、そのファイルの名前 rel - ハイパーリンクを含んでいるドキュメントとその先のリソースとの間の関係性 hreflang - リンク先のリソースの言語 type - 参照されたリソースの種
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
スマートフォンにおけるHTML5対応状況 (2) input typeについて - 30分で学ぶ「mixiアプリ for touch」（スマートフォン版mixiアプリ）の作り方
今回はマニアックにinputタグについて掘り下げようかと。 html5からinputタグのtype属性が大量に追加されています。 今までは type="checkbox" type="radio" type="image" type="text" type="password" なんかを使っていたと思いますが、html5では type="tel" type="url" type="number" など、内容に合わせた専用のtype属性が用意されています。 これで id="tel" とか id="url" なんて指定がいりません。 ただ、当然ブラウザごとに対応状況が違います。 せっかくのスマートフォンブログなので、iPhoneとXperiaでの対応状況を調べてみました。 iPhone（iOS） Android（Xperia） 対応 可否 入力モード 対応 可否 入力モード type="che
Hype
Animate in a Snap Tumult Hype’s keyframe-based animation system brings your content to life. Click “Record” and Tumult Hype watches your every move, automatically creating keyframes as needed. Or, if you’d prefer to be more hands-on, manually add, remove, and re-arrange keyframes to fine-tune your content. It is easy to create natural curves by clicking and dragging on an element's motion path to
TEDxPortland
Cities are built and rebuilt, and Portland is in transition once again. With leadership, intention, and purpose we drive progress by uniting our diverse perspectives. The magic of our culture and community is realized through the amalgam of creativity, technology, and innovation. Year 12 is inspired by the unlimited potential and endless possibilities revealed through the alchemy of ideas. Twelve
【HTML5】HTML5で追加されたformの新要素をいろいろなブラウザで試してみた : アシアルブログ
こんにちは、橋本です。 最近巷ではHTML5が盛り上がりを見せている気がします。 「世界的ですもんね。乗るしかない、このビックウエーブに！」 とはいえ、HTML5のすべてに触れると膨大な量になってしまうので、今日はHTML5の中でも、多くの変更が行われた、form要素について、実際に新しく追加された機能を使っていってみたいと思います。 まずは以下を参考に、どのような修正が加えられたか見てみましょう。 W3C - HTML 5 differences from HTML 4 日本語訳 formに関する変更はこのあたりでしょうか。 以下に列挙してみます。 ・inputタグに以下のtype要素が追加。 tel search url email datetime date month week time datetime-local number range color ・以下の属性が追加 inp
HTML5で進化したフォーム機能 ここが違う！サンプルで見るHTML5（5）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
【特集】詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 (2) HTML 5マークアップについての簡易リファレンス | エンタープライズ | マイコミジャーナル
HTML 5で新規導入された要素 現在の仕様において、完全に新しく導入された要素は以下の通りだ。 article … 「記事」を表すセクション要素 aside … 補助的な情報を表すセクション要素 footer … セクションのフッタ header … セクションのヘッダ hgroup … 見出し要素(h1 - h6) をまとめるための要素 nav … ナビゲーションリンクを表すセクション要素 section … 汎用的なセクション要素 figure … キャプション付きのフロー要素。図表等の埋め込みが主な用途。 source … video/audio内で使用され、リソースのURLやMIMEタイプの指定を行う video … 動画埋め込みに使用する要素 audio … 音声埋め込みに使用する要素 canvas … JavaScriptで操作可能なグラフィック要素 output … 出力
CSS Nite 4周年記念イベント（Vol.40 reprise）に出演させていただきました。
tacamyです。 11月10日（火）にCSS Nite 4周年記念イベントにて、 『HTML5のメリットを活かしたコンテンツアイデア』という セッションでお話しさせていただきました。 ああいった場所で話をするのは初めてのことだったので、 至らない部分も多々あったかと思いますが、 ご参加いただいた皆様や、ご協力いただいた関係者の方々に感謝しています。 遅くなってしまい申し訳ありませんが、こちらのエントリーにて、 当日の資料の配布や補足事項について掲載させていただきます。 スライド イケメンホイホイiPhone版のデモ イケメンホイホイのiPhone版を、 HTML5の新機能を使って実装しています。 動画の解説 好みのイケメンをGETする イケメンビューア（canvasで作成）にGETしたイケメンが追加される イケメンビューアをホーム画面に追加して、アイコンを作成 アイコンからビューアを起動
HTML5に関わらないと日本企業は世界から遅れる (1/2) - ＠IT
HTML5が拓く新しいWeb（5. W3C編） HTML5に関わらないと 日本企業は世界から遅れる 新野淳一 Publickey 2010/4/6 HTML5について日本語で議論する「HTML5 JAIG」メンバーに、そもそもHTML5の仕様はどのように決められているのかを聞いた 日本語でHTML5についての議論を行うW3Cのグループ HTML5の仕様は現在、W3C（World Wide Web Consortium）のHTML Working Group（以下、HTML WG）を中心に策定が進められています。HTML WGのHTML5に関する議論は、メーリングリストに入ることで誰でも参加可能ですが、英語でのコミュニケーションであり、また仕様策定に関する内容が中心であることなどから、日本人で参加している人はそれほど多くありません。 そこで、日本語でHTML5についての議論を行うことを目的に
アドビ、HTML5やCSS3への対応を強化へ--新設ブログで示す
Adobe Systemsが「Flash」テクノロジの開発と推進に多大な労力を注いでいるのは確かだ。そして、多くの新しい「Open Web」テクノロジがFlashにとって、競争上の脅威になっているのも事実だ。 しかし、だからといって、AdobeがHTML5やCSS3に関心がないわけではない。結局のところ、Adobeはウェブサイト開発向けに「DreamWeaver」製品を提供しているのだ。HTML5はウェブページの記述に使われるハイパーテキストマークアップ言語（HTML）の最新版で、CSS3はウェブページのフォーマットを指定するカスケーディングスタイルシート（CSS）の最新版。いずれも、Open Webプロジェクトの最も重要な要素である。 しかし、AdobeがOpen Webの取り組みに対し、これまでよりも大きな関心を抱いていることを示す兆候がある。Adobeは先週、エンジニアリング担当シニ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
Mr.doob
IDEA * IDEA
HTML5, きちんと。
