Initializr - HTML5 project - template
Wix is a top-ranked website builder, but its value for money is a mixed bag. Wix offers a range of pricing plans from $17 to $159 per month, billed annually. The prices increased in May 2024, with the entry-level plan… Read More »Wix Pricing 2024: How To Get The Best Deal Wix reigns supreme as our top website builder for 2024, outshining other platforms. With its unparalleled features, an expansiv
Lost World’s Fairs
Jason Santa Maria Jason Santa Maria is the founder and principal of Mighty, a Brooklyn-based design studio. He is creative director of Typekit, a faculty member in the MFA Interaction Design program at SVA, vice president of AIGA/NY, founder of Typedia, and creative director for A List Apart. He discusses design on his award-winning website. Frank Chimero Frank Chimero is a graphic designer, teach
Application Cacheの割と実践的な使い方 - 愛と勇気と缶ビール
これもしばらく昔に調べたものだけど、どうせなので書いておく。調べた当時、あまりこういう情報は見当たらなかったので。 HTML5というすごく大雑把で、具体的にどの技術を指しているのかよく分からないままに広告とプロパガンダに使われる技術用語、その内に含まれると考えられている技術の中でも特殊な立ち位置と振る舞いを持ったApplication Cacheについては、検討して「ああこれはよく分からん」「ああこれは使えない」と思って利用を諦めてしまった人も多いことと思われる。 僕も真面目にリアルのサービスでモリモリ使っております、という訳ではないのでとても偉そうなことは言えないのだが、前に利用の検討をした時に思ったのは「これは既存のWebサービスに後付けするようなものではなく、初めからその存在を前提としてサービスを作るときに意味のあるものだなぁ」ということだった。 既存のWebサービスに乗っける上で特
[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル
文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
![[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/913d9625c96461318e055dbb38b3d26c92683092/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F10%2Fintroduction-to-html5-150x150.png)
Middleman: Hand-crafted frontend development
Installation Install the gem and run middleman init my_project to create a new Middleman site from the command line. See full install instructions Customize Your Site Check out the directory cd my_project. Middleman works right out of the box. Start reading the docs to find out what each directory is doing and how to customize your site. See advanced customizations Build and Deploy Running one com
iOSのsafariではvideoタグのautoplayができないということ - tetsuya_odakaの日記
html5を触ってみようと思い、videoタグをいじっていたのだけど、iPadで自動再生（autoplay）ができない。 PCの方は、IE9, chrome17, firefox11, opera11, safari5で問題なくautoplayが効く。 safari developerに行ってみると、iOSの注意事項（こちら）として以下と書いてあり納得。 ...上記リンク先から転記 In Safari on iOS (for all devices, including iPad), where the user may be on a cellular network and be charged per data unit, preload and autoplay are disabled. No data is loaded until the user initiates it.
HTML5 videoのcodecsの書き方
<source src='videofile.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> いわゆるHTML5 videoのsource要素のtype属性には、上記のように動画のコーデックを書くらしい。 avc1.42E01E, mp4a.40.2 とか "avc1.58A01E, mp4a.40.2" とか色々あるらしいのだが、全く意味が分からない！動画によって変わるらしいけど、自分の動画に適した文字列はどれなんだよ！ というわけで調べました。 なぜかなかなか情報が見つからなくて大変だった。 結論から言うと、H.264形式の場合、動画のプロファイルとレベルによって何を書くべきかが変わります。 まず、前半のavc1.42E01Eの部分が動画のコーデックを表しています。「avc1」がAVC、つまりH.264という意味になるそう
FileReader利用時のメモリ増減パターンをちょっと調べてみた
FileReaderを通してローカル画像ファイルのプレビュー jsFiddleを使ってみたかったので，デモ的に貼ってみます． HTML5 Rocks - Reading local files in JavaScript Utilizing the HTML5 File API to choose, upload, preview and see progress for multiple files - Robert's talk このあたりを参考に，FileReaderでローカルの画像ファイルを読み込み＆ファイルプレビューをしてみました．大体動くんですが，どうもブラウザがメモリとってもおいしいです☆をしていたので，ちょっと調べてみました． メモリリークするケース？ で，どうもFileReaderのインスタンスを作ったらしっかり使い回さないと，狭い確認範囲ですがメモリリークすることがある
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Loading large assets in modern HTML5 games
HTML5 games are here today, and rapidly increasing in complexity. Impressive demos are everywhere, and prominent titles like Gun Bros and Angry Birds prove that it's possible to create competitive gaming experiences in the browser. Games like these are possible thanks largely to the modern web stack which includes WebGL, the Web Audio API, Web Sockets and others. Often forgotten, however, is the l
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
ウェブブラウザ Opera | 高速かつ安全な多機能ブラウザ | 無料ダウンロード
自分だけのブラウザ デフォルトブラウザよりも速く、安全でスマートなOperaブラウザ。プライバシー、セキュリティ、オンラインで行うすべてのことに対応したフル もっと見る
HTML Standard
Firefox3.5+Safari3.1+Chrome3+Opera10.5+Edge79+Edge (Legacy)12+Internet Explorer9+Firefox Android?Safari iOS3+Chrome Android?WebView Android37+Samsung Internet?Opera Android11+ Categories:Flow content.Phrasing content.Embedded content.If the element has a controls attribute: Interactive content.Palpable content.Contexts in which this element can be used:Where embedded content is expected.Content mo
HTML5 オフライン ストレージの管理 | Apps | Chrome for Developers
HTML5 には、大量のデータをユーザーのローカル環境に保存するためのストレージ API が数多く導入されています。 できます。ただし、各アプリに割り当てられるスペースは、デフォルトでは数個に限られています MB です。Google Chrome では、以前の上限を超える保存容量をリクエストできます 5 MB。 このドキュメントでは、Chrome と Google Workspace で使用されるストレージのタイプに関する では、保存容量を管理できる試験運用版の Quota Management API について説明します。「 このドキュメントは、クライアント側ストレージと Cloud Storage の一般的なコンセプトについて オフライン API の使い方を学ぶことができます。 目次 ストレージの種類 <ph type="x-smartling-placeholder"></ph> 一
Free MP4 Video Converter: Convert any video to MP4
You don't need to worry about degradation after converting your video to MP4 format. Preset Editor lets you edit the video and audio format. Choose among container type, video codec, frame rate, bitrate, width and height of the video. Edit audio format and bitrate of the sound to get high-quality MP4 video. This MP4 converter makes it easy to convert videos between different formats: WEBM to MP4,
A beginner's guide to using the application cache | Articles | web.dev
A beginner's guide to using the application cache Stay organized with collections Save and categorize content based on your preferences. Introduction It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers can cache pages and resources for long periods if told to do so, but the browser can kick individual items out of the cache at any point to ma
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Boilerplate: The web’s most popular front-end template
Mobile HTML5
HTML5 のオフライン機能
FutureSoftware開発日誌 Ver2.0 » Are you enjoing the time of FutureSoftware？