It took a little longer than I expected, but we released HTML5 Boilerplate 8.0.0 yesterday. As I mentioned a few weeks ago, it’s the 10th anniversary release, and if I do say so myself, it’s a pretty good way to celebrate 10 years of the project. It was a lot of work getting this one out the door, but I’m really happy with how it turned out. I’ve been involved with HTML5-Boilerplate from before th
HTML5などにはinert（不活性）という概念があります。イナートと読むのでしょう（たぶん）。 HTML5でのinert HTML 5.1でのinert HTML Living Standardでのinert inertなノードとその子孫はユーザーによる操作の対象にはならない、そうです。ブラウザーによってはinertなノードを選択できなかったり、ページ内検索の対象としないかもしれません。また、inertなノードはフォーカスを受け取ることもありません。 …SVGにはpointer-eventsというプロパティがあり、pointer-events:none;を指定すると要素がマウス操作などを受け取らない（奥の要素がマウス操作などを受け取る）ように設定できますが、それを思い出しました。 それはともかく、ノードがinertになる状況として、モーダルダイアログの裏にきている時があります。dialo
Fix Bug: .visuallyhidden on macOS VO fixes #1985 (#1989) Adds web app manifest file (#1963) Update to jQuery 3.2.1 (#1942) Improve ::selection documentation which became confusing after c7057be (#1955) refactor(html): update browsehappy to https instead of http (#1952) Fix links to CONTRIBUTING.md (#1951) Adds .github folder and contents Fixes (#1948) Modernizr 3, modernizr.config and (#1940) Hous
こんにちは。Cacooの平山です。現在、僕たち Cacoo チームは脱Flash・ HTML5 化に向けて最終の追い込みの真っ最中です。そんな中ではありますが、前回の「ぶっちぎり」記事では、HTML5化に向けた描画技術としてSVGを選択したことをお伝えしました。今回は、HTML5版のもうひとつの改善ポイント「データ面での刷新」を紹介したいと思います。 Cacoo のデータ形式や構造の刷新・JSONフォーマットへの移行 HTML5版では、描画にSVGを採用するという変更だけではなく、抜本的なデータ形式や構造の刷新も行いました。これには以下3点の理由があります。 Flash版ではAMFというFlashに特化したデータフォーマットを採用している 図に含まれるデータ量に応じて、パフォーマンスが低下しやすい構造である サーバー内でデータを処理しにくい 1点目はFlashから脱却するにあたり対応必須な
Last week the Safari team released a new Technology Preview, and the release contained a feature that caught my eye. OMG, THE NEW SAFARI TECH PREVIEW HAS FORM VALIDATION SUPPORT! https://t.co/kzQtIwK4b2 pic.twitter.com/lKZsz5ZT9G — TJ VanToll (@tjvantoll) December 7, 2016 I’m irrationally excited because this is more than just a mundane feature shipping in a random browser preview. Safari was the
Stay Relevant and Grow Your Career in TechPremium ResultsPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev toolsStart Free Trial7 Day Free Trial. Cancel Anytime. Recently I was working on a project where we required date and numeric fields. Being a purist, my preference is and always will be native elements over some bloated JavaScript library. “Polyfills can cover outd
How available are the web platform's features? This lil' webapp indicates the percentage of users who have a browser that natively supports various web platform features. It's powered by data from caniuse.com, updated April 19, 2021, and StatCounter (which, admittedly, has its problems). The list is sorted by Feature Activity Recency (FAR): a metric I made up, capturing how recently the overall br
概要 HTML5から支援しているForm Validation、皆さんご存知ですよね。 非常に便利ですし、自分もHTML5に感謝しています。👏 サーバでは常にデータを検証するべきですが、追加のデータ検証をWebページ自身で行うことにも多くの利点があります。ユーザがフォームに入力している間にデータを検証することで、ユーザは何らかのミスをしたことを直ちに知ることができます。これはユーザが HTTP のレスポンスを待つ時間を減らし、またサーバで誤ったフォーム入力を扱うことがないようにします。 詳しい内容は以下の記事をご参考してください。 🔗[JavaScript]HTML5 Form Validation しかし、ドンー (OA O; ) ブラウザー別にメッセージが統一されず、実際の案件には、デメリットになっちゃったんです。 やっぱりHTML5 Form Validationに完全に依存され
![[JavaScript]HTML5 Form Validationの制御と注意事項](https://cdn-ak-scissors.b.st-hatena.com/image/square/f894f2e00bc7dc67f4e5dfc9ffb66046e39f7c03/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkYwJTJGMTA4MzY0JTJGcHJvZmlsZS1pbWFnZXMlMkYxNTYzODAwMDMxP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTc1OTgzMDcyM2ZkNTViNTkzZmZiNDk0ZmMxM2RhNzE1%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D6f2329ee56827c4ce06ec581a11b7fbd%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1REhUTUw1JTIwRm9ybSUyMFZhbGlkYXRpb24lRTMlODElQUUlRTUlODglQjYlRTUlQkUlQTElRTMlODElQTglRTYlQjMlQTglRTYlODQlOEYlRTQlQkElOEIlRTklQTAlODUmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz05NTU1ODEzYjk1NjkyMzU3NDk2ZDQ3ZTFlNjBhMWY3OA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBsZWVkb2h5dW5nLWRiYSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTZlOTRiOTU5YzU2OGYyNGUwYzg3MmRiOWU1NTk2MTlk%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-RnVzaWM%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3D94267b8f4a0c2790fe6329d04ab0c426)
Update: Big changes coming in Video.js 10, early 2026! Read the discussion. Video.js is a full featured, open source video player for all web-based platforms. Right out of the box, Video.js supports all common media formats used on the web including streaming formats like HLS and DASH. It works on desktops, mobile devices, tablets, and web-based Smart TVs. It can be further extended and customized
Assemble your player Feel at home with your framework, skin, and media source 'use client'; import { createPlayer } from '@videojs/react'; import { VideoSkin, Video, videoFeatures } from '@videojs/react/video'; import '@videojs/react/video/skin.css'; const Player = createPlayer({ features: videoFeatures }); export function VideoPlayer() { return ( <Player.Provider> <VideoSkin poster="https://image
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
IEでは昔からあったルビ機能に対応するみたいですね。 それはよいニュースなのですが、Firefox 37から対応するという話もあった64bit版はどうなったのか気になる。 窓の森の記事には触れられていないので、延期になっているのかなあ。 仕様通りにまともにrubyを実装したのはむしろFirefoxが最初。 ChromeはHTML rubyをサポートする(ruby要素などを認識する)が、CSS rubyは一切サポートしない(組み込みのruby要素以外をルビ表示できないしルビの見栄え調整などは一切できない)。 IEはバージョン5から独自拡張でrubyをサポートして、バージョン8から当時の草案にもとづいてdisplayプロパティ値を追加したけど、ruby-position、ruby-alignなどはIE11でも独自拡張時代の仕様のままで、CSS rubyは完全無視している。HTML rubyはほ
Timer resolution refers to how frequently a clock is updated. For most of their history, web browsers used the default system timer for functionality such as setTimeout() and setInterval(). This meant browsers could only schedule code to run as frequently as the system timer would fire. Internet Explorer also used the system clock for seeding values in Date object, so dates could only be created w
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
今回のハンズオン・グループワークはHTML5 Rocksを翻訳します! Web開発者に取って欠かすことができないメディアだと言える素晴らしい記事を多く提供しているGoogleが運営するHTML5 Rocksを今回は翻訳します。 今回のイベントではグループを3つに分けてハンズオンを行います: 1. Git/GitHub初心者向け 2. 英→日翻訳の初心者向け 3. 英→日翻訳に慣れている方(単独ワーク) 1)、2) のグループにて英語、あるいは翻訳に多少でも慣れた方はぜひグループをサポートするお手伝いをしてください! サポーターになってもいいかも!? と思った方は: こちらのIssueにその旨ご連絡ください! 第0回 のイベントの様子はこちらのレポートから閲覧できます。 ハンズオンの事前準備のお願い 可能な限り翻訳そのものに集中できるようにGitやGitHubの操作に慣れている方は、イベント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
