6 Cool Basic HTML Effects

It's no wonder that HTML can do some stuff that we might even think that it is an external library. If efficiently used we can even hack NASA (I'm just kidding). So let's look into some cool features of HyperText Markup Language.

1. Color Picker

Create a color picker by simply using the <input> tag and giving it a property of type=’color’.

2. Accordion

The <summary> tag defines a visible heading for the <details> element.

The heading can be clicked to view/hide the details.

Before opening

You can create simple accordions using this method, without the need to implement CSS classes and JavaScript click handlers that toggle visibility whenever clicked.

3. Make a call

Call someone direct from your website.

4. Progress bar

You can use the <progress> element which will represent the completion of something.

5. Autocomplete

The <datalist> tag is used to provide an “autocomplete” feature for the <input> elements.

We can see a drop-down of predefined options as you type.

6. Emoji

Many UTF-8 characters cannot be typed on a keyboard. Some keyboards and devices also do not have an emoji input. However, emojis can always be displayed using numbers (known as ‘entity numbers’).

We can use this method to produce emojis in HTML.

Conclusion

Here we discussed a few HTML-only things that might save you time, and avoid the need to complicate things by incorporating CSS and JavaScript.

I hope you have found this useful. Were any of these tips new to you? If so, be sure to let us know in the comments.

Comments

The Top 10 Motivational Books for Overcoming Fear and Getting Ahead

Take a minute and think about some of the most successful people you know. I’d bet they’re great with people, are super-productive, and think differently than most. After all, that’s how they got to be where they are today. Jealous of them? You don’t have to be. You can learn these same skills by studying some of the best business and success books that can help you take your game to the next level. Here’re 10 of my favorites: 1. How to Win Friends and Influence People by Dale Carnegie Dale Carnegie’s best-selling book that helped to launch a personal growth empire should be required reading for everyone who wants to learn how to build and nurture relationships for a lifetime. Read this book and you’ll learn some simple advice that can help you build popularity points within your current network and just as important, expand it to others. Get the book here! 2. Focal Point by Brian Tracy Got a lot on your to-do list? Of course, you do. But what separates productive people from others is

10 Success Lessons from “The Psychology of Money” by Morgan Housel (Book Summary)

Overview of The Psychology of Money : “The premise of this book is that doing well with money has a little to do with how smart you are and a lot to do with how you behave .” “Financial success is not a hard science. It’s a soft skill, where how you behave is more important than what you know . I call this soft skill the psychology of money .” “The aim of this book is to use short stories to convince you that soft skills are more important than the technical side of money .” “We think about and are taught about money in ways that are too much like physics (with rules and laws) and not enough like psychology (with emotions and nuance) .” “Physics isn’t controversial. It’s guided by laws. Finance is different. It’s guided by people’s behaviors. “ 1. Never Enough “Life isn’t any fun without a sense of enough . Happiness, as it’s said, just results minus expectations .” “ ‘Enough’ is not too little … ‘Enough’ is realizing that the opposite—an insatiable appetite for more—will

Mehul Ligade

Search This Blog