#htmltip search results

TIL #HtmlTip

shahedC's tweet image. TIL #HtmlTip
shahedC's tweet image. TIL #HtmlTip

HTML tip: You can use the `download` attribute in your links to download the file instead of navigating to it.

denicmarko's tweet image. HTML tip:

You can use the `download` attribute in your links to download the file instead of navigating to it.


💫#HTMLTip: Wanna add a caption to your image semantically? Use the "figure" and "figcaption" tags!! #100DaysOfCode #html #webdeveloper

saswatamcode's tweet image. 💫#HTMLTip: Wanna add a caption to your image semantically?
Use the "figure" and "figcaption" tags!!
#100DaysOfCode #html #webdeveloper

‼️ #AngularTip, #HTMLTip and %your_framework_name% tip for the day! You have to use the correct tags for navigation, regardless of the technology used👇. Don't forget accessibility!🤓😉

katsuba_igor's tweet image. ‼️ #AngularTip, #HTMLTip and %your_framework_name% tip for the day!

You have to use the correct tags for navigation, regardless of the technology used👇. Don't forget accessibility!🤓😉

💡 #HTMLTip Translate Attribute The translate attribute specifies whether the content of an element should be translated or not. Syntax 👇👇 <p translate="no">Don't translate this!</p>

iamatifriaz's tweet image. 💡 #HTMLTip 

Translate Attribute

The translate attribute specifies whether the content of an element should be translated or not.

Syntax 👇👇
&amp;lt;p translate=&quot;no&quot;&amp;gt;Don&apos;t translate this!&amp;lt;/p&amp;gt;

#HTMLTip Sabías que puedes usar el tag <mark> para resaltar un texto y darle estilos con CSS 🦄

ohjessijess's tweet image. #HTMLTip  Sabías que puedes usar el tag &amp;lt;mark&amp;gt; para resaltar un texto y darle estilos con CSS 🦄

🧠 HTML TIP Use the "translate" attribute and set its value to "no" for your brand name. So that in case, the webpage is translated into another language, your brand name will remain intact. #htmltip #htmltranslate #100DaysOfCode

kendrip_'s tweet image. 🧠 HTML TIP

Use the &quot;translate&quot; attribute and set its value to &quot;no&quot; for your brand name.

So that in case, the webpage is translated into another language, your brand name will remain intact.

#htmltip  #htmltranslate #100DaysOfCode

💡#HTMLTip Want to make sure all of your content looks great on any device? Make sure you use the viewport tag in your HTML document! This simple tag ensures that your web content adapts appropriately to various screen sizes, enhancing the user experience.

iamatifriaz's tweet image. 💡#HTMLTip

Want to make sure all of your content looks great on any device?

Make sure you use the viewport tag in your HTML document!

This simple tag ensures that your web content adapts appropriately to various screen sizes, enhancing the user experience.

What is the use of DIV element in HTML? Web development tips. #webdevelopment #html #htmltip #coding #webdesign

CodingAwareness's tweet image. What is the use of DIV element in HTML? Web development tips. 
#webdevelopment #html #htmltip #coding #webdesign

🪟 Fix viewport issues on mobile with: #ResponsiveCSS #MobileWeb #HTMLTip

gauravnumber's tweet image. 🪟 Fix viewport issues on mobile with:

#ResponsiveCSS #MobileWeb #HTMLTip

🤎 HTML tip 🤎 ℹ HTML has a details element to hide information behind that a user can drop down on-demand. ✅ No need to implement a drop down in JavaScript, when HTML already has you covered. 😊

oliverjumpertz's tweet image. 🤎 HTML tip 🤎

ℹ HTML has a details element to hide information behind that a user can drop down on-demand.

✅ No need to implement a drop down in JavaScript, when HTML already has you covered. 😊


Canonical pages http://is.gd/xQV6AP #htmltip


ABBR vs. ACRONYM: Abreviatura se lee traduciendo ("Sr." se lee “Señor”). Acrónimo se lee tal como está ("W3C"): http://ow.ly/Ak2P #HTMLTip


💡 #HTMLTip Don't forget to close those HTML tags, or else your website will have some gaping holes.


Did you know? You can use `contenteditable="true"` in HTML to make almost any element directly editable in the browser! Great for quick prototyping or simple in-page text changes. #webdev #htmltip #prototyping


Did you know? You can use `contenteditable="true"` in HTML to make almost any element editable directly in the browser! Great for quick prototyping or simple in-page content updates. #webdev #htmltip #prototyping


🪟 Fix viewport issues on mobile with: #ResponsiveCSS #MobileWeb #HTMLTip

gauravnumber's tweet image. 🪟 Fix viewport issues on mobile with:

#ResponsiveCSS #MobileWeb #HTMLTip

Did you know? You can use `contenteditable="true"` in HTML to make any element directly editable in the browser! Great for quick prototyping or simple in-page content management. #webdev #htmltip #javascript


Did you know? You can use `contenteditable="true"` on almost any HTML element to make it directly editable in the browser! Great for quick prototyping or simple in-page content tweaks. #webdev #htmltip #frontend


Did you know? You can use `contenteditable="true"` in HTML to make almost any element editable directly in the browser! Great for quick prototyping and simple in-page editing. #webdev #htmltip #frontend


✨ Did you know? You can use `contenteditable="true"` in HTML to make any element directly editable in the browser! Great for quick prototyping or simple CMS features. #webdev #htmltip #javascript


✨ Did you know? You can use `contenteditable="true"` on almost any HTML element to make it directly editable in the browser! Great for quick prototyping or simple in-page content tweaks. #webdev #htmltip #prototyping


Did you know? You can use `contenteditable="true"` on almost any HTML element to make it directly editable in the browser! Great for quick prototyping or simple user edits. #webdev #htmltip #javascript


Did you know? You can use `contenteditable="true"` in HTML to make almost any element directly editable in the browser! Great for quick prototyping or simple in-page editing. #webdev #htmltip #frontend


Did you know? 🤯 You can use `contenteditable="true"` on almost any HTML element to make it directly editable in the browser! Great for quick prototyping or simple in-place editing. #webdev #htmltip #javascript


Did you know? You can use `contenteditable="true"` in HTML to make any element directly editable in the browser! Great for quick prototyping or simple CMS features with a bit of JS magic. #webdev #htmltip #javascript


Did you know? You can use `contenteditable="true"` on almost any HTML element to make it directly editable in the browser! Great for quick prototyping or simple CMS-like features. #webdev #htmltip #javascript


"While not technically an #HTMLTip, #attributes can also be used as #selectors in CSS. You put square brackets around the #attribute name and you’ll select all elements that contain that attribute": smashingmagazine.com/2025/01/lesser… via @smashingmag


💡#HTMLTip Want to make sure all of your content looks great on any device? Make sure you use the viewport tag in your HTML document! This simple tag ensures that your web content adapts appropriately to various screen sizes, enhancing the user experience.

iamatifriaz's tweet image. 💡#HTMLTip

Want to make sure all of your content looks great on any device?

Make sure you use the viewport tag in your HTML document!

This simple tag ensures that your web content adapts appropriately to various screen sizes, enhancing the user experience.

💡#HTMLTip Want to make sure all of your content looks great on any device? Make sure you use the viewport tag in your HTML document! This simple tag ensures that your web content adapts appropriately to various screen sizes, enhancing the user experience.

iamatifriaz's tweet image. 💡#HTMLTip

Want to make sure all of your content looks great on any device?

Make sure you use the viewport tag in your HTML document!

This simple tag ensures that your web content adapts appropriately to various screen sizes, enhancing the user experience.

🚀 Boost your #webdevelopment game! Want to improve #HTML performance? Remember to prefer single quotes over double quotes for attribute values. It's cleaner, faster, and keeps your code consistent! 💪 #HTMLtip #codingtips #webdev #softwaredeveloper


🌐💻 Pro HTML Tip: Boost your website's loading speed by using 'async' or 'defer' attributes for JavaScript! 🚀⚡️ These options ensure scripts load asynchronously, enhancing user experience. #WebDevelopment #HTMLTip


gm gm ! UX tip: If it looks like spam, users will treat it like spam.

enscribe_'s tweet image. gm gm !

UX tip: If it looks like spam, users will treat it like spam.

おんなのこみんなてぃくとくのこのフィルター使って.ᐟ.ᐟちょーかわいくなるぞ.ᐟ.ᐟ.ᐟ.ᐟ

7symgai's tweet image. おんなのこみんなてぃくとくのこのフィルター使って.ᐟ.ᐟちょーかわいくなるぞ.ᐟ.ᐟ.ᐟ.ᐟ
7symgai's tweet image. おんなのこみんなてぃくとくのこのフィルター使って.ᐟ.ᐟちょーかわいくなるぞ.ᐟ.ᐟ.ᐟ.ᐟ

TIL #HtmlTip

shahedC's tweet image. TIL #HtmlTip
shahedC's tweet image. TIL #HtmlTip

HTML tip: You can use the `download` attribute in your links to download the file instead of navigating to it.

denicmarko's tweet image. HTML tip:

You can use the `download` attribute in your links to download the file instead of navigating to it.


CSS filter property cheatsheet for web developers 🎨 A Thread 🧵👇

AlfaizAliX's tweet image. CSS filter property cheatsheet for web developers 🎨

A Thread 🧵👇

CSS filter property visual guide for frontend developers 🎨 A Thread 🧵👇

AlfaizAliX's tweet image. CSS filter property visual guide for frontend developers 🎨

A Thread 🧵👇

@Warcraft Any solutions... please? Any filters or anything like that? ... only WTS WTS WTS WTS WTS

kovuferal's tweet image. @Warcraft  Any solutions... please? Any filters or anything like that? ... only WTS WTS WTS WTS WTS

💡 CSS Tip With a transparent image, use the filter property instead of box-shadow:

YannBrds's tweet image. 💡 CSS Tip

With a transparent image, use the filter property instead of box-shadow:

All you need to know about CSS filter methods 🎨 A thread🧵

Prathkum's tweet image. All you need to know about CSS filter methods 🎨 

A thread🧵

The Importance of Filters – A Basic Beginner's Guide: goo.gl/GjlYn0

500px's tweet image. The Importance of Filters – A Basic Beginner&apos;s Guide: goo.gl/GjlYn0

Do This to Improve Image Loading on Your Website css-tricks.com/do-this-to-imp…

css's tweet image. Do This to Improve Image Loading on Your Website css-tricks.com/do-this-to-imp…

Enjoy and pick your favorite! Tap when it appears in the video. 🔥 Try yours, link in bio. 🔗 #Photo #Image #Pro #Filter #Video

TheAceMaker's tweet image. Enjoy and pick your favorite! Tap when it appears in the video. 🔥  
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter #Video
TheAceMaker's tweet image. Enjoy and pick your favorite! Tap when it appears in the video. 🔥  
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter #Video
TheAceMaker's tweet image. Enjoy and pick your favorite! Tap when it appears in the video. 🔥  
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter #Video

HTML Tip 💡 Use the <picture> tag to display different images according to the window size. It's great to make your website more responsive :) Result in the comments 👇

simonpaix's tweet image. HTML Tip 💡

Use the &amp;lt;picture&amp;gt; tag to display different images according to the window size. 

It&apos;s great to make your website more responsive :)

Result in the comments 👇

Enjoy and pick your favorite! 🔥 Try yours, link in bio. 🔗 #Photo #Image #Pro #Filter

TheAceMaker's tweet image. Enjoy and pick your favorite! 🔥
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy and pick your favorite! 🔥
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy and pick your favorite! 🔥
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy and pick your favorite! 🔥
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter

Enjoy and pick your favorite! 🤩📸 Try yours, link in bio. 🔗 #Photo #Image #Pro #Filter

TheAceMaker's tweet image. Enjoy and pick your favorite! 🤩📸
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy and pick your favorite! 🤩📸
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy and pick your favorite! 🤩📸
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter
TheAceMaker's tweet image. Enjoy and pick your favorite! 🤩📸
Try yours, link in bio. 🔗

#Photo #Image #Pro #Filter

📝 𝗥𝗲𝗮𝗱𝗮𝗯𝗹𝗲 𝘁𝗵𝗿𝗲𝗮𝗱 𝘁𝗵𝘂𝗺𝗯𝗻𝗮𝗶𝗹𝘀 — 𝗱𝗲𝘀𝗶𝗴𝗻 𝘁𝗵𝗮𝘁 𝗲𝗮𝗿𝗻𝘀 𝘁𝗵𝗲 𝗰𝗹𝗶𝗰𝗸 🟢 𝗪𝗛𝗬 𝗜𝗧 𝗠𝗔𝗧𝗧𝗘𝗥𝗦 Thumbnails decide opens. In a fast feed, one clear promise beats decoration. Legibility and focus win the scroll. 🟢 𝗖𝗢𝗥𝗘…

TRIDOTZ's tweet image. 📝 𝗥𝗲𝗮𝗱𝗮𝗯𝗹𝗲 𝘁𝗵𝗿𝗲𝗮𝗱 𝘁𝗵𝘂𝗺𝗯𝗻𝗮𝗶𝗹𝘀 — 𝗱𝗲𝘀𝗶𝗴𝗻 𝘁𝗵𝗮𝘁 𝗲𝗮𝗿𝗻𝘀 𝘁𝗵𝗲 𝗰𝗹𝗶𝗰𝗸

🟢 𝗪𝗛𝗬 𝗜𝗧 𝗠𝗔𝗧𝗧𝗘𝗥𝗦
Thumbnails decide opens. In a fast feed, one clear promise beats decoration. Legibility and focus win the scroll.

🟢 𝗖𝗢𝗥𝗘…

CSS tip: When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image's content, instead of `box-shadow` property which creates a rectangular shadow behind an element's entire box: filter: drop-shadow(2px 4px 8px #585858);

denicmarko's tweet image. CSS tip:

When you work with transparent images you can use `drop-shadow()` filter function to create a shadow on the image&apos;s content, instead of `box-shadow` property which creates a rectangular shadow behind an element&apos;s entire box:

filter: drop-shadow(2px 4px 8px #585858);

Working with Images in Stylesheets with PostCSS :: css-tricks.com/images-in-post…

css's tweet image. Working with Images in Stylesheets with PostCSS :: css-tricks.com/images-in-post…

Found that one filter and never looked back

KatheuNzyimi's tweet image. Found that one filter and never looked back

Develop Locally, Use Images from Production :: css-tricks.com/develop-locall…

css's tweet image. Develop Locally, Use Images from Production :: css-tricks.com/develop-locall…

CSS tip: Use the `grayscale()` filter function to convert the input image to grayscale.

denicmarko's tweet image. CSS tip:

Use the `grayscale()` filter function to convert the input image to grayscale.

Loading...

Something went wrong.


Something went wrong.


United States Trends