willfarrell / alfred-caniuse-workflow

Alfred App Workflow for caniuse.com
MIT License
404 stars 23 forks source link

No longer working... #16

Closed smy315 closed 7 years ago

smy315 commented 7 years ago

Had to reinstall and it's no longer working. Here is the debug log. Any idea why it's no longer working? Tried using version 1.6 and 1.7 on Alfred 2.

caniuse

Starting debug for 'Can I Use v1.7.0'

[ERROR: alfred.workflow.input.scriptfilter] XML Parse Error 'The operation couldn’t be completed. (NSXMLParserErrorDomain error 4.)'. Row 1, Col 1: 'Document is empty' in XML: Warning: file_get_contents(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed in /Users/SangMinYoon/Library/Application Support/Alfred 2/Alfred.alfredpreferences/workflows/user.workflow.092D53E1-DC73-4F2A-A945-CF76D5BC9B3C/caniuse.php on line 31

Warning: file_get_contents(): Failed to enable crypto in /Users/SangMinYoon/Library/Application Support/Alfred 2/Alfred.alfredpreferences/workflows/user.workflow.092D53E1-DC73-4F2A-A945-CF76D5BC9B3C/caniuse.php on line 31

Warning: file_get_contents(https://raw.github.com/Fyrd/caniuse/master/data.json): failed to open stream: operation failed in /Users/SangMinYoon/Library/Application Support/Alfred 2/Alfred.alfredpreferences/workflows/user.workflow.092D53E1-DC73-4F2A-A945-CF76D5BC9B3C/caniuse.php on line 31

Warning: Invalid argument supplied for foreach() in /Users/SangMinYoon/Library/Application Support/Alfred 2/Alfred.alfredpreferences/workflows/user.workflow.092D53E1-DC73-4F2A-A945-CF76D5BC9B3C/caniuse.php on line 33 <?xml version="1.0"?>

PNG alpha transparency [IE:7+, FF:2+, GC:4+, S:3.1+]Semi-transparent areas in PNG filesicon.pngAnimated PNG (APNG) [IE:n/a, FF:3+, GC:n/a, S:8+]Like animated GIFs, but allowing 24-bit colors and alpha transparencyicon.pngVideo element [IE:9+, FF:3.5+, GC:4+, S:4+]Method of playing videos on webpages (without requiring a plug-in).icon.pngAudio element [IE:9+, FF:3.5+, GC:4+, S:4+]Method of playing sound on webpages (without requiring a plug-in).icon.pngcontenteditable attribute (basic support) [IE:5.5+, FF:3.5+, GC:4+, S:3.1+]Method of making any HTML element editable.icon.pngDrag and Drop [IE:11!pa., FF:3.5+, GC:4+, S:3.1+]Method of easily dragging and dropping elements on a page, requiring minimal JavaScript.icon.pngInternationalization API [IE:11+, FF:29+, GC:24+, S:n/a]Locale-sensitive collation (string comparison), number formatting, and date and time formatting.icon.pngquerySelector/querySelectorAll [IE:9+, FF:3.5+, GC:4+, S:3.1+]Method of accessing DOM elements using CSS selectorsicon.pnggetElementsByClassName [IE:9+, FF:3+, GC:4+, S:3.1+]Method of accessing DOM elements by class nameicon.pngHTML5 form features [IE:11!pa., FF:48!pa., GC:52!pa., S:9.1!pa.]Expanded form options, including things like date pickers, sliders, validation, placeholders and multiple file uploads. Previously known as "Web forms 2.0".icon.pngNew semantic elements [IE:11!pa., FF:21+, GC:26+, S:6.1+]HTML5 offers some new elements, primarily for semantic purposes. The elements include: `section`, `article`, `aside`, `header`, `footer`, `nav`, `figure`, `figcaption`, `time`, `mark` & `main`.icon.pngCSS line-clamp [IE:n/a, FF:n/a, GC:52-px-, S:9.1-px-]Proprietary and undocumented CSS property that will contain text to a given amount of lines when used in combination with `display: -webkit-box`. It will end with ellipsis when `text-overflow: ellipsis` is included.icon.pngOffline web applications [IE:10+, FF:3.5+, GC:4+, S:4+]Now deprecated method of defining web page files to be cached using a cache manifest file, allowing them to work offline on subsequent visits to the page.icon.pngWeb Workers [IE:10+, FF:3.5+, GC:4+, S:4+]Method of running scripts in the background, isolated from the web pageicon.png@font-face Web fonts [IE:9+, FF:3.5+, GC:4+, S:3.2+]Method of displaying fonts downloaded from websitesicon.pngEOT - Embedded OpenType fonts [IE:6+, FF:n/a, GC:n/a, S:n/a]Type of font that can be derived from a regular font, allowing small files and legal use of high-quality fonts. Usage is restricted by the file being tied to the websiteicon.pngWOFF - Web Open Font Format [IE:9+, FF:3.6+, GC:5+, S:5.1+]Compressed TrueType/OpenType font that contains information about the font's source.icon.pngCSS3 Multiple backgrounds [IE:9+, FF:3.6+, GC:4+, S:3.1+]Method of using multiple images as a backgroundicon.pngCSS3 Border images [IE:11+, FF:15+, GC:16+, S:6+]Method of using images for bordersicon.pngCSS3 Background-image options [IE:9+, FF:4+, GC:15+, S:7+]New properties to affect background images, including background-clip, background-origin and background-sizeicon.pngCSS Table display [IE:8+, FF:3+, GC:4+, S:3.1+]Method of displaying elements as tables, rows, and cells. Includes support for all `display: table-*` properties as well as `display: inline-table`icon.pngCSS Generated content for pseudo-elements [IE:9+, FF:2+, GC:4+, S:3.1+]Method of displaying text or images before or after the given element's contents using the ::before and ::after pseudo-elements. All browsers with support also support the `attr()` notation in the `content` property.icon.pngCSS position:fixed [IE:7+, FF:2+, GC:4+, S:3.1+]Method of keeping an element in a fixed location regardless of scroll positionicon.pngBeacon API [IE:n/a, FF:31+, GC:39+, S:n/a]Allows data to be sent asynchronously to a server with `navigator.sendBeacon`, even after a page was closed. Useful for posting analytics data the moment a user was finished using the page.icon.pngHashchange event [IE:8+, FF:3.6+, GC:5+, S:5+]Event triggered in JavaScript when the URL's hash has changed (for example: page.html#foo to page.html#bar)icon.pngCSS 2.1 selectors [IE:7+, FF:2+, GC:4+, S:3.1+]Basic CSS selectors including: `*` (universal selector), `>` (child selector), `:first-child`, `:link`, `:visited`, `:active`, `:hover`, `:focus`, `:lang()`, `+` (adjacent sibling selector), `[attr]`, `[attr="val"]`, `[attr~="val"]`, `[attr|="bar"]`, `.foo` (class selector), `#foo` (id selector)icon.pngCSS3 selectors [IE:9+, FF:3.5+, GC:4+, S:3.2+]Advanced element selection using selectors including: `[foo^="bar"]`, `[foo$="bar"]`, `[foo*="bar"]`, `:root`, `:nth-child()`, `:nth-last-child()`, `nth-of-type`, `nth-last-of-type()`, `:last-child`, `:first-of-type`, `:last-of-type`, `:only-child`, `:only-of-type`, `:empty`, `:target`, `:enabled`, `:disabled`, `:checked`, `:not()`, `~` (general sibling)icon.pngCSS3 Text-shadow [IE:n/a, FF:3.5+, GC:4+, S:4+]Method of applying one or more shadow or blur effects to texticon.pngCSS3 Box-shadow [IE:9+, FF:4+, GC:10+, S:5.1+]Method of displaying an inner or outer shadow effect to elementsicon.pngCSS3 Colors [IE:9+, FF:3+, GC:4+, S:3.1+]Method of describing colors using Hue, Saturation and Lightness (hsl()) rather than just RGB, as well as allowing alpha-transparency with rgba() and hsla().icon.pngCSS3 Box-sizing [IE:8+, FF:29+, GC:10+, S:5.1+]Method of specifying whether or not an element's borders and padding should be included in size unitsicon.pngCSS3 Media Queries [IE:8w/pl, FF:3.5+, GC:26+, S:6.1+]Method of applying styles based on media information. Includes things like page and device dimensionsicon.pngCSS3 Multiple column layout [IE:10+, FF:48!pa., GC:52!pa., S:9.1!pa.]Method of flowing information in multiple columnsicon.pngCSS3 Border-radius (rounded corners) [IE:9+, FF:4+, GC:5+, S:5+]Method of making the border corners round. Covers support for the shorthand `border-radius` as well as the long-hand properties (e.g. `border-top-left-radius`)icon.pngCSS3 2D Transforms [IE:10+, FF:16+, GC:36+, S:9+]Method of transforming an element including rotating, scaling, etc. Includes support for `transform` as well as `transform-origin` properties.icon.pngECMAScript 5 Strict Mode [IE:10+, FF:4+, GC:13+, S:6+]Method of placing code in a "strict" operating context.icon.pngWindow.devicePixelRatio [IE:11+, FF:18+, GC:4+, S:3.1+]Read-only property that returns the ratio of the (vertical) size of one physical pixel on the current display device to the size of one CSS pixel.icon.pngCSS3 3D Transforms [IE:11!pa., FF:16+, GC:36+, S:8-px-]Method of transforming an element in the third dimension using the `transform` property. Includes support for the `perspective` property to set the perspective in z-space and the `backface-visibility` property to toggle display of the reverse side of a 3D-transformed element.icon.pngShared Web Workers [IE:n/a, FF:29+, GC:4+, S:5+]Method of allowing multiple scripts to communicate with a single web worker.icon.pngCSS Hyphenation [IE:11-px-, FF:43+, GC:n/a, S:9.1-px-]Method of controlling when words at the end of lines should be hyphenated using the "hyphens" property.icon.pngCSS3 Transitions [IE:10+, FF:16+, GC:26+, S:6.1+]Simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function.icon.pngCSS font-feature-settings [IE:10+, FF:34+, GC:48+, S:9.1+]Method of applying advanced typographic and language-specific font features to supported OpenType fonts.icon.pngCSS Animation [IE:10+, FF:16+, GC:43+, S:9+]Complex method of animating certain properties of an elementicon.pngCSS Gradients [IE:10+, FF:16+, GC:26+, S:6.1+]Method of defining a linear or radial color gradient as a CSS image.icon.pngCSS Canvas Drawings [IE:n/a, FF:n/a, GC:47-px-, S:9.1-px-]Method of using HTML5 Canvas as a background image. Not currently part of any specification.icon.pngCSS Reflections [IE:n/a, FF:n/a, GC:52-px-, S:9.1-px-]Method of displaying a reflection of an elementicon.pngCSS Masks [IE:n/a, FF:48!pa., GC:52!pa., S:9.1!pa.]Method of displaying part of an element, using a selected image as a maskicon.pngBasic console logging functions [IE:10+, FF:4+, GC:4+, S:3.1+]Method of outputting data to the browser's console, intended for development purposes.icon.pngSVG (basic support) [IE:8w/pl, FF:3+, GC:4+, S:3.2+]Method of displaying basic Vector Graphics features using the embed or object elements. Refers to the SVG 1.1 spec.icon.pngSVG in CSS backgrounds [IE:9+, FF:24+, GC:5+, S:5+]Method of using SVG images as CSS backgroundsicon.pngSVG SMIL animation [IE:11w/pl, FF:4+, GC:5+, S:6+]Method of using animation elements to animate SVG imagesicon.pngSVG fonts [IE:8w/pl, FF:n/a, GC:4+, S:3.2+]Method of using fonts defined as SVG shapes. Removed from [SVG 2.0](http://www.w3.org/TR/SVG2/changes.html#fonts) and considered as a deprecated feature with support being removed from browsers.icon.pngSVG filters [IE:10+, FF:3+, GC:8+, S:6+]Method of using photoshop-like effects on SVG objects including blurring and color manipulation.icon.pngSVG effects for HTML [IE:11!pa., FF:3.5+, GC:52!pa., S:9.1!pa.]Method of using SVG transforms, filters, etc on HTML elements using either CSS or the foreignObject elementicon.pngInline SVG in HTML5 [IE:8w/pl, FF:4+, GC:7+, S:5w/pl]Method of using SVG tags directly in HTML documents. Requires HTML5 parser.icon.pngCanvas (basic support) [IE:9+, FF:3.6+, GC:4+, S:4+]Method of generating fast, dynamic graphics using JavaScript.icon.pngText API for Canvas [IE:9+, FF:3.5+, GC:4+, S:4+]Method of displaying text on Canvas elementsicon.pngWeb Storage - name/value pairs [IE:8+, FF:3.5+, GC:4+, S:4+]Method of storing data locally like cookies, but for larger amounts of data (sessionStorage and localStorage, used to fall under HTML5).icon.pngWeb SQL Database [IE:n/a, FF:n/a, GC:4+, S:3.1+]Method of storing data client-side, allows Sqlite database queries for access and manipulationicon.pngIndexedDB [IE:11!pa., FF:16+, GC:24+, S:9.1!pa.]Method of storing data client-side, allows indexed database queries.icon.pngOnline/offline status [IE:9+, FF:3.5+, GC:14+, S:5+]Events to indicate when the user's connected (`online` and `offline` events) and the `navigator.onLine` property to see current status.icon.pngServer-sent events [IE:n/a, FF:6+, GC:6+, S:5+]Method of continuously sending data from a server to the browser, rather than repeatedly requesting it (EventSource interface, used to fall under HTML5)icon.pngCross-document messaging [IE:11!pa., FF:3+, GC:4+, S:4+]Method of sending information from a page on one domain to a page on a different one (using postMessage)icon.pngServer Name Indication [IE:9+, FF:2+, GC:6+, S:3.1+]An extension to the TLS computer networking protocol by which a client indicates which hostname it is attempting to connect to at the start of the handshaking process.icon.pngData URIs [IE:11!pa., FF:2+, GC:4+, S:3.1+]Method of embedding images and other files in webpages as a string of text, generally using base64 encoding.icon.pngWav audio format [IE:n/a, FF:3.5+, GC:8+, S:4+]Waveform Audio File Format, aka WAV or WAVE, a typically uncompressed audio format.icon.pngMathML [IE:8w/pl, FF:4+, GC:24+, S:5.1+]Special tags that allow mathematical formulas and notations to be written on web pages.icon.pngCSS Feature Queries [IE:n/a, FF:22+, GC:28+, S:9+]CSS Feature Queries allow authors to condition rules based on whether particular property declarations are supported in CSS using the @supports at rule.icon.pngXHTML served as application/xhtml+xml [IE:9+, FF:2+, GC:4+, S:3.1+]A strict form of HTML, and allows embedding of other XML languagesicon.pngXHTML+SMIL animation [IE:8!pa., FF:48w/pl, GC:52w/pl, S:9.1w/pl]Method of using SMIL animation in web pagesicon.pngWAI-ARIA Accessibility features [IE:11!pa., FF:48!pa., GC:52!pa., S:9.1!pa.]Method of providing ways for people with disabilities to use dynamic web content and web applications.icon.pngGeolocation [IE:9+, FF:3.5+, GC:5+, S:5+]Method of informing a website of the user's geographical locationicon.pngFlexible Box Layout Module [IE:11!pa., FF:28+, GC:29+, S:9+]Method of positioning elements in horizontal or vertical stacks. Support includes the support for the all properties prefixed with `flex` as well as `display: flex`, `display: inline-flex`, `align-content`, `align-items`, `align-self`, `justify-content` and `order`.icon.pngWebGL - 3D Canvas graphics [IE:10w/pl, FF:48!pa., GC:33+, S:8+]Method of generating dynamic 3D graphics using JavaScript, accelerated through hardwareicon.pngFile API [IE:11!pa., FF:28+, GC:38+, S:9.1!pa.]Method of manipulating file objects in web applications client-side, as well as programmatically selecting them and accessing their data.icon.pngShadow DOM [IE:n/a, FF:n/a, GC:35+, S:n/a]Method of establishing and maintaining functional boundaries between DOM trees and how these trees interact with each other within a document, thus enabling better functional encapsulation within the DOM.icon.pngWeb Sockets [IE:10+, FF:11+, GC:16+, S:7+]Bidirectional communication technology for web appsicon.pnghidden attribute [IE:11+, FF:4+, GC:6+, S:5.1+]The `hidden` attribute may be applied to any element, and effectively hides elements similar to `display: none` in CSS.icon.pngasync attribute for external scripts [IE:10+, FF:3.6+, GC:8+, S:5.1+]The boolean async attribute on script elements allows the external JavaScript file to run when it's available, without delaying page load first.icon.pngMedia Source Extensions [IE:11!pa., FF:42+, GC:23+, S:8+]API allowing media data to be accessed from HTML `video` and `audio` elements.icon.pngCross-Origin Resource Sharing [IE:11+, FF:3.5+, GC:13+, S:5.1!pa.]Method of performing XMLHttpRequests across domainsicon.pngCSS Backdrop Filter [IE:n/a, FF:n/a, GC:n/a, S:9.1-px-]Method of applying filter effects (like blur, grayscale or hue) to content/elements below the target element.icon.pngcalc() as CSS unit value [IE:10+, FF:16+, GC:26+, S:6.1+]Method of allowing calculated values for length units, i.e. `width: calc(100% - 3em)`icon.pngDocument Object Model Range [IE:9+, FF:2+, GC:4+, S:3.1+]A contiguous range of content in a Document, DocumentFragment or Attricon.pngRuby annotation [IE:11!pa., FF:38+, GC:52!pa., S:9.1!pa.]Method of adding pronunciation or other annotations using ruby elements (primarily used in East Asian typography).icon.pngCSS3 Opacity [IE:9+, FF:2+, GC:4+, S:3.1+]Method of setting the transparency level of an elementicon.pngForm validation [IE:10+, FF:4+, GC:10+, S:9.1!pa.]Method of setting required fields and field types without requiring JavaScript. This includes preventing forms from being submitted when appropriate, the `checkValidity()` method as well as support for the `:invalid`, `:valid`, and `:required` CSS pseudo-classes.icon.pngSession history management [IE:10+, FF:4+, GC:5+, S:6+]Method of manipulating the user's browser's session history in JavaScript using `history.pushState`, `history.replaceState` and the `popstate` event.icon.pngJSON parsing [IE:9+, FF:3.5+, GC:4+, S:4+]Method of converting JavaScript objects to JSON strings and JSON back to objects using JSON.stringify() and JSON.parse()icon.pngclassList (DOMTokenList) [IE:11!pa., FF:26+, GC:28+, S:7+]Method of easily manipulating classes on elements, using the DOMTokenList object.icon.pngCSS3 Text-overflow [IE:6+, FF:7+, GC:4+, S:3.1+]Append ellipsis when text overflows its containing elementicon.pngWebM video format [IE:11w/pl, FF:28+, GC:25+, S:9.1w/pl]Multimedia format designed to provide a royalty-free, high-quality open video compression format for use with HTML5 video. WebM supports the video codec VP8 and VP9.icon.pngMPEG-4/H.264 video format [IE:9+, FF:35+, GC:4+, S:3.2+]Commonly used video compression format.icon.pngOgg/Theora video format [IE:11w/pl, FF:3.5+, GC:4+, S:n/a]Free lossy video compression format.icon.pngCSS3 Overflow-wrap [IE:11!pa., FF:48!pa., GC:23+, S:6.1+]Allows lines to be broken within words if an otherwise unbreakable string is too long to fit. Currently mostly supported using the `word-wrap` property.icon.pngPointerLock API [IE:n/a, FF:41+, GC:37+, S:n/a]API that provides access to raw mouse movement data. This is done by ignoring boundaries resulting from screen edges where the cursor can't go beyond, providing proper control for first person or real time strategy games.icon.pngCSS3 object-fit/object-position [IE:n/a, FF:36+, GC:31+, S:9.1!pa.]Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does.icon.pngXMLHttpRequest advanced features [IE:11!pa., FF:12+, GC:31+, S:7.1+]Adds more functionality to XHR (aka AJAX) requests like file uploads, transfer progress information and the ability to send form data. Previously known as [XMLHttpRequest Level 2](http://www.w3.org/TR/2012/WD-XMLHttpRequest-20120117/), these features now appear simply in the XMLHttpRequest spec.icon.pngCSS min/max-width/height [IE:9+, FF:2+, GC:4+, S:3.1+]Method of setting a minimum or maximum width or height to an element.icon.pngDetails & Summary elements [IE:8w/pl, FF:48+, GC:12+, S:6+]The element generates a simple no-JavaScript widget to show/hide element contents, optionally by clicking on its child element.icon.pngCSS text-stroke [IE:n/a, FF:n/a, GC:52-px-, S:9.1-px-]Method of declaring the outline (stroke) width and color for text.icon.pngCSS inline-block [IE:8+, FF:3+, GC:4+, S:3.1+]Method of displaying an element as a block while flowing it with text.icon.pngWeb Notifications [IE:n/a, FF:22+, GC:22+, S:6+]Method of alerting the user outside of a web page by displaying notifications (that do not require interaction by the user).icon.pnggetUserMedia/Stream API [IE:n/a, FF:48-px-, GC:52!pa., S:n/a]Method of accessing external device data (such as a webcam video stream). Formerly this was envisioned as the element.icon.pngSVG in HTML img element [IE:9+, FF:4+, GC:28+, S:9+]Method of displaying SVG images in HTML using .icon.pngDatalist element [IE:11!pa., FF:48!pa., GC:52!pa., S:9.1w/pl]Method of setting a list of options for a user to select in a text field, while leaving the ability to enter a custom value.icon.pngdataset & data-* attributes [IE:11+, FF:6+, GC:45+, S:5!pa.]Method of applying and accessing custom data to elements.icon.pngCSS Grid Layout [IE:11!pa., FF:48w/pl, GC:52w/pl, S:9.1w/pl]Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for lay out into columns and rows using a set of predictable sizing behaviorsicon.pngToolbar/context menu [IE:n/a, FF:48!pa., GC:n/a, S:n/a]Method of defining a toolbar menu, a context menu or a list of (interactive) options using the element.icon.pngCSS zoom [IE:5.5+, FF:n/a, GC:4+, S:4+]Non-standard method of scaling content.icon.pngrem (root em) units [IE:11+, FF:3.6+, GC:4+, S:5+]Type of unit similar to `em`, but relative only to the root element, not any parent element. Thus compounding does not occur as it does with `em` units.icon.pngTTF/OTF - TrueType and OpenType font support [IE:11!pa., FF:3.5+, GC:4+, S:3.1+]Support for the TrueType (.ttf) and OpenType (.otf) outline font formats in @font-face.icon.pngTouch events [IE:11w/pl, FF:18+, GC:22+, S:n/a]Method of registering when, where and how the interface is touched, for devices with a touch screen. These DOM events are similar to mousedown, mousemove, etc.icon.pngmatches() DOM method [IE:11!pa., FF:34+, GC:34+, S:7.1+]Method of testing whether or not a DOM element matches a given selector. Formerly known (and largely supported with prefix) as matchesSelector.icon.pngCSS pointer-events (for HTML) [IE:11+, FF:3.6+, GC:4+, S:4+]This CSS property, when set to "none" allows elements to not receive hover/click events, instead the event will occur on anything behind it.icon.pngBlob constructing [IE:10+, FF:13+, GC:20+, S:6+]Construct Blobs (binary large objects) either using the BlobBuilder API (deprecated) or the Blob constructor.icon.pngFileReader API [IE:11!pa., FF:3.6+, GC:6+, S:6+]Method of reading the contents of a File or Blob object into memoryicon.pngFilesystem & FileWriter API [IE:n/a, FF:n/a, GC:52-px-, S:n/a]Method of reading and writing files to a sandboxed file system.icon.pngBlob URLs [IE:10+, FF:4+, GC:23+, S:6.1+]Method of creating URL handles to the specified File or Blob object.icon.pngrelList (DOMTokenList) [IE:n/a, FF:30+, GC:n/a, S:9+]Method of easily manipulating rel attribute values on elements, using the DOMTokenList object (similar to classList).icon.pngTyped Arrays [IE:11+, FF:4+, GC:7+, S:6+]JavaScript typed arrays provide a mechanism for accessing raw binary data much more efficiently.icon.pngDeviceOrientation & DeviceMotion events [IE:11!pa., FF:48!pa., GC:52!pa., S:n/a]API for detecting orientation and motion events from the device running the browser.icon.pngdefer attribute for external scripts [IE:10+, FF:3.5+, GC:8+, S:5+]The boolean defer attribute on script elements allows the external JavaScript file to run when the DOM is loaded, without delaying page load first.icon.pngNavigation Timing API [IE:9+, FF:7+, GC:13+, S:8+]API for accessing timing information related to navigation and elements.icon.pngWeb Audio API [IE:n/a, FF:25+, GC:34+, S:9.1-px-]High-level JavaScript API for processing and synthesizing audioicon.pngCSS Regions [IE:11!pa., FF:n/a, GC:18!pa., S:9.1-px-]Method of flowing content into multiple elements.icon.pngSpellcheck attribute [IE:10+, FF:2+, GC:9+, S:5.1+]Attribute for `input`/`textarea` fields to enable/disable the browser's spellchecker.icon.pngFull Screen API [IE:11!pa., FF:47+, GC:52!pa., S:9.1!pa.]API for allowing content (like a video or canvas element) to take up the entire screen.icon.pngCSS Exclusions Level 1 [IE:11-px-, FF:n/a, GC:n/a, S:n/a]Exclusions defines how inline content flows around elements. It extends the content wrapping ability of floats to any block-level element.icon.pngrequestAnimationFrame [IE:10+, FF:23+, GC:24+, S:6.1+]API allowing a more efficient way of running script-based animation, compared to traditional methods using timeouts. Also covers support for `cancelAnimationFrame`icon.pngRange input type [IE:10+, FF:23+, GC:4+, S:3.1+]Form field type that allows the user to select a value using a slider widget.icon.pngmatchMedia [IE:10+, FF:6+, GC:9+, S:5.1+]API for finding out whether or not a media query applies to the document.icon.pngDate and time input types [IE:n/a, FF:n/a, GC:20+, S:n/a]Form field widget to easily allow users to enter a date, time or both, generally by using a calendar/time input widget.icon.pngDocument.execCommand() [IE:5.5+, FF:9+, GC:4+, S:6+]Allows running commands to manipulate the contents of an editable region in a document switched to designModeicon.pngColor input type [IE:n/a, FF:29+, GC:20+, S:n/a]Form field allowing the user to select a color.icon.pngNumber input type [IE:11!pa., FF:n/a, GC:6+, S:5+]Form field type for numbers.icon.pngElement.getBoundingClientRect() [IE:9+, FF:12+, GC:4+, S:4+]Method to get the size and position of an element's bounding box, relative to the viewport.icon.pngsandbox attribute for iframes [IE:10+, FF:28+, GC:4+, S:5+]Method of running external site pages with reduced privileges (e.g. no JavaScript) in iframes.icon.pngCSS Counters [IE:8+, FF:2+, GC:4+, S:3.1+]Method of controlling number values in generated content, using the `counter-reset` and `counter-increment` properties.icon.pngCSS resize property [IE:n/a, FF:5+, GC:4+, S:4+]Method of allowing an element to be resized by the user, with options to limit to a given direction.icon.pnginput placeholder attribute [IE:10+, FF:4+, GC:4+, S:5+]Method of setting placeholder text for text-like input fields, to suggest the expected inserted information.icon.pngSPDY protocol [IE:11+, FF:13+, GC:4+, S:8+]Networking protocol for low-latency transport of content over the web. Superseded by HTTP version 2.icon.pngCSS Repeating Gradients [IE:10+, FF:16+, GC:26+, S:6.1+]Method of defining a repeating linear or radial color gradient as a CSS image.icon.pngCSS Filter Effects [IE:n/a, FF:35+, GC:52-px-, S:9.1+]Method of applying filter effects (like blur, grayscale, brightness, contrast and hue) to elements, previously only possible by using SVG.icon.pnggetComputedStyle [IE:9+, FF:4+, GC:11+, S:5+]API to get the current computed CSS styles applied to an element. This may be the current value applied by an animation or as set by a stylesheet.icon.pngMP3 audio format [IE:9+, FF:22+, GC:4+, S:4+]Popular lossy audio compression formaticon.pngCSS3 word-break [IE:5.5+, FF:15+, GC:44+, S:9+]Property to prevent or allow words to be broken over multiple lines between letters.icon.pngViewport units: vw, vh, vmin, vmax [IE:11!pa., FF:19+, GC:26+, S:6.1+]Length units representing 1% of the viewport size for viewport width (vw), height (vh), the smaller of the two (vmin), or the larger of the two (vmax).icon.pngContent Security Policy 1.0 [IE:11!pa., FF:23+, GC:25+, S:7+]Mitigate cross-site scripting attacks by whitelisting allowed sources of script, style, and other resources.icon.pngPage Visibility [IE:10+, FF:18+, GC:33+, S:6.1+]JavaScript API for determining whether a document is visible on the displayicon.pngStrict Transport Security [IE:n/a, FF:4+, GC:4+, S:7+]Declare that a website is only accessible over a secure connection (HTTPS).icon.pngScoped CSS [IE:n/a, FF:21+, GC:n/a, S:n/a]Allows CSS rules to be scoped to part of the document, based on the position of the style element.icon.pngSVG fragment identifiers [IE:9+, FF:15+, GC:50+, S:8!pa.]Method of displaying only a part of an SVG image by defining a view ID or view box dimensions as the file's fragment identifier.icon.pngCSS outline [IE:8+, FF:2+, GC:4+, S:3.1+]The CSS outline property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is preferable and more convenient.icon.pngDownload attribute [IE:n/a, FF:20+, GC:14+, S:n/a]When used on an anchor, this attribute signifies that the browser should download the resource the anchor points to rather than navigate to it.icon.pngPointer events [IE:11+, FF:48!pa., GC:52w/pl, S:9.1w/pl]This specification integrates various inputs from mice, touchscreens, and pens, making separate implementations no longer necessary and authoring for cross-device pointers easier. Not to be mistaken with the unrelated "pointer-events" CSS property.icon.pngCSS user-select: none [IE:11-px-, FF:48-px-, GC:52-px-, S:9.1-px-]Method of preventing text/element selection using CSS.icon.pngaccept attribute for file input [IE:10+, FF:37+, GC:26+, S:9.1!pa.]Allows a filter to be defined for what type of files a user may pick with from an `` dialogicon.pngWebP image format [IE:n/a, FF:48w/pl, GC:23+, S:n/a]Image format that supports lossy and lossless compression, as well as animation and alpha transparency.icon.pngautocomplete attribute: on & off values [IE:5.5+, FF:2+, GC:17+, S:5.1+]The `autocomplete` attribute for `input` elements indicates to the browser whether a value should or should not be autofilled when appropriate.icon.pngIntrinsic & Extrinsic Sizing [IE:n/a, FF:48!pa., GC:45-px-, S:9.1!pa.]Allows for the heights and widths to be specified in intrinsic values using the `fill`, `max-content`, `min-content`, and `fit-content` properties.icon.pngWeb Cryptography [IE:11!pa., FF:34+, GC:37+, S:9.1-px-]JavaScript API for performing basic cryptographic operations in web applicationsicon.pngHTML templates [IE:n/a, FF:22+, GC:26+, S:7.1+]Method of declaring a portion of reusable markup that is parsed but not rendered until cloned.icon.pngOpus [IE:n/a, FF:15+, GC:33+, S:n/a]Royalty-free open audio codec by IETF, which incorporated SILK from Skype and CELT from Xiph.org, to serve higher sound quality and lower latency at the same bitrate.icon.pngJPEG XR image format [IE:9+, FF:n/a, GC:n/a, S:n/a]The latest JPEG image format of Joint Photographic Experts Group which boasts better compression and supports lossless compression, alpha channel, and 48-bit deep color over normal jpg format.icon.pngChannel messaging [IE:10+, FF:41+, GC:4+, S:5+]Method for having two-way communication between browsing contexts (using MessageChannel)icon.pngCSS3 tab-size [IE:n/a, FF:48!pa., GC:42+, S:9.1!pa.]Method of customizing the width of the tab character. Only effective using 'white-space: pre' or 'white-space: pre-wrap'.icon.pngMutation Observer [IE:11+, FF:14+, GC:27+, S:6.1+]Method for observing and reacting to changes to the DOM. Replaces MutationEvents, which is deprecated.icon.png::selection CSS pseudo-element [IE:9+, FF:48-px-, GC:4+, S:3.1+]The ::selection CSS pseudo-element applies rules to the portion of a document that has been highlighted (e.g., selected with the mouse or another pointing device) by the user.icon.png::placeholder CSS pseudo-element [IE:11!pa., FF:48-px-, GC:52!pa., S:9.1!pa.]The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text `YYYY/MM/DD` to clarify that numeric dates are to be entered in year-month-day order.icon.pngCSS Device Adaptation [IE:11!pa., FF:n/a, GC:n/a, S:n/a]A standard way to override the size of viewport in web page using the `@viewport` rule, standardizing and replacing Apple's own popular `` viewport implementation.icon.pngtext-emphasis styling [IE:n/a, FF:n/a, GC:52!pa., S:7.1+]Method of using small symbols next to each glyph to emphasize a run of text, commonly used in East Asian languages. The `text-emphasis` shorthand, and its `text-emphasis-style` and `text-emphasis-color` longhands, can be used to apply marks to the text. The `text-emphasis-position` property, which inherits separately, allows setting the emphasis marks' position with respect to the text.icon.pngWeb MIDI API [IE:n/a, FF:n/a, GC:43+, S:n/a]The Web MIDI API specification defines a means for web developers to enumerate, manipulate and access MIDI devicesicon.pngCanvas blend modes [IE:n/a, FF:20+, GC:30+, S:6.1+]Method of defining the effect resulting from overlaying two layers on a Canvas element.icon.pngClipboard API [IE:11!pa., FF:48!pa., GC:52!pa., S:9.1!pa.]API to provide copy, cut and paste events as well as provide access to the OS clipboard.icon.pngWebRTC Peer-to-peer connections [IE:n/a, FF:44+, GC:52-px-, S:n/a]Method of allowing two users to communicate directly, browser to browser using the RTCPeerConnection API.icon.pngCSS3 Cursors (original values) [IE:9+, FF:4+, GC:5+, S:5+]CSS3 cursor values added in the 2004 spec, including none, context-menu, cell, vertical-text, alias, copy, no-drop, not-allowed, nesw-resize, nwse-resize, col-resize, row-resize and all-scroll.icon.pngCSS3 Cursors: zoom-in & zoom-out [IE:n/a, FF:24+, GC:37+, S:9+]Support for `zoom-in`, `zoom-out` values for the CSS3 `cursor` property.icon.pngWebVTT - Web Video Text Tracks [IE:10+, FF:n/a, GC:18+, S:6+]Format for marking up text captions for multimedia resources.icon.pngPromises [IE:11w/pl, FF:29+, GC:33+, S:7.1+]A promise represents the eventual result of an asynchronous operation.icon.pngCSS position:sticky [IE:n/a, FF:32+, GC:n/a, S:9.1-px-]Keeps elements positioned as "fixed" or "relative" depending on how it appears in the viewport. As a result the element is "stuck" when necessary while scrolling.icon.pngDialog element [IE:n/a, FF:n/a, GC:37+, S:n/a]Method of easily creating custom dialog boxes to display to the user with modal or non-modal options. Also includes a `::backdrop` pseudo-element for behind the element.icon.pngCSS Variables (Custom Properties) [IE:n/a, FF:31+, GC:49+, S:9.1+]Permits the declaration and usage of cascading variables in stylesheets.icon.pngVibration API [IE:n/a, FF:16+, GC:30+, S:n/a]Method to access the vibration mechanism of the hosting device.icon.pngCSS background-blend-mode [IE:n/a, FF:30+, GC:35+, S:9.1!pa.]Allows blending between CSS background images, gradients, and colors.icon.pngBlending of HTML/SVG elements [IE:n/a, FF:32+, GC:41+, S:9.1!pa.]Allows blending between arbitrary SVG and HTML elementsicon.pngSpeech Recognition API [IE:n/a, FF:n/a, GC:52!pa., S:n/a]Method to provide speech input in a web browser.icon.pngHigh Resolution Time API [IE:10+, FF:15+, GC:24+, S:8+]Method to provide the current time in sub-millisecond resolution and such that it is not subject to system clock skew or adjustments. Called using `performance.now()`icon.pngBattery Status API [IE:n/a, FF:43+, GC:38+, S:n/a]Method to provide information about the battery status of the hosting device.icon.pngService Workers [IE:n/a, FF:48!pa., GC:52!pa., S:n/a]Method that enables applications to take advantage of persistent background processing, including hooks to enable bootstrapping of web applications while offline.icon.pngtext-decoration styling [IE:n/a, FF:36+, GC:n/a, S:9.1!pa.]Method of defining the type, style and color of lines in the text-decoration property. These can be defined as shorthand (e.g. `text-decoration: line-through dashed blue`) or as single properties (e.g. `text-decoration-color: blue`)icon.pngsrcdoc attribute for iframes [IE:11w/pl, FF:25+, GC:20+, S:6+]Override the content specified in the `src` attribute (if present) with HTML content within the attribute.icon.pngSpeech Synthesis API [IE:n/a, FF:n/a, GC:33+, S:7+]A web API for controlling a text-to-speech output.icon.pngUser Timing API [IE:10+, FF:38+, GC:25+, S:n/a]Method to help web developers measure the performance of their applications by giving them access to high precision timestamps.icon.pngSrcset attribute [IE:n/a, FF:38+, GC:38+, S:9+]Allows authors to define various image resources and "hints" that assist a user agent to determine the most appropriate image source to display (e.g. high-resolution displays, small monitors, etc).icon.pngAmbient Light API [IE:n/a, FF:48!pa., GC:n/a, S:n/a]Defines events that provide information about the ambient light level, as measured by a device's light sensor.icon.pngCSS will-change property [IE:n/a, FF:36+, GC:36+, S:9.1+]Method of optimizing animations by informing the browser which elements will change and what properties will change.icon.pngCSS Shapes Level 1 [IE:n/a, FF:n/a, GC:37+, S:9.1-px-]Allows geometric shapes to be set in CSS to define an area for text to flow around.icon.pngDOMContentLoaded [IE:9+, FF:2+, GC:4+, S:3.1+]JavaScript event that fires when the DOM is loaded, but before all page assets are loaded (CSS, images, etc.).icon.pngProximity API [IE:n/a, FF:15+, GC:n/a, S:n/a]Defines events that provide information about the distance between a device and an object, as measured by a proximity sensor.icon.pngImproved kerning pairs & ligatures [IE:n/a, FF:3+, GC:4+, S:5+]Currently non-standard method of improving kerning pairs & ligatures using `text-rendering: optimizeLegibility`.icon.pngseamless attribute for iframes [IE:n/a, FF:n/a, GC:n/a, S:n/a]The seamless attribute makes an iframe's contents actually part of a page, and adopts the styles from its hosting page. The attribute has been [removed from the current specification](https://github.com/whatwg/html/issues/331).icon.pngCSS3 image-orientation [IE:n/a, FF:26+, GC:n/a, S:n/a]CSS property used generally to fix the intended orientation of an image. This can be done using 90 degree increments or based on the image's EXIF data using the "from-image" value.icon.pngPicture element [IE:n/a, FF:38+, GC:38+, S:9.1+]A responsive images method to control which image resource a user agent presents to a user, based on resolution, media query and/or support for a particular image formaticon.pngWOFF 2.0 - Web Open Font Format [IE:n/a, FF:39+, GC:36+, S:n/a]TrueType/OpenType font that provides better compression than WOFF 1.0.icon.pngCSS text-size-adjust [IE:n/a, FF:n/a, GC:n/a, S:n/a]On mobile devices, the text-size-adjust CSS property allows Web authors to control if and how the text-inflating algorithm is applied to the textual content of the element it is applied to.icon.pngWeb Animations API [IE:n/a, FF:48!pa., GC:52!pa., S:n/a]Lets you create animations that are run in the browser and as well as inspect and manipulate animations created through declarative means like CSS.icon.pngResource Timing [IE:10+, FF:35+, GC:25+, S:n/a]Method to help web developers to collect complete timing information related to resources on a document.icon.pngCustom Elements [IE:11w/pl, FF:48w/pl, GC:33+, S:9.1w/pl]Method of defining and using new types of DOM elements in a document.icon.pngHTML Imports [IE:11w/pl, FF:48w/pl, GC:36+, S:9.1w/pl]Method of including and reusing HTML documents in other HTML documents.icon.pngMultiple file selection [IE:10+, FF:3.6+, GC:5+, S:4+]Allows users to select multiple files in the file picker.icon.pngBase64 encoding and decoding [IE:10+, FF:2+, GC:4+, S:3.1+]Utility functions for of encoding and decoding strings to and from base 64: window.atob() and window.btoa().icon.pngCSS Appearance [IE:n/a, FF:48!pa., GC:52!pa., S:9.1!pa.]The `appearance` property defines how elements (particularly form controls) appear by default. By setting the value to `none` the default appearance can be entirely redefined using other CSS properties.icon.pngObject RTC (ORTC) API for WebRTC [IE:n/a, FF:n/a, GC:n/a, S:n/a]Enables mobile endpoints to talk to servers and web browsers with Real-Time Communications (RTC) capabilities via native and simple JavaScript APIsicon.pngCSS background-position edge offsets [IE:9+, FF:13+, GC:25+, S:7+]Allows CSS background images to be positioned relative to the specified edge using the 3 to 4 value syntax. For example: `background-position: right 5px bottom 5px;` for positioning 5px from the bottom-right corner.icon.pngCSS.supports() API [IE:n/a, FF:23+, GC:28+, S:9+]The CSS.supports() static methods returns a Boolean value indicating if the browser supports a given CSS feature, or not.icon.pngCSS touch-action property [IE:11+, FF:n/a, GC:36+, S:9.1+]touch-action is a CSS property that controls filtering of gesture events, providing developers with a declarative mechanism to selectively disable touch scrolling (in one or both axes), pinch-zooming or double-tap-zooming.icon.pngAutofocus attribute [IE:10+, FF:4+, GC:5+, S:5+]Allows a form field to be immediately focused on page load.icon.pngCSS clip-path property [IE:n/a, FF:48!pa., GC:52!pa., S:9.1!pa.]Method of defining the visible region of an element using SVG or a shape definition.icon.pngcrypto.getRandomValues() [IE:11-px-, FF:21+, GC:11+, S:6.1+]Method of generating cryptographically random values.icon.pngScreen Orientation [IE:11!pa., FF:44+, GC:38+, S:n/a]Provides the ability to read the screen orientation state, to be informed when this state changes, and to be able to lock the screen orientation to a specific state.icon.pngCSS Font Loading [IE:n/a, FF:41+, GC:35+, S:n/a]This CSS module defines a scripting interface to font faces in CSS, allowing font faces to be easily created and loaded from script. It also provides methods to track the loading status of an individual font, or of all the fonts on an entire page.icon.pngFont unicode-range subsetting [IE:11!pa., FF:44+, GC:36+, S:9.1!pa.]This @font-face descriptor defines the set of Unicode codepoints that may be supported by the font face for which it is declared. The descriptor value is a comma-delimited list of Unicode range () values. The union of these ranges defines the set of codepoints that serves as a hint for user agents when deciding whether or not to download a font resource for a given text run.icon.pngGamepad API [IE:n/a, FF:29+, GC:25+, S:n/a]API to support input from USB gamepad controllers through JavaScript.icon.pngCSS font-stretch [IE:9+, FF:9+, GC:48+, S:n/a]If a font has multiple types of variations based on the width of characters, the `font-stretch` property allows the appropriate one to be selected. The property in itself does not cause the browser to stretch to a font.icon.pngCSS font-size-adjust [IE:n/a, FF:3+, GC:n/a, S:n/a]Method of adjusting the font size in a matter that relates to the height of lowercase vs. uppercase letters. This makes it easier to set the size of fallback fonts.icon.pngPNG favicons [IE:11+, FF:2+, GC:n/a, S:n/a]Icon used by browsers to identify a webpage or site. While all browsers support the `.ico` format, the PNG format can be preferable.icon.pngSVG favicons [IE:n/a, FF:40!pa., GC:n/a, S:9.1!pa.]Icon used by browsers to identify a webpage or site. While all browsers support the `.ico` format, the SVG format can be preferable to more easily support higher resolutions or larger icons.icon.pngMedia Queries: resolution feature [IE:11!pa., FF:16+, GC:29+, S:9.1!pa.]Allows a media query to be set based on the device pixels used per CSS unit. While the standard uses `min`/`max-resolution` for this, some browsers support the older non-standard `device-pixel-ratio` media query.icon.pngDOM Parsing and Serialization [IE:10+, FF:12+, GC:30+, S:7.1+]Various DOM parsing and serializing functions, specifically `DOMParser`, `XMLSerializer`, `innerHTML`, `outerHTML` and `adjacentHTML`.icon.pngCSS image-set [IE:n/a, FF:n/a, GC:52-px-, S:9.1-px-]Method of letting the browser pick the most appropriate CSS background image from a given set, primarily for high PPI screens.icon.pngCSS box-decoration-break [IE:n/a, FF:32+, GC:52!pa., S:9.1!pa.]Controls whether the box's margins, borders, padding, and other decorations wrap the broken edges of the box fragments (when the box is split by a break (page/column/region/line).icon.pngObject.observe data binding [IE:n/a, FF:n/a, GC:36+, S:n/a]Method for data binding, a now-withdrawn ECMAScript 7 proposalicon.pngCSS Counter Styles [IE:n/a, FF:48!pa., GC:n/a, S:n/a]The @counter-style CSS at-rule allows custom counter styles to be defined. A @counter-style rule defines how to convert a counter value into a string representation.icon.pngCSS page-break properties [IE:11!pa., FF:48!pa., GC:52!pa., S:9.1!pa.]Properties to control the way elements are broken across (printed) pages.icon.png:placeholder-shown CSS pseudo-class [IE:n/a, FF:n/a, GC:47+, S:9+]Input elements can sometimes show placeholder text as a hint to the user on what to type in. See, for example, the placeholder attribute in HTML5. The :placeholder-shown pseudo-class matches an input element that is showing such placeholder text.icon.pngBroadcastChannel [IE:n/a, FF:38+, GC:n/a, S:n/a]BroadcastChannel allows scripts from the same origin but other browsing contexts (windows, workers) to send each other messages.icon.pngCrisp edges/pixelated images [IE:11!pa., FF:48-px-, GC:n/a, S:9.1-px-]Scales images with an algorithm that preserves edges and contrast, without smoothing colors or introducing blur. This is intended for images such as pixel art. Official values that accomplish this for the `image-rendering` property are `crisp-edges` and `pixelated`.icon.pngCSS3 text-align-last [IE:11!pa., FF:48-px-, GC:47+, S:n/a]CSS property to describe how the last line of a block or a line right before a forced line break when `text-align` is `justify`.icon.pngCSS Logical Properties [IE:n/a, FF:48!pa., GC:52!pa., S:9.1!pa.]Use start/end properties that depend on LTR or RTL writing direction instead of left/righticon.pngFetch [IE:n/a, FF:40+, GC:42+, S:n/a]A modern replacement for XMLHttpRequest.icon.pngReferrer Policy [IE:n/a, FF:36+, GC:21+, S:9.1!pa.]Allow control of HTTP referrers via the referrer meta tag.icon.pngCSS background-attachment [IE:9+, FF:25+, GC:4+, S:5+]Method of defining how a background image is attached to a scrollable element. Values include `scroll` (default), `fixed` and `local`.icon.pngCSS currentColor value [IE:9+, FF:2+, GC:4+, S:4+]A CSS value that will apply the existing `color` value to other properties like `background-color`, etc.icon.pngPattern attribute for input fields [IE:10+, FF:4+, GC:10+, S:9.1!pa.]Allows validation of an input field based on a given regular expression pattern.icon.pngCustom protocol handling [IE:n/a, FF:3+, GC:n/a, S:n/a]Method of allowing a webpage to handle a given protocol using `navigator.registerProtocolHandler`. This allows certain URLs to be opened by a given web application, for example `mailto:` addresses can be opened by a webmail client.icon.pngCSS Scroll snap points [IE:11!pa., FF:39+, GC:n/a, S:9.1!pa.]CSS technique that allows customizable scrolling experiences like pagination of carousels by setting defined snap points.icon.pngMinimum length attribute for input fields [IE:n/a, FF:n/a, GC:40+, S:n/a]Declares a lower bound on the number of characters a user can input.icon.pngMedia Queries: interaction media features [IE:n/a, FF:n/a, GC:41+, S:9+]Allows a media query to be set based on the presence and accuracy of the user's pointing device, and whether they have the ability to hover over elements on the page. This includes the `pointer`, `any-pointer`, `hover`, and `any-hover` media features.icon.pngInput Method Editor API [IE:11-px-, FF:n/a, GC:n/a, S:n/a]Provides scripted access to the Input Method Editor (IME). An IME is often used to input characters from East Asian languages by typing roman characters and selecting from the resulting suggestions.icon.pngCSS font-smooth [IE:n/a, FF:48!pa., GC:52!pa., S:9.1!pa.]Controls the application of anti-aliasing when fonts are rendered.icon.pngAudio Tracks [IE:10+, FF:n/a, GC:n/a, S:6.1+]Method of specifying and selecting between multiple audio tracks. Useful for providing audio descriptions, director's commentary, additional languages, alternative takes, etc.icon.pngVideo Tracks [IE:n/a, FF:n/a, GC:n/a, S:6.1+]Method of specifying and selecting between multiple video tracks. Useful for providing sign language tracks, burnt-in captions or subtitles, alternative camera angles, etc.icon.pngContent Security Policy Level 2 [IE:n/a, FF:48!pa., GC:40+, S:n/a]Mitigate cross-site scripting attacks by whitelisting allowed sources of script, style, and other resources. CSP 2 adds hash-source, nonce-source, and five new directivesicon.pngPermissions API [IE:n/a, FF:46+, GC:43+, S:n/a]High-level JavaScript API for checking and requesting permissionsicon.pngHTTP/2 protocol [IE:11!pa., FF:n/a, GC:n/a, S:9.1!pa.]Networking protocol for low-latency transport of content over the web. Originally started out from the SPDY protocol, now standardized as HTTP version 2.icon.pngCSS3 font-kerning [IE:n/a, FF:34+, GC:33+, S:9.1+]Controls the usage of the kerning information (spacing between letters) stored in the font. Note that this only affects OpenType fonts with kerning information, it has no effect on other fonts.icon.pngJPEG 2000 image format [IE:n/a, FF:n/a, GC:n/a, S:6+]JPEG 2000 (JP2) was created by the Joint Photographic Experts Group committee in 2000 with the intention of superseding their original discrete cosine transform-based JPEG standard (created in 1992) with a newly designed, wavelet-based method. It offers some advantages in image fidelity over standard JPEG.icon.pngUpgrade Insecure Requests [IE:n/a, FF:42+, GC:43+, S:n/a]Declare that browsers should transparently upgrade HTTP resources on a website to HTTPS.icon.pngPublic Key Pinning [IE:n/a, FF:35+, GC:38+, S:n/a]Declare that a website's HTTPS certificate should only be treated as valid if the public key is contained in a specified list to prevent MITM attacks that use valid CA-issued certificates.icon.pngEmail, telephone & URL input types [IE:10+, FF:4+, GC:5+, S:5+]Text input fields intended for email addresses, telephone numbers or URLs. Particularly useful in combination with [form validation](http://caniuse.com/#feat=form-validation)icon.pngdisabled attribute of the fieldset element [IE:11!pa., FF:4+, GC:20+, S:6+]Allows disabling all of the form control descendants of a fieldset via a `disabled` attribute on the fieldset element itself.icon.pngCSS font-variant-alternates [IE:n/a, FF:34+, GC:n/a, S:9.1+]Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values for certain types of OpenType fonts.icon.pngForm attribute [IE:n/a, FF:4+, GC:10+, S:5.1+]Attribute for associating input and submit buttons with a form.icon.pngECMAScript 5 [IE:10+, FF:21+, GC:23+, S:6+]Full support for the ECMAScript 5 specification. Features include `Function.prototype.bind`, Array methods like `indexOf`, `forEach`, `map` & `filter`, Object methods like `defineProperty`, `create` & `keys`, the `trim` method on Strings and many more.icon.pngPageTransitionEvent [IE:11+, FF:2+, GC:4+, S:5+]Fired at the Window when the page's entry in the session history stops being the current entry. Includes the `pageshow` and `pagehide` events.icon.pngOgg Vorbis audio format [IE:n/a, FF:3.5+, GC:4+, S:n/a]Vorbis is a free and open source audio format, most commonly used with the Ogg container.icon.pngprogress element [IE:10+, FF:6+, GC:8+, S:6+]Method of indicating a progress state.icon.pngCSS filter() function [IE:n/a, FF:n/a, GC:n/a, S:9.1+]This function filters a CSS input image with a set of filter functions (like blur, grayscale or hue)icon.pngCSS element() function [IE:n/a, FF:48-px-, GC:n/a, S:n/a]This function renders a live image generated from an arbitrary HTML elementicon.pngFIDO U2F API [IE:n/a, FF:n/a, GC:41+, S:n/a]Javascript API to interact with Universal Second Factor (U2F) devices. This allows users to log into sites more securely using two-factor authentication with a USB dongle.icon.pngAAC audio file format [IE:9+, FF:48!pa., GC:12+, S:4+]Advanced Audio Coding format, designed to be the successor format to MP3, with generally better sound quality.icon.pngResource Hints: prefetch [IE:11+, FF:2+, GC:8+, S:n/a]Informs the browsers that a given resource should be prefetched so it can be loaded more quickly. This is indicated using ``icon.pngReversed attribute of ordered lists [IE:n/a, FF:18+, GC:20+, S:6.1+]This attribute makes an ordered list number its items in descending order (large to small), instead of ascending order (small to large; the default). The order that the list items are displayed in is not affected.icon.png::first-letter CSS pseudo-element selector [IE:9+, FF:3.5+, GC:9+, S:5.1+]CSS pseudo-element that allows styling only the first "letter" of text within an element. Useful for implementing initial caps or drop caps styling.icon.pngwbr (word break opportunity) element [IE:5.5+, FF:2+, GC:4+, S:3.2+]Represents an extra place where a line of text may optionally be broken.icon.pngconst [IE:11+, FF:36+, GC:52!pa., S:9.1!pa.]Declares a constant with block level scopeicon.pngCSS all property [IE:n/a, FF:27+, GC:37+, S:9.1+]A shorthand property for resetting all CSS properties except for `direction` and `unicode-bidi`.icon.pngCSS initial value [IE:n/a, FF:19+, GC:4+, S:3.2+]A CSS value that will apply a property's initial value as defined in the CSS specification that defines the propertyicon.pngletter-spacing CSS property [IE:9+, FF:2+, GC:30+, S:6.1+]Controls spacing between characters of text (i.e. "tracking" in typographical terms). Not to be confused with kerning.icon.pngCSS unset value [IE:n/a, FF:27+, GC:41+, S:9.1+]A CSS value that's the same as "inherit" if a property is inherited or "initial" if a property is not inherited.icon.pngElement.insertAdjacentHTML() [IE:10+, FF:8+, GC:4+, S:4+]Inserts a string of HTML into a specified position in the DOM relative to the given element.icon.pnglet [IE:11+, FF:44+, GC:49+, S:n/a]Declares a variable with block level scopeicon.pngArrow functions [IE:n/a, FF:22+, GC:45+, S:n/a]Function shorthand using `=>` syntax and lexical `this` binding.icon.pngasm.js [IE:n/a, FF:22+, GC:52!pa., S:n/a]an extraordinarily optimizable, low-level subset of JavaScript, indended to be a compile target from languages like C++.icon.pngResource Hints: Lazyload [IE:11+, FF:n/a, GC:n/a, S:n/a]Gives a hint to the browser to lower the loading priority of a resource.icon.pngResource Hints: dns-prefetch [IE:10+, FF:3.5+, GC:4+, S:5+]Gives a hint to the browser to perform a DNS lookup in the background to improve performance. This is indicated using ``icon.pngResource Hints: prerender [IE:11+, FF:n/a, GC:13+, S:n/a]Gives a hint to the browser to render the specified page in the background, speeding up page load if the user navigates to it. This is indicated using ``icon.pngRest parameters [IE:n/a, FF:15+, GC:47+, S:n/a]Allows representation of an indefinite number of arguments as an array.icon.pngCSS Cross-Fade Function [IE:n/a, FF:n/a, GC:52-px-, S:9.1-px-]Image function to create a "crossfade" between images. This allows one image to transition (fade) into another based on a percentage value.icon.pngCSS writing-mode property [IE:11!pa., FF:41+, GC:52-px-, S:9.1-px-]Property to define whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.icon.pngCustomEvent [IE:11!pa., FF:11+, GC:15+, S:6.1+]A DOM event interface that can carry custom application-defined data.icon.pngNode.textContent [IE:9+, FF:2+, GC:4+, S:3.2+]DOM Node property representing the text content of a node and its descendantsicon.pngEventTarget.addEventListener() [IE:9+, FF:7+, GC:4+, S:3.1+]The modern standard API for adding DOM event handlers. Introduced in the DOM Level 2 Events spec. Also implies support for the [capture phase](https://dom.spec.whatwg.org/#dom-event-capturing_phase) of DOM event dispatch.icon.pngEventTarget.dispatchEvent [IE:11+, FF:2+, GC:4+, S:3.2+]Method to programmatically trigger a DOM event.icon.pngdocument.head [IE:9+, FF:4+, GC:4+, S:5.1+]Convenience property for accessing the `` elementicon.pngNode.innerText [IE:6+, FF:45+, GC:4+, S:3.2+]A currently-nonstandard property representing the text within a DOM element and its descendants. As a getter, it approximates the text the user would get if they highlighted the contents of the element with the cursor and then copied to the clipboard.icon.pngClient Hints: DPR, Width, Viewport-Width [IE:n/a, FF:n/a, GC:46+, S:n/a]DPR, Width, and Viewport-Width hints enable proactive content negotiation between client and server, enabling automated delivery of optimized assets - e.g. auto-negotiating image DPR resolution.icon.pngResource Hints: preconnect [IE:n/a, FF:40+, GC:46+, S:n/a]Gives a hint to the browser to begin the connection handshake (DNS, TCP, TLS) in the background to improve performance. This is indicated using ``icon.pngNetwork Information API [IE:n/a, FF:n/a, GC:n/a, S:n/a]The Network Information API enables web applications to access information about the network connection in use by the device.icon.pngEfficient Script Yielding: setImmediate() [IE:10+, FF:n/a, GC:n/a, S:n/a]Yields control flow without the minimum delays enforced by setTimeouticon.pngES6 Number [IE:n/a, FF:32+, GC:34+, S:9+]Extensions to the `Number` built-in object in ES6, including constant properties `EPSILON`, `MIN_SAFE_INTEGER`, and `MAX_SAFE_INTEGER`, and methods ` isFinite`, `isInteger`, `isSafeInteger`, and `isNaN`.icon.pngmaxlength attribute for input and textarea elements [IE:10+, FF:3.6!pa., GC:4+, S:5.1+]Declares an upper bound on the number of characters the user can input. Normally the UI ignores attempts by the user to type in additional characters beyond this limit.icon.pngProxy object [IE:n/a, FF:18+, GC:49+, S:n/a]The Proxy object allows custom behaviour to be defined for fundamental operations. Useful for logging, profiling, object virtualisation, etc.icon.pngKeyboardEvent.which [IE:9+, FF:2+, GC:4+, S:5.1+]A legacy `KeyboardEvent` property that is equivalent to either `KeyboardEvent.keyCode` or `KeyboardEvent.charCode` depending on whether the key is alphanumeric.icon.pngKeyboardEvent.charCode [IE:9+, FF:3+, GC:4+, S:5.1+]A legacy `KeyboardEvent` property that gives the Unicode codepoint number of a character key pressed during a `keypress` event.icon.pngKeyboardEvent.code [IE:n/a, FF:38+, GC:48+, S:n/a]A `KeyboardEvent` property representing the physical key that was pressed, ignoring the keyboard layout and ignoring whether any modifier keys were active.icon.pngKeyboardEvent.location [IE:9+, FF:15+, GC:30+, S:6.1+]A `KeyboardEvent` property that indicates the location of the key on the input device. Useful when there are more than one physical key for the same logical key (e.g. left or right "Control" key; main or numpad "1" key).icon.pngKeyboardEvent.getModifierState() [IE:9+, FF:15+, GC:30+, S:n/a]`KeyboardEvent` method that returns the state (whether the key is pressed/locked or not) of the given modifier key.icon.pngKeyboardEvent.key [IE:9+, FF:29+, GC:n/a, S:n/a]A `KeyboardEvent` property whose value is a string identifying the key that was pressed. Covers character keys, non-character keys (e.g. arrow keys), and dead keys.icon.pngBrotli Accept-Encoding/Content-Encoding [IE:n/a, FF:44+, GC:n/a, S:n/a]More effective lossless compression algorithm than gzip and deflate.icon.pngElement.closest() [IE:n/a, FF:35+, GC:41+, S:9+]DOM method that returns the current element if it matches the given selector, or else the closest ancestor element that matches the given selector, or else null.icon.pnginput event [IE:9!pa., FF:3.5!pa., GC:n/a, S:n/a]The `input` event is fired when the user changes the value of an `` element, `` element, or `` element. By contrast, the "change" event usually only fires after the form control has lost focus.icon.pngSearch input type [IE:n/a, FF:n/a, GC:26+, S:5.1+]Search field form input type. Intended to look like the underlying platform's native search field widget (if there is one). Other than its appearance, it's the same as an ``.icon.pngCSS Motion Path [IE:n/a, FF:n/a, GC:46+, S:n/a]Allows elements to be animated along SVG paths or shapesicon.pngCSSOM Scroll-behavior [IE:n/a, FF:36+, GC:n/a, S:n/a]Method of specifying the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.icon.pngSubresource Integrity [IE:n/a, FF:43+, GC:45+, S:n/a]Subresource Integrity enables browsers to verify that file is delivered without unexpected manipulation.icon.png:in-range and :out-of-range CSS pseudo-classes [IE:n/a, FF:29+, GC:15+, S:5.1+]If a temporal or number `` has `max` and/or `min` attributes, then `:in-range` matches when the value is within the specified range and `:out-of-range` matches when the value is outside the specified range. If there are no range constraints, then neither pseudo-class matches.icon.pngPush API [IE:n/a, FF:n/a, GC:52!pa., S:n/a]API to allow messages to be pushed from a server to a browser, even when the site isn't focused or even open in the browser.icon.pngbackground-position-x & background-position-y [IE:5.5+, FF:n/a, GC:4+, S:3.1+]CSS longhand properties to define x or y positions separately.icon.pngCSS revert value [IE:n/a, FF:n/a, GC:n/a, S:9.1+]A CSS keyword value that resets a property's value to the default specified by the browser in its UA stylesheet, as if the webpage had not included any CSS. For example, `display:revert` on a `` would result in `display:block`. This is in contrast to the `initial` value, which is simply defined on a per-property basis, and for `display` would be `inline`.icon.pngCSS widows & orphans [IE:10+, FF:n/a, GC:25+, S:7+]CSS properties to control when lines break across pages or columns by defining the amount of lines that must be left before or after the break.icon.pngWeb Bluetooth [IE:n/a, FF:n/a, GC:n/a, S:n/a]Access user-selected Bluetooth devices over GATTicon.pngscrollIntoView [IE:11!pa., FF:36+, GC:52!pa., S:9.1!pa.]The `Element.scrollIntoView()` method scrolls the current element into the visible area of the browser window. Parameters can be provided to set the position inside the visible area as well as whether scrolling should be instant or smooth.icon.pngselector list argument of :nth-child and :nth-last-child CSS pseudo-classes [IE:n/a, FF:n/a, GC:n/a, S:9+]The newest versions of `:nth-child()` and `:nth-last-child()` accept an optional `of S` clause which filters the children to only those which match the selector list `S`. For example, `:nth-child(1 of .foo)` selects the first child among the children that have the `foo` class (ignoring any non-`foo` children which precede that child). Similar to `:nth-of-type`, but for arbitrary selectors instead of only type selectors.icon.pngfocusin & focusout events [IE:6+, FF:n/a, GC:15+, S:5.1+]The `focusin` and `focusout` events fire just before the element gains or loses focus, and they bubble. By contrast, the `focus` and `blur` events fire after the focus has shifted, and don't bubble.icon.pngrel=noopener [IE:n/a, FF:n/a, GC:49+, S:n/a]Ensure new browsing contexts are opened without a useful `window.opener`icon.pngCSS text-justify [IE:11!pa., FF:n/a, GC:n/a, S:n/a]CSS property to define how text should be justified when `text-align: justify` is set.icon.pngCSS scrollbar styling [IE:11!pa., FF:n/a, GC:52-px-, S:9.1-px-]Non-standard methods of styling scrollbars.icon.pngResource Hints: preload [IE:n/a, FF:n/a, GC:50+, S:n/a]Using ``, browsers can be informed to prefetch resources without having to execute them, allowing fine-grained control over when and how resources are loaded.icon.png

[ERROR: alfred.workflow.input.scriptfilter] XML Parse Error 'The operation couldn’t be completed. (NSXMLParserErrorDomain error 4.)'. Row 1, Col 1: 'Document is empty' in XML: Warning: file_get_contents(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed in /Users/SangMinYoon/Library/Application Support/Alfred 2/Alfred.alfredpreferences/workflows/user.workflow.092D53E1-DC73-4F2A-A945-CF76D5BC9B3C/caniuse.php on line 31

Warning: file_get_contents(): Failed to enable crypto in /Users/SangMinYoon/Library/Application Support/Alfred 2/Alfred.alfredpreferences/workflows/user.workflow.092D53E1-DC73-4F2A-A945-CF76D5BC9B3C/caniuse.php on line 31

Warning: file_get_contents(https://raw.github.com/Fyrd/caniuse/master/data.json): failed to open stream: operation failed in /Users/SangMinYoon/Library/Application Support/Alfred 2/Alfred.alfredpreferences/workflows/user.workflow.092D53E1-DC73-4F2A-A945-CF76D5BC9B3C/caniuse.php on line 31

Warning: Invalid argument supplied for foreach() in /Users/SangMinYoon/Library/Application Support/Alfred 2/Alfred.alfredpreferences/workflows/user.workflow.092D53E1-DC73-4F2A-A945-CF76D5BC9B3C/caniuse.php on line 33 <?xml version="1.0"?>

SVG (basic support) [IE:8w/pl, FF:3+, GC:4+, S:3.2+]Method of displaying basic Vector Graphics features using the embed or object elements. Refers to the SVG 1.1 spec.icon.pngSVG in CSS backgrounds [IE:9+, FF:24+, GC:5+, S:5+]Method of using SVG images as CSS backgroundsicon.pngSVG SMIL animation [IE:11w/pl, FF:4+, GC:5+, S:6+]Method of using animation elements to animate SVG imagesicon.pngSVG fonts [IE:8w/pl, FF:n/a, GC:4+, S:3.2+]Method of using fonts defined as SVG shapes. Removed from [SVG 2.0](http://www.w3.org/TR/SVG2/changes.html#fonts) and considered as a deprecated feature with support being removed from browsers.icon.pngSVG filters [IE:10+, FF:3+, GC:8+, S:6+]Method of using photoshop-like effects on SVG objects including blurring and color manipulation.icon.pngSVG effects for HTML [IE:11!pa., FF:3.5+, GC:52!pa., S:9.1!pa.]Method of using SVG transforms, filters, etc on HTML elements using either CSS or the foreignObject elementicon.pngInline SVG in HTML5 [IE:8w/pl, FF:4+, GC:7+, S:5w/pl]Method of using SVG tags directly in HTML documents. Requires HTML5 parser.icon.pngSVG in HTML img element [IE:9+, FF:4+, GC:28+, S:9+]Method of displaying SVG images in HTML using .icon.pngSVG fragment identifiers [IE:9+, FF:15+, GC:50+, S:8!pa.]Method of displaying only a part of an SVG image by defining a view ID or view box dimensions as the file's fragment identifier.icon.pngBlending of HTML/SVG elements [IE:n/a, FF:32+, GC:41+, S:9.1!pa.]Allows blending between arbitrary SVG and HTML elementsicon.pngSVG favicons [IE:n/a, FF:40!pa., GC:n/a, S:9.1!pa.]Icon used by browsers to identify a webpage or site. While all browsers support the `.ico` format, the SVG format can be preferable to more easily support higher resolutions or larger icons.icon.png
smy315 commented 7 years ago

Looks like I'm not the only one having this issue: https://github.com/willfarrell/alfred-workflows/issues/35

luwes commented 7 years ago

Did you find a fix @smy315 ?

smy315 commented 7 years ago

@luwes, I have not :( I miss using this, saved me so much time.

willfarrell commented 7 years ago

Sorry guys on the delay, missed the notifications some how. Checkout v1.9, let me know if that solves this issue.

smy315 commented 7 years ago

Version 1.9 didn't work because I'm still on Alfred 2 but I reinstalled https://github.com/willfarrell/alfred-caniuse-workflow/releases/tag/1.7 and it's working now. Not sure why it's working now and it didn't before but give it a try @luwes. Closing this out since it's working for me.

smy315 commented 7 years ago

Oh and @willfarrell thanks for looking into the issue and for this awesome Workflow!

willfarrell commented 7 years ago

hmmmm, wish there was a way to test workflows on old versions of Alfred.