第5回 jQueryでアニメーション（解答編） | gihyo.jp
はじめに 前回はjQueryのアニメーション機能について解説し、以下のようなタブのUIをjQueryのアニメーションで切り替えるというお題を出しました。 jQueryアニメーションのお題 - jsdo.it - share JavaScript, HTML5 and CSS 今回このお題をforkしてもらったコードを紹介しながら解説していきます。 模範解答 まずは模範解答として、以下の作品を紹介します。 forked from: jQueryアニメーションのお題 | 第4回 jQueryでアニメーション - jsdo.it - share JavaScript, HTML5 and CSS この作品はページ切り替えの部分を以下のように変更しているだけです。 $currentPage.fadeOut("fast"); $targetPage.slideDown(); 1行目の部分で現在のペー
（文書構造編：後編）HTML5 Outlinerで文書の“アウトライン”を確認する
（文書構造編：後編）HTML5 Outlinerで文書の“アウトライン”を確認する：HTML5“とか”アプリ開発入門（5）（1/2 ページ） 文書の「アウトライン」とは 前回の「HTML5のセクションで“文書構造”を理解する」で説明した「セクション要素」（＜section＞＜article＞＜nav＞＜aside＞）は文書構造を表すために用いられます。セクション要素によって作成されたブロックは、文書の「セクション」と呼ばれます。そして、セクションの入れ子構造によってでき上がった論理構造を、文書の「アウトライン」と呼びます。 言い換えると、「セクション要素を用いてマークアップしていくことは、文書のアウトラインを構築していく作業である」ということになります。そのため、セクション要素を＜div＞要素と同じように乱用することは許されません。それはつまり、「文書の論理構造を無造作に取り扱っている」と
css-lecture.com - css lecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
HTML5で進化したフォーム機能 ここが違う！サンプルで見るHTML5（5）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
hamashun me : HTML5で最近使っているリセットCSS
浅漬けCSS的なもの /* html5 reset css */ /* reset */ html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area, menu, hr, address, small, str
HTML5ベースでカッコイイUIが特徴の動画プレイヤー「Mooplay」:phpspot開発日誌
Mooplay : build your own player on top of an html5 video element HTML5ベースでカッコイイUIが特徴の動画プレイヤー「Mooplay」。 次のようななかなかクールなUIが印象的です。フォーカスを外すとコントロールバーも消えるので邪魔になりません。 フルスクリーンさせるところが実際に動画自体もアニメーションしながらフルスクリーンになるところはカッコイイ。 MooというだけあってMooToolsベースです。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 CSSでスキン作成が可能なHTML5動画プレイヤー実装JSライブラリ「Video JS」 MooTools用のHTML5動画プレイヤー「Moovie」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」 ス
HTML5リフォームにご用心。bタグ上等！ 原理原則とリアル | 企業ホームページ運営の心得
現在一般的に使われているホームページを表現するための言語「HTML4」は1997年に定められたのですが、動画や音声といったマルチメディアや各種技術の進化によって、新しい「標準」が求められるようになりました。それが現在策定中の「HTML5」です。ちなみにHTMLに続く数字はバージョンナンバーで、今のHTML4は1999年に発表されたHTML4.01が最新です。 HTML5の仕様策定を進めている標準化団体のW3Cでは、仕様を草案の段階で発表（英語原文、日本語訳）しており、そのなかでbタグの取り扱いが変わることをもって「使えなくなるのではないか」という説が流通しているのですが、草案にはb要素の用法が書かれています。未確定なものを断定的に語る姿は昭和の子供にとって懐かしい風景で、五島勉さんとノストラダムスのコンビを思い出します。 グーグルの大好物HTML5では「コンテンツの構造化」に力点が置かれて
HTML5で再定義された要素と属性 ここが違う！サンプルで見るHTML5（3）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 要素はスタイルを表さない HTML5は、新たに追加された要素に注目されがちですが、旧来から使われてきた要素についても再定義しています。 HTML4やXHTML1.0で規定された要素には、スタイリングを指示する要素がありました。HTML5では、スタイリングはCSSに任せ、要素はセマンティクスのみを表すことに重点が置かれています。そのため、HTML5のすべての要素から、スタイリングを指示する意味合いが完全に排除されています。 実際に、スタイリングを指示するだけの要素は、HTML5で
Google、HTML5を使ったiBooks風ウェブ技術解説書をリリース
Unlike Light’s older phones, the Light III sports a larger OLED display and an NFC chip to make way for future payment tools, as well as a camera.
HTML5で出来たこのサイトがbいいね！
HTML5で出来たこのサイトがbいいね！って事で、 最近見たものからきょうBuzzってるHTML5のサイトを幾つかご紹介します。 20 Things I Learned About Browsers and the Web 北極のホッキョクグマ | Ring Ring Wonder Christmas kaleidoscope A WORLD OF TWEETS simo 良く出来てるHTML5増えてますね。 カッコbいいね！ o(●´ω｀●)oわくわくしたw その他今日気になった記事＆サービス!! Googleおみせメモ http://www.google.co.jp/hotpot# スティーブ・ウォズニアック：Appleは某日本企業と共同で2004年に携帯を出す寸前だった http://goo.gl/0uo2t Top Trends of 2010: HTML5 http://goo.
Beautiful HTML5 Templates For Free Download | Blogger's Path
Tweet "Hyper Text Markup Language or HTML, the first language that was used for web designing has gone through many evolutionary versions reaching to HTML5. Now days, there are many other standards available for web designing, but the most effective and the most simple way to design your website is using HTML5 templates. HTML5 templates are easy to use and can be modified according to your require
25 Useful HTML5/CSS3 Tools, Cheat Sheets and Resources
25 Useful HTML5/CSS3 Tools, Cheat Sheets and Resources HTML5 is a standard for structuring and presenting content on the web and incorporates features such as video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash and Microsoft Silverlight. If you are following the news lately, many new websites are opting HTML5 standards and brings
Firefox 4: HTML5 Forms – Mozilla Hacks - the Web developer blog
Firefox 4 will come with better support for HTML5 forms. In the latest beta we are experimenting with a set of new features: more inputs types (email, url, tel, search), new attributes (placeholder, autofocus, list), decoupled forms and different validation mechanisms. This is thanks mostly to the hard work of Mounir Lamouri. Some examples will work in other browsers, but you’ll need Firefox 4 bet
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「スマートフォン版GREE HTML5+JavaScript & Android」講演資料公開いたしました | GREE Engineering
日本語で学べるHTML5関連資料15個まとめ : 二十歳街道まっしぐら
ちょっと使ってみたくなるHTML5/CSS3のUIエレメント集 -Boxtuffs
5509.me
HTML5とCSS3を使ってスマートフォン向けサイトを構築 － iPhone版Yahoo!JAPANトップの開発事例紹介
IBM Developer
HTML5ベースのリモートデスクトップソフト「ThinVNC」v1.0が公開、正式版に