Changes to Chrome’s Video Autoplay Policy Now Rolling Out
Muted autoplay will be fine, but for audio to play some conditions must be met. Only in Chrome Canary for now, but if you use autoplaying videos you need to be prepared. - https://goo.gl/Z51FDn
#html
Muted autoplay will be fine, but for audio to play some conditions must be met. Only in Chrome Canary for now, but if you use autoplaying videos you need to be prepared. - https://goo.gl/Z51FDn
#html
Google Developers
Autoplay Policy Changes | Web
| Google Developers
| Google Developers
Learn best practices for good user experiences with the new autoplay policies in Chrome, coming January 2018.
HEAD: A List of Things That Go In The 'head' Element
Meta tags, link tags, Twitter card info, browser-specific directives, and more. - https://goo.gl/QYkvGL
#html
Meta tags, link tags, Twitter card info, browser-specific directives, and more. - https://goo.gl/QYkvGL
#html
WAI-ARIA: the dark art of accessibility?
Getting better insight into how to make something like a carousel ARIA ready. - https://goo.gl/DH9ZoG
#html #area
Getting better insight into how to make something like a carousel ARIA ready. - https://goo.gl/DH9ZoG
#html #area
The Critical Path: Optimizing Load Times With the Chrome DevTools
How to use the Chrome Dev tools to analyse your site and identify areas you can speed up to improve the overall load times. - https://goo.gl/VpyWTA
#html
How to use the Chrome Dev tools to analyse your site and identify areas you can speed up to improve the overall load times. - https://goo.gl/VpyWTA
#html
Lucidchart
The Critical Path: Optimizing Load Times With the Chrome DevTools - Lucidchart
Our CTO shares improvements you can make and measurements to keep track of in order to optimize load times on a complex web application.
Conversational Semantics
Aaron Gustafson goes through a range of different semantic markup practices that will put you in good stead for a better interaction with services like Cortana, Siri, and Alexa. - http://bit.ly/2QiSob7
#html
Aaron Gustafson goes through a range of different semantic markup practices that will put you in good stead for a better interaction with services like Cortana, Siri, and Alexa. - http://bit.ly/2QiSob7
#html
A List Apart
Conversational Semantics
Semantic markup has always mattered, but with voice interfaces rapidly becoming the norm, it now matters more than ever. Aaron Gustafson shows us how simple HTML tags can have a huge impact with vo…
Stop Using So Many DIVs: An Intro to Semantic HTML
Considering the HTML5 spec reads that “authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable”, this article is a handy reminder of the semantic alternatives. - http://amp.gs/RKGF
#html
Considering the HTML5 spec reads that “authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable”, this article is a handy reminder of the semantic alternatives. - http://amp.gs/RKGF
#html
DEV Community
Stop using so many divs! An intro to semantic HTML
Sure, divs are great and all, but they give no information about their purpose within the document structure. HTML5 has been around for a while now, and there are better options.
Native Image Lazy-Loading for The Web: How loading Works
A look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web. Support for this is expected in Chrome 75. - http://amp.gs/R599
#html #images
A look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web. Support for this is expected in Chrome 75. - http://amp.gs/R599
#html #images
Addyosmani
Native image lazy-loading for the web!
In this post, we'll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!. For the curious, here&...
HTML's inputmode Attribute Now Supported in Most Mobile Browsers
This is helpful when you want to show users alternative, optimized keyboards, such as for solely entering numbers, URLs, or email addresses. - http://amp.gs/d9BD
#mobile #html
This is helpful when you want to show users alternative, optimized keyboards, such as for solely entering numbers, URLs, or email addresses. - http://amp.gs/d9BD
#mobile #html
webplatform.news
Web Platform News
Daily content for web developers, funded by its readers
How to Section Your HTML
A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference. - http://amp.gs/OJag
#html
A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference. - http://amp.gs/OJag
#html
CSS-Tricks
How to Section Your HTML | CSS-Tricks
👋 It has been brought to our attention in the comments (and on Twitter) that some of the techniques used in this article result in a poor user
Optional HTML: Everything You Need to Know
A good look at optional code (such as the quotation marks of an attribute value), and how the balance between understandability and performance don’t need to be at odds with each other. - http://amp.gs/N2nL
#html
A good look at optional code (such as the quotation marks of an attribute value), and how the balance between understandability and performance don’t need to be at odds with each other. - http://amp.gs/N2nL
#html
Meiert
Optional HTML: Everything You Need to Know · Jens Oliver Meiert
Optional HTML can be left out to improve performance, to guide code comprehension, and to hone the craft. An overview over all optional tags, rules around quotes for attribute values, and omissible attribute value defaults, as well as notes on pitfalls and tools.
Using rel="preconnect" to Establish Network Connections Early and Increase Performance - http://amp.gs/AONa
#html
#html
CSS-Tricks
Using rel=”preconnect” to establish network connections early and increase performance
Milica Mihajlija: Adding rel=preconnect to a informs the browser that your page intends to establish a connection to another domain, and that you'd like
An HTML Attribute Potentially Worth $4.4M to Chipotle
The author discovered an autofill bug in Chipotle’s checkout process that could be costing the food company upwards of $4 million annually. - http://amp.gs/qtA8
#html
The author discovered an autofill bug in Chipotle’s checkout process that could be costing the food company upwards of $4 million annually. - http://amp.gs/qtA8
#html
Cloud Four
An HTML attribute potentially worth $4.4M to Chipotle
My parents are retired. They continue to try to pay for meals. I don't want them to. So we often end up in a competition to see who can pay first. In this case, I knew I had an advantage. My card details were already stored in the browser. I just needed to…
Tips for Authoring fast-loading HTML Pages
Learn how to optimize the web page for a more responsive site from these tips that are based on common knowledge and experimentation. - http://amp.gs/MQpf
#html
Learn how to optimize the web page for a more responsive site from these tips that are based on common knowledge and experimentation. - http://amp.gs/MQpf
#html
developer.mozilla.org
Tips for authoring fast-loading HTML pages - Learn web development | MDN
These tips are based on common knowledge and experimentation.
HTML DOM Guide for Everyone
When you open a webpage, the parser of the browser starts immediately to process the underlying HTML-File. The content of the file is going to be converted into a tree structure, consisting of various nodes, such as element, attribute, and text nodes. - http://amp.gs/cNoU
#html
When you open a webpage, the parser of the browser starts immediately to process the underlying HTML-File. The content of the file is going to be converted into a tree structure, consisting of various nodes, such as element, attribute, and text nodes. - http://amp.gs/cNoU
#html
Medium
HTML DOM Guide for Everyone
Everything you must know about the DOM in HTML 5
Debugging HTML: Accessibility
Manuel Matuzović offers some tips on debugging accessibility features of HTML elements using DevTools in Firefox, Chrome, and Edge. - http://amp.gs/jYW4g
#html #accessibility
Manuel Matuzović offers some tips on debugging accessibility features of HTML elements using DevTools in Firefox, Chrome, and Edge. - http://amp.gs/jYW4g
#html #accessibility
Debugging HTML: Accessibility - HTMHell
You can debug accessibility features of HTML elements using DevTools in Firefox, Chrome, and Edge.
Those HTML Attributes You Never Use
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of. - http://amp.gs/jBIB9
#html
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of. - http://amp.gs/jBIB9
#html
Smashing Magazine
Those HTML Attributes You Never Use — Smashing Magazine
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects.
New HTML Element
Alvaro Montoro gives an introduction to a new semantic element for search operations. - https://alvaromontoro.hashnode.dev/new-html-element-search
#html
Alvaro Montoro gives an introduction to a new semantic element for search operations. - https://alvaromontoro.hashnode.dev/new-html-element-search
#html
Alvaro Montoro's Blog
New HTML Element: <search>
HTML is a living language in constant evolution. The latest addition has been a new semantic element for search operations
Unlock the full potential of Vue 3 with TypeScript.
Dive into the world of TypeScript. In this Vue.js Amsterdam 2023 presentation video, find out why we should use TypeScript and how to get started with it in our Vue.js applications. A must-watch resource is you are looking to learn the advantages of using TypeScript and various ways to incorporate it into Vue.js. - https://www.youtube.com/watch?v=VBQ3_IXy3JA&list=PL02pdjMT4gWzQ8QZo9ddWuU4nz6s63o1u&index=25
#vue
Dive into the world of TypeScript. In this Vue.js Amsterdam 2023 presentation video, find out why we should use TypeScript and how to get started with it in our Vue.js applications. A must-watch resource is you are looking to learn the advantages of using TypeScript and various ways to incorporate it into Vue.js. - https://www.youtube.com/watch?v=VBQ3_IXy3JA&list=PL02pdjMT4gWzQ8QZo9ddWuU4nz6s63o1u&index=25
#vue
YouTube
Daniel Kelly - TypeScript with Vue.js 3 - Vuejs Amsterdam 2023
Unlock the full potential of Vue 3 with TypeScript. This talk will cover how to type all Vue related features like reactive data, props, events, refs and much more
https://www.jsworldconference.com/newsletter
Powered by https://passionatepeople.io
#jsworld…
https://www.jsworldconference.com/newsletter
Powered by https://passionatepeople.io
#jsworld…
HTML Attributes vs DOM Properties
They’re different, but often coupled. Jake outlines the the difference, and why it matters. - https://jakearchibald.com/2024/attributes-vs-properties/
#html
They’re different, but often coupled. Jake outlines the the difference, and why it matters. - https://jakearchibald.com/2024/attributes-vs-properties/
#html
Jakearchibald
HTML attributes vs DOM properties
They're completely different, but often coupled.