Pratham Profile picture
23 Apr, 26 tweets, 8 min read
The next 24 tweets will prove how powerful HTML is

Thread 🧵👇🏻
1. enterkeyhint attribute

The enterkeyhint is a global attribute defines the action for "enter" key on virtual keyboard

It accpets the following values 👇🏻
2. Icons using HTML

- You can use HTML entity or HTML code to print some cool symbols or icons
3. Make your image clickable

The <map> tag is used to define an image map. An image map is an image with clickable areas.

You can use it with the <area> tag and coords attribute

Learn more about it here 👇🏻…
4. Responsive Images

Responsive web pages is in trend as there is rapid growing of mobile devices.

You can achieve responsive design using various methods but do you know images can be toggled for different screen sizes with markup.
You can use <picture> element for that. It gives web developers more flexibility in specifying image resources.

The <picture> element contains two tags: one or more <source> tags and one <img> tag.

You can pass different screen size in media attribute of source tag
5. Type

The "type" attribute of <ol> element let you change the type of order i.e, numeric, alphabetic or roman numbers
6. Target

"Open link in new tab" by just adding 'target' attribute as "_blank"
7. Accesskey

You can create shortcut key for your element using "accesskey" attribute.

It will focus or activate a particular element on your web page.
8. Make a skype call / chat

Did you know you can create a link for skype chat or call?
9. Multiple

Using "multiple" attribute of input element, user is allowed to enter more than one value in the <input> element

It is valid for type email and file only
10. Intact your company name

- Use "translate" attribute and set it value to "no" for your company name. So that in case, the webpage is translated into another language, your brand name will remain intact
11. sandbox

Applies extra restrictions to the content in the frame. The value of the attribute can either be empty to apply all restrictions, or space-separated tokens to lift particular restrictions
12. sandbox attribute accepts following values
13. Underline text like a pro

- You can create "wavy" line using one line of CSS
14. Custom attribute

HTML allow us to create our custom attribute as well so that we can store some data associated with it

The data-* attribute
15. Reversed

Reversed attribute simply reverse the numbering of ordered list. Instead to 1, 2, 3... It will be 3, 2, 1
16. Poster

Specifies an image to be shown while the video is downloading, or until the user hits the play button. You can consider it as a thumbnail
17. Regular Expression

- You can use "pattern" attribute in order to specifies the regular expression
18. Spellcheck

The "spellcheck" attribute is used to check the spelling and Grammar.
19. Tabindex

The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating).

For example, the element with tabindex="1" will be focused when user press the tab first time
Check this pen for better understanding…
20. Accept

The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload)
21. Loop

Loop is a boolean attribute. When present, it specifies that the audio / video will start over again, every time it is finished.
22. Draggable

The draggable attribute specifies whether an element is draggable or not. It is often used in drag and drop operations.
That's pretty much it for this thread.

This thread proved that web development is a enormous field, where there is always some margin of improvement 👨‍💻

Peace out 😉❤️

• • •

Missing some Tweet in this thread? You can try to force a refresh

Keep Current with Pratham

Pratham Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!


Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Prathkum

24 Apr
600+ Web Development resources

1. Around 300 resources of all kind ⚒️

Read 8 tweets
22 Apr
Start your web development journey with this thread

Getting started with web development is little tricky and tedious. I personally faced some difficulties when I was first learning it.

But you don't have to worry. In this thread we will make the process easier

{ 2 / 29 }
Web development is a vast field but mainly revolves around 3 different technologies.

HTML, CSS and JavaScript

You need to learn these 3 things in a chronological order. You can gain decent amount of web dev knowledge in 100 days. Lets see how 👇🏻

{ 3 / 29 }
Read 29 tweets
22 Apr
Which programming language should I learn?

Well it depends on what you want to be.

1. C

🔸Database systems
🔸Graphics packages
🔸Word processors
🔸Spread sheets
🔸Operating system development
🔸Compilers and Assemblers
🔸Network drivers
2. C++

🔸GUI Based Applications
🔸Database Software
🔸Operating Systems
🔸Advanced Computation And Graphics
🔸Cloud/Distributed System
🔸Banking Applications
Read 7 tweets
21 Apr
15 amazing websites that will change your way of coding

• online tool to learn, build & test Regular Expressions
• JavaScript game
• Search anything here and it will show you the correct roadmap with all the necessary resources
• Code review as a service by expert engineers
• Syntax validators, code formatters, testers, HTTP clients, mock server, but also a SQLite browser
• Code, create, and learn together
Read 8 tweets
21 Apr
My handwritten Web Development notes ✍️

1. CSS selectors ☑️
2. Some important CSS Pseudo classes 🔯
Read 26 tweets
20 Apr
6 amazing GitHub repositories for every programmer

1️⃣ Awesome-Linux-Software

A list of awesome applications, software, tools and other materials for Linux distros.

14.8K ⭐
1.6K 🍴

2️⃣ Free-Python-Books

Python books free to read online or download

1.9K ⭐
208 🍴

Read 7 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!