サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
quirksmode.org
Form validation Peter-Paul Koch http://quirksmode.org http://twitter.com/ppk Browser API Special, 15 June 2017 Form validation Literally the oldest trick in the JavaScript book. Netscape 2 could do form validation, and little else. Modern input types • type=“date” • type=“email” • required • pattern • and so on Modern input types • Automatically validated • Automatically get native error messages
Here are almost all CSS2 and 3 selectors, and the CSS3 UI selectors (mostly structural pseudo-classes). This is the desktop table. See also the mobile table. Last major update on 2 October 2013. I'm writing a CSS book. Basics Method or property Internet Explorer Firefox Safari Opera Chrome 5.5 6 7 8 9 10 11 24 Win 24 Mac 24 Linux 6 12 Win 12 Mac 12 Linux 16 Win 16 Mac 30 Win 30 Mac 29 Linux
Here are almost all CSS2 and 3 selectors, and the CSS3 UI selectors (mostly structural pseudo-classes). This is the mobile table. See also the desktop table. Last major update on 1 October 2013. I'm writing a CSS book. Basics Selector iOS Android Chrome Opera BlackBerry Nokia UC Nintendo Dolphin Tizen One IE Firefox 6 7 2 3 4 18 29 Mini Mob 12 Mob 15 6 7 PB 10 Xpress MeeGo Anna Belle 8 9 9 10 OS A
This page tests the new input values of HTML5 in mobile browsers. See also the desktop table. Last updated on 3 March 2015. I wrote a JavaScript detection script for modern input types. See also this blog post. Definitions It turns out to be surprisingly complicated to find a good definition for support of modern input types. I came to the following six points that a proper implementation may have
This page tests the new input values of HTML5. See also the mobile table. Last updated on 2 March 2015. I wrote a JavaScript detection script for modern input types. See also this blog post. Definitions It turns out to be surprisingly complicated to find a good definition for support of modern input types. I came to the following six points that a proper implementation may have to support: Offers
Last major update on 29 January 2014. I used this test page. See also the full list of mobile JavaScript events. Back to the mobile homepage. On this page I present the results of my touch action research. I concentrated on the few basic actions that users will want to take: clicking on a link, scrolling, zooming, as well as sliding their fingers more-or-less aimlessly. Action Something the user d
QuirksMode.org is the prime source for browser compatibility information on the Internet. It is maintained by Peter-Paul Koch, mobile platform strategist in Amsterdam, the Netherlands. QuirksMode.org is the home of the Browser Compatibility Tables, where you’ll find hype-free assessments of the major browsers’ CSS and JavaScript capabilities, as well as their adherence to the W3C standards. It is
My Compatibility Tables are by far the most popular resource on this site. You can reach all of them from this page.
Here's a simple accessible drag and drop script. It works with both mouse and keyboard. When the '#' link in the example boxes is activated (either by tabbing to it and hitting Enter or by clicking on it) the element can be dragged by the arrow keys. Pressing Enter or Escape releases it. (Feel free to change these keys, by the way. I'm not sure what the release keys ought to be, although Enter and
By changing the value of the cursor declaration you can assign cursor styles to various HTML elements. Although in theory this is great functionality, it's very easy to confuse your users by defining inappropriate cursor styles. Please be very careful; in general the browser defaults work fine, and besides they're what the user expects. The leftmost cells of the compatibility table have the indica
This compatibility table details support for methods and properties specific to HTML elements. This is the desktop table. See also the mobile table. Last major update on 15 September 2014. innerHTML and friends innerHTML is one of the most-often used properties, since it’s so easy (not to mention fast) to take a string that contains HTML and feed it to the browser’s HTML parser. In general it work
This page tests box-sizing, but first explains why we need it. Box models In the W3C box model, the width of an element gives the width of the content of the box, excluding padding and border. In the traditional box model, the width of an element gives the width between the borders of the box, including padding and border. By default, all browsers use the W3C box model, with the exception of IE in
Back to the index. See the specification. This page has been translated into Brazilian Portuguese, Italian, and German. The display property lets you define how a certain HTML element should be displayed. Selector IE5.5 IE6 IE7 IE8 IE9 IE10 FF 19 Win FF 19 Mac Safari 6.0.2 Mac Chrome 25 Win Chrome 25 Mac Yandex 1.5 Mac Opera 12.14 Win Opera 12.14 Mac
DOM methods and properties that are for all implementations, and not just for the JavaScript one. In theory almost all of them should work in any programming language that supports the DOM. This is the desktop table. See also the mobile table. Last major update on 3 September 2013. Creating elements Method or property Internet Explorer Firefox Safari Opera Chrome 5.5 6 7 8 9 10 11 23 Win 23 Mac 23
This module serves to split up an element into multiple columns, and to give further instructions about a few details. This is the desktop table. See also the mobile table. Last major update on 6 January 2013. I'm writing a CSS book. Selector or declaration IE9 and lower IE10 FF 17 Win FF 17 Mac Safari 6.0.2 Mac Chrome 23 Win Chrome 23 Mac Yandex 1.1 Mac Opera 12.12 Win Opera 12.12 Mac
このページを最初にブックマークしてみませんか?
『QuirksMode - for all your browser quirks』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く