👌Clever little trick to add descriptions to items in a select dropdown - found on Laravel Forge
Tip: <iframe loading=lazy> will lazy-load offscreen iframes & their resources - can be good for improving performance if users must scroll ⬇️ a page for content. We just started recommending this to @GoogleMaps embed users too: https://t.co/EqzZsWUedi, https://t.co/GXHGw0foiQ
HTML Tip 💡 While adding anchor tag for downloading a file, you can specify the file name also Like this: download = "pratham-resume"
🔥 Tip: You can use the <base> tag to specify defaults for your links, such as the target and root path. It can be very useful in cases where you'd otherwise have very repetitive code (e.g. all links being target="_blank"). Demo: https://t.co/VDWYtr4zDo
🔥 Tip: Use loading="lazy" on your <img> tags to defer loading until the user scrolls down to them This tells the browser to make a request only when the image is very close to the current viewport. Which makes the experience both smooth & performant https://t.co/dkh7M3yIIZ
HTML TIP 🧙🏻♀️ You can get the browser to auto suggest a securely generated password by using the 'new-password' value on the autocomplete input attribute. This is a great addition to sign up forms. Check out the example below 👇🏻 #100DaysOfCode #CodeNewbies #HTML #FrontEnd
HTML tip: Use the `type="search"` for your search inputs and you get the "clear" button for free.
Pro tip: <div> elements are not bad. Using them for what they are not supposed to be used for is bad. <div> means division, so use them for dividing content and helping layout. Use semantic elements like <article>, <section>, <aside> and <nav> to give content meaning.
HTML tip: Use the `poster` attribute to specify an image to be shown while the video is downloading, or until the user hits the play button.