Angular 🇺🇦 - practical notes

68 views13:41

Сollection of HTML tips

#html

1. Capture attribute to open your device camera

<input type="file" capture="user" accept="image/*">

2. Automatic website refresh

<head>
    <meta http-equiv="refresh" content="10">
</head>

3. Activate spellcheck

<input type="text" spellcheck="true" lang="en">

4. Specify file type to be uploaded

<input type="file" accept=".jpeg,.png">

5. Automatically download on link click

<a href="image.png" download>

93 views17:09

Angular 🇺🇦 - practical notes

This media is not supported in your browser

VIEW IN TELEGRAM

HTML player

#js #html #player

✅ Link: https://stackblitz.com/edit/js-capqzs?file=index.html,style.css,index.js

106 views02:22

Angular 🇺🇦 - practical notes

Rare HTML Attributes Everyone Should Know 1/3

#html

✅ Link: https://javascript.plainenglish.io/24-powerful-html-attributes-every-senior-web-engineer-should-master-ad8a4df0776e

110 views06:00

Angular 🇺🇦 - practical notes

Rare HTML Attributes Everyone Should Know 2/3

#html

✅ Link: https://javascript.plainenglish.io/24-powerful-html-attributes-every-senior-web-engineer-should-master-ad8a4df0776e

103 views06:02

Angular 🇺🇦 - practical notes

Rare HTML Attributes Everyone Should Know 3/3

#html

✅ Link: https://javascript.plainenglish.io/24-powerful-html-attributes-every-senior-web-engineer-should-master-ad8a4df0776e

👍1

104 views06:00

Angular 🇺🇦 - practical notes

📄 Preloading responsive images

#html #picture #preload

✅ Link: https://medium.com/@akashjha9041/preloading-responsive-images-3aecf114968e

👍1

122 views05:59

Angular 🇺🇦 - practical notes

📄 Lesser-Known Tricks in HTML

#html

№1: Opening the Device Camera

<input type="file" capture="user" accept="image/*">
<input type="file" capture="environment" accept="video/*" />

№2: Automatic Website Refresh

<head>
    <meta http-equiv="refresh" content="10">
</head>

№3: Spellcheck Activation

<input type="text" spellcheck="true" lang="en">

№4: Preventing Translation

<p translate="no">Brand name</p>

№5: Automatic Download on Link Click

<a href="image.png" download>Download Image</a>

№6 Responsive Images with srcset

<img srcset="image.jpg 1x, image@2x.jpg 2x, image@3x.jpg3x" src="image.jpg" alt="Responsive Image">

👍2😱1

120 views05:59

Angular 🇺🇦 - practical notes

🧪 Enhanced Control Flow in Angular

#angular #html

🚩 > Angular 17

✅ Article link: https://codewithmrnerd.medium.com/angular-17-enhanced-control-flow-simplified-with-examples-5b6ff44f0635

259 views05:59

Angular 🇺🇦 - practical notes

🧪 New Angular 17 feature: deferred loading

#angular #html #controlFlow

🚩 > Angular v17.0.0-next.8

✅ Article link: https://itnext.io/new-angular-17-feature-deferred-loading-156d472b008b

🎁 Code link: https://github.com/gergelyszerovay/angular-17-deferred-loading

Please open Telegram to view this post

VIEW IN TELEGRAM

👍1🔥1

249 views06:59

Angular 🇺🇦 - practical notes

🧪 Control Flow Migration Schematic

#angular #html #controlFlow

🤔 How to use it?
As with any other schematic, you have to run the generate command through the CLI and use the control-flow schematic (you need to be using 17.0.0-next.8 or 17.0.0-rc.0 for this command to run).

ng g @angular/core:control-flow

🚩 > Angular v17.0.0-next.8

✅ Article link: https://blog.herodevs.com/new-in-angular-control-flow-migration-schematic-57979ebeaa71

241 views06:59

Angular 🇺🇦 - practical notes

🤓 13 HTML Attributes You Should Know

#html #attributes

...In HTML, attributes are used to provide additional information about HTML elements...

✅ Article link

639 views06:59

About

Blog

Apps

Platform