FrontEnd Development
28.4K subscribers
144 photos
1 video
8.36K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
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
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
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
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
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
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
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
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
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
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
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
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
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
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