Post by @0-9
CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = href; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); })(); (function () { var href = 'style sheet url'; var html = document.documentElement; html.st
Caniuse test page
This is a basic test suite of various web technologies for the When Can I Use website. It is used to quickly test basic support for features in upcoming browsers, rather than any full support of the feature's specification. Results on this page generally match the results as they appear on the When Can I Use site, but may not always due to a variety of circumstances (test may pass but support is a
Firefox supports @supports, gets my support
Warning This article was written over six months ago, and may contain outdated information. I’ve been really excited about the @supports rule since I first heard the proposal for it, and now that an implementation has landed in Firefox Nightly (and is on it’s way in Opera) my excitement has only increased. You can think of @supports as a native implementation of Modernizr – and hopefully that desc
Opera's Developer Relations Team - Opera 10.60 moves to the beta zone
Mindfulness, Opera Air Opera Air’s redesigned Boosts now smoother, more intuitive June 4th, 2025 Hey all, Today we have another update for Opera Air, our browser built around the concept of mindfulness: we’ve redesigned... AI Meet Opera Neon, the new AI agentic browser May 28th, 2025 Opera Neon is our first AI agentic browser designed for the next generation of the web. Desktop, Opera for iOS Oper
Using data-* attributes in JavaScript and CSS – Mozilla Hacks - the Web developer blog
When HTML5 got defined one of the things that was planned for was extensibility in terms of data that should be in the HTML, but not visible. The data-* attributes allow us to store extra information on HTML elements without needing to use a non-semantic element or pollute the class name. In essence this is what we did with custom attributes before. These data attributes can be used in many ways,
WebPerfDays: Performance Tools | High Performance Web Sites
October 9, 2012 5:06 pm | 25 Comments I just returned from Velocity Europe in London. It was stellar. And totally exhausting! But this post is about the other fantastic web performance event that took place after Velocity: WebPerfDays London. WebPerfDays is like a day-long web performance meetup event. Aaron Kulick organized the first one last June right after Velocity US. He had the brilliant ide
GitHub - Mutatio/Style.js
Style.js allows developers to utilize the full power of JavaScript to generate CSS. Example: new Style({ p: { background_color: color.toHSLA(), color: selectForeground(color).toHSLA() }.extend( CSS.borderRadius(Math.floor(Math.random() * 11) + 0) ) }); Alternative syntax: ({ p: { background_color: color.toHSLA(), color: selectForeground(color).toHSLA() }.extend( CSS.borderRadius(Math.floor(Math.ra
Tell CSS that JavaScript is available ASAP | 456 Berea Street
When you’re styling parts of a web page that will look and work differently depending on whether JavaScript is available or not, it can be very useful to use JavaScript to change or add a class name to the html element. By doing this you can create CSS rules that will only be applied when JS is available and vice versa. The trick is to make sure the class names are switched as early as possible du
noscript要素をhead要素で使う
様々なライブラリのお陰でJavaScriptでドキュメントをゴニョゴニョするのが簡単になったので、代替コンテンツを用意することはあまりなくなった。そのためnoscript要素が使われているページを見ることはまず無い。などと始めながらそういう代替コンテンツのためのnoscript要素の話ではなく、head要素内でうまく使うとJavaScriptの有効・無効でユーザーを振り分けられるという話。 具体的には以下のように書く。 <head> <noscript> <meta http-equiv="Refresh" content="0; URL=noscript.html"> </noscript> </head> これでJavaScriptが無効になっている場合noscript.htmlにリダイレクトされる。HTML4.01ではこういったことはできなかったのでつい最近まで知らなかった。印刷向け
Quicksand - CSS4 Selector Engine for JavaScript
Quicksand is a lightning fast, cross-browser CSS 3 & 4 selector engine for JavaScript. May 22, 2012: Quicksand version 2 has been released. Quicksand 2 makes a number of performance increases over version 1, but the most exciting part about Quicksand 2 is its support for the CSS Selectors Level 4 working draft. Selectors Level 4 brings a lot of very useful new features to CSS selectors, including
twitter/bower · GitHub
README.md BOWER Introduction Bower is a package manager for the web. Bower lets you easily install assets such as images, CSS and JavaScript, and manages dependencies for you. For example, to install a package, run: bower install jquery This will download jQuery to ./components/jquery. That's it. The idea is that Bower does package management and package management only. Installing Bower Bower is
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Conditional loading of resources with mediaqueries | Christian Heilmann
GitHub - ericclemmons/unique-selector: Given a DOM node, return a unique CSS selector matching only that element
GitHub - assetgraph/assetgraph: Optimization framework for web pages and applications
GitHub - HuddleEng/PhantomCSS: Visual/CSS regression testing with PhantomJS
GitHub - thingsinjars/Hardy: Selenium-driven, cucumber-powered CSS testing.
GitHub - thingsinjars/cssert: DEPRECATED: CSS verification testing
Plunker
GitHub - rickeyski/node-beautifier: A nodejs-cli for einars {js,css,html}-beautifier
New Content Available soon!
