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でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
Toying With the HTML5 File System API | Envato Tuts+
HTML5 provides us with a whole crop of new possibilities, such as drawing with canvas, implementing multimedia with the audio and video APIs, and so on. One of these tools, which is still relatively new, is the File System API. It gives us access to a sandboxed section of the user's local file system, thus filling the gap between desktop and web applications even further! In today's tutorial, we'l
間違ってブラウザを閉じても編集データを保持できる·Sisyphus MOONGIFT
Sisyphusはフォームの入力内容をローカルストレージに保存するjQueryプラグインです。 Gmailでは編集中のメールの内容を定期的に保存しておいてくれるので誤って画面を閉じた場合でもメールの内容が消失したりしません。同様の仕組みをクライアントサイドで実装してくれるのがSisyphusです。 最初の表示です。右側にフォームが表示されています。 入力しています。時々、ローカルストレージに保存しましたというメッセージが出ます。 保存されると別なタブで開いた時にも入力内容が再現されています。 SisyphusはHTML5のローカルストレージを活用し、フォーム内に入力されているコンテンツを保存しています。ラジオボタンやチェックボックスは問題ないですが、テキスト入力の場合は保存されるタイミングが難しいようで、入力直後だと保存されていない場合もあります。とはいえ便利なライブラリです。 Sisyp
jPlayer : HTML5 Audio & Video for jQuery
a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid
【スマホ集中連載 第4回】 "HTML5とCSS3で何ができる？" 〜メリット・デメリットを徹底研究！ : LINE Corporation ディレクターブログ
※この記事はChromeで見るのがおすすめです。 こんにちは。新規開発グループ ディレクター兼マークアップエンジニアの浜です。 スマホ連載の第4回目は、HTML5とCSS3という実装寄りの内容になります。とは言っても難しいコードはあまり出てきません。「HTML5とCSS3で何ができるのか」という事をメインに、知っておくと、構成書を作る時のアイディアベースになったりデザイナー・マークアップエンジニア（コーダー）と打ち合わせをする際に話しやすくなる内容をお送りします。 記事のアウトラインは以下です。 そもそも、HTML5とCSS3ってもう使えるの？ HTML5とCSS3を使うメリットは？ HTML5とCSS3で何ができるの？ そもそも、HTML5とCSS3ってもう使えるの？ 使えます。 （※ここから先は、その根拠について説明します。必要ない方は、次の章に飛んでしまっても構いません） 現在のスマ
これからHTML5をはじめるならぜひ読みたい·Dive Into HTML5 MOONGIFT
Dive Into HTML5はHTML5の何たるかを著したオンラインブックです。 これからHTML5の勉強をはじめよう、そう思い始めた人に読んでほしいのがDive Into HTML5です。HTML5の機能、特徴などについて網羅されたコンテンツです。 トップページです。ePubやPDFといった電子書籍ではないですが、書籍風に整った構成になっています。 段落分けされていて読みやすいです。 アクションのデモと、そのWebブラウザごとのサポート状況についても書かれています。 位置情報系のデモを試すと実際に有効にするかどうかの確認が出ます。 Dive Into HTML5は章ごとに分かれているので、自分の気になる部分だけを読んでも良いでしょう。ダウンロードしてオフラインでも読んでみたい便利なコンテンツです。 Dive Into HTML5はHTML5製のオープンソース・ソフトウェア（Creati
HTML5 Boilerplate, Initializrをこれから使う人が押さえるべき5つの原則 | ゆっくりと…
boilerplate とは、「再利用を意図した標準的な文例集」 だそうです。 Paul Irish が中心となり構築されてきた HTML5 Boilerplate は、その名の通り HTML5 でサイトを構築するためのテンプレート、さらにはフレームワークをも含む内容となっており、その特徴は次のように語られています。 HTML5 Boilerplate は、HTML5 を扱う上で必要な数多くの機能強化を他のベスト・プラクティスの数々と組み合わせることで、最小限の先行投資でプロジェクトの磐石な基盤を提供します。 2011年02月08日 HTML5 Boilerplate を使用して Web 開発を容易に始める | IBM developerWorks より。 HTML5 Boilerplateをベースにすることで最初からベストプラクティスが適用されたサイトやページを構築できるという特徴がある
すごいぞ！HTML5で顔認識·HTML5 Face Detection MOONGIFT
HTML5 Face DetectionはHTML5を使って動画から顔をリアルタイム認識します。 HTML5はどこまで行くのか、それを改めて思い起こさせる凄いソフトウェアがHTML5 Face Detectionです。何と動画の顔認識をリアルタイムに行ってしまいます。 デモ動画です。上が動画、下がそれを解析して顔認識しているものです。 顔を動かしても付け目がね＋鼻が追いかけてきます。 筆者トライの図。Glassesをタップすると認識処理が開始されます。 デモ動画 HTML5 Face Detectionは動画のフレームを読み込み、JavaScriptで顔認識をした後、Canvasタグに鼻眼鏡とともにレンダリングしています。はっきり言ってかなり重たいのですが、技術的にはとても面白いソフトウェアです。 HTML5 Face DetectionはHTML5/JavaScript製のソフトウェア（
これは格好いい。Windows 8のMetro UIをHTML5で再現·Metro UI CSS MOONGIFT
Metro UI CSSはWindows 8のMetro UIをHTML5/CSS3で再現したソフトウェアです。 次期WindowsのWindows 8ではMetro UIと呼ばれる新しいインタフェースが利用されています。そんなMetro UIをCSSで再現したのがMetro UI CSSになります。 デスクトップで見たイメージです。アイコンが並んでいます。 選択できる画像リストです。 選択できるリストです。画像も埋め込めます。 チャットなどで使えそうなリストです。吹き出しもついています。 アプリケーションリストです。 時計などのウィジェットです。 iPadでの表示です。タブレットの方が最適化されています。 左右の移動もできます。 デモ動画です。動きはスムーズです。 動きはかなりスムーズで格好いいです。パネルを押すとちょっとへこんだり、ボタンも多数用意されています。リストをタップして選択し
Drag and Drop and Automatically Send to the Server | HTML5 Doctor
I realised (when looking myself) that there are a lot of demos and tutorials that show you how to drag-and-drop a file into the browser and then render it on the page. They're often labelled as "drag-and-drop and upload", but they actually don't upload. This tutorial will take you that final step. I'll walk you through an example that you can play with: drag a file into the web page, and it'll be
ちょっとした工夫。ブラシ風入力にするだけでここまでスムーズな絵が描ける·HTML5 Canvas Brush Sketch MOONGIFT
HTML5 Canvas Brush Sketchはマウスの入力をブラシ風にして滑らかにドローできるソフトウェアです。 iPadやWebブラウザ上で絵を描く際に試してみたいのがHTML5 Canvas Brush Sketchです。単純にマウスを動かした線を引くのではなく、ブラシ風に描いてくれます。 こちらはライン版。普通にマウスの軌跡を描きます。 こちらはブラシ版。ぐっと良くなっています。 デモ動画です。 ちょっとした工夫と言えるかも知れませんが、目を塗りつぶしたりする際に効果を発揮しています。これなら失敗を気にせずさくさく描けそうです。 HTML5 Canvas Brush SketchはHTML5/JavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る Skitchというアプリケーションがあります。今は
Free business profile for LEARNCOMPUTER.COM provided by Network Solutions
[Your Business Name] <Your business address> Contact Info Phone: <Your business phone number> Fax: <Your business fax number> Email: <Your business e-mail address> Web: LEARNCOMPUTER.COM <Your Business Headline> Business Overview<Your business description> Geographic Area<Your service area> Line of Business<The type of business you are in> Brands We Carry<Your list of brands> Products and Services
HTML5/CSS3/JavaScriptによるイフェクトの格好いい3Dプレゼンテーション·reveal.js MOONGIFT
reveal.jsはCSS3/JavaScriptで作られたプレゼンテーションソフトウェアです。 reveal.jsはHTML5/CSS3を使ったプレゼンテーションソフトウェアです。まずは言うに及ばず、そのクールな画面を見てもらいましょう。 トップです。この雰囲気からして格好いいです。 スライドを切り替える時に3Dイフェクトがかかります。これまた格好いいです。 水平に動くのが基本ですが、垂直にスライドさせる指定もできます。 デモ動画です。スペースキーでスライド一覧が出せます。 reveal.jsはスライドの切り替えがとにかく格好いいので、これでプレゼンテーションを行えば観衆の注目を引くこと間違いないでしょう（もちろん内容が大事ですが）。 reveal.jsはCSS3/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る プレゼンテー
HTML5を使った音楽、動画を織り交ぜたインタラクティブな電子書籍を作成する·Laker MOONGIFT
LakerはHTML5をベースに画像や音楽、動画をインタラクティブに使った電子書籍を作成するためのフレームワーク。 LakerはHTML5/Objective-C製のオープンソース・ソフトウェア。数年前まで一般の人が書籍を出版しようと思うのは相当困難なことだった。だが今では電子書籍があり、誰でも簡単に書籍を出版できるようになっている。それこそ旧来のしがらみがない分、身軽だ。 iPad用表示 電子書籍を出版しようと思った時に問題になるのはそのデザインや文書の作り方だろう。だが心配は無用だ。HTML5を使って柔軟に作成できるフレームワーク、Lakerがある。 LakerはBakerをカスタマイズし、より多機能な電子書籍を作成できるフレームワークだ。HTML5を使うのはそのままだが、縦スクロールで長い1ページを表示し、横スクロールで次のページに切り替えられるようになっている。縦の長さが可変なのは
audio.js
audio.js is a drop-in javascript library that allows HTML5’s <audio> tag to be used anywhere. It uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css. Installation Put audio.js, player-graphics.gif & audiojs.swf in the same folder. Include the audio.js f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Websanova
Quickly Build a Swish Teaser Page With CSS3
IBM Developer
TechCrunch | Startup and Technology News
