[css-variables] User Agent properties and variables · Issue #1693 · w3c/csswg-drafts
Here is WebKit's proposal for a new type of property and variable. User Agent Properties This specification defines an open-ended set of properties called User Agent properties, which, among other things, are used to define the substitution value of constant() functions. Name: (various) Value: <declaration-value> Initial: (nothing, see prose) Applies to: all elements Inherited: yes Percentages: n/
![[css-variables] User Agent properties and variables · Issue #1693 · w3c/csswg-drafts](https://cdn-ak-scissors.b.st-hatena.com/image/square/e086c7d8da90e00efafc91631327787e4c2401e8/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fca2d9a0a79bcf5d8e02ed5fa9c6cdc5aa43fad14d20571b09b23242fb3128fcb%2Fw3c%2Fcsswg-drafts%2Fissues%2F1693)
スマートフォン時代のWebサイト制作 第2回 スマートフォン特有の表示環境を理解する | デベロッパーセンター
スマートフォンを対象にしたHTML／CSSコーディングは、基本的にデスクトップ向けウェブサイトのコーディングができていれば、それほど難しくはありません。あとはスマートフォン特有の仕様や、コーディングのパターンを掴むことができれば大丈夫です。なお、HTML5をベースにしたマークアップや、CSS3でよく使われるプロパティなどについては、ADC内の小山田晃浩氏の連載「HTML5&CSS3入門 with HTML5 パック」をおすすめします。 今回はコーディングの前に知っておくべきこととして、スマートフォンのスクリーンサイズなどについて解説します。小さなスクリーンサイズを対象にデザイン／コーディングしますが、そのスクリーンサイズの値はHTML側で定義する必要があります。 iPhone／Android各機種のブラウザーについて iPhoneとAndroidともにWebkitブラウザーがデフォルトブラ
New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news firstMuch to my disappointment, browser-based file uploads are still not supported (input type=“file”),
iOSのホーム・スクリーンのアイコンをCSSでパクる
iOSはホーム・スクリーンにアプリケーションのアイコンを置く時、いくつかエフェクトをかけて配置する。そこら辺の話はiOS Human Interface Guidelinesに載っているので詳しくはそちらを参照。それぞれのエフェクトはCSS3ならできそうな感じのものだったので、パクっと。 Demo: iOS Home screen icon effect with CSS デモでは左から順になし→角丸→影→反射光とエフェクトを加えていっている。 iOSがかける(ような)エフェクトはそれぞれ、 角の丸め: border-radius 影: box-shadow 反射光: radial-gradient() で(ほぼ)実現することができる。といっても角の丸めと影については全く難しいことはなく、 .shadow { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 1)
CSS Browser Support (iPhone, IE8, IE7 Compliance Mode, FF 3.5 beta & Safari 4 Beta included)
IE8 CSS Selector Support IE8 Supports the CSS2.1 selectors, including pseudoclasses but not pseudo elements. (See Double Colon Notation). IE8 has support for has support for Accessible Rich Internet Applications (ARIA) To force IE8 to render your page in IE8 compliance mode, include the following meta tag: <meta http-equiv="X-UA-Compatible" content="IE=8" /> IE7 within IE8 CSS Selector Support The
1要素1クラス、画像を一切使わずCSSで実装するiPhone UI
1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。 最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する 今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること
Zudolab -
The Search for a Trusted 메이저사이트: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy 메이저사이트, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
iFingerScrollをtranslate3dで再実装しました - collisions.doppac.cc
■iFingerScrollを公開したあと、GmailのiPadビューのペインスクロールが自分のに比べて相当サクサクなのに気付き、どうやってんだろと思ってPCからiPadのUAを送ってソースをちょっと見てみたところ、” -webkit-transform: translate3d “をつかってdivをスクロールさせてるらしいことがわかりました。 ということでiFingerScrollもCSS Transitionでabsoluteの座標を動かすのではなく、translate3dの指定をjavaScript側の制御で動かすように再実装したところ、いい感じになりました。translate系の指定はもともとtransitionやanimation目的でGPUサポートありで実装されてるので、CSS Transition/Animationとして使わなくても速いのかもしれません（憶測）。レガシーCS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FunctionSource: .iOS5 { position:fixed; overlay:scroll }
https://docs.google.com/viewer?a=v&pid=explorer&chrome=true&srcid=0B9cwi8dHYjWVMWVmNWVmZDctODZiNC00ZTc0LWE2MWQtYjUzNjVkNWI0NjM3&authkey=CMeXgI8O&hl=ja
master-class: target mobile browser properties using css
Tumblr
SoHaya.com is for sale | HugeDomains