My Favorite HTML5 Tips and Tricks
Find a file
ImgBotApp c311cc94db
[ImgBot] Optimize images
*Total -- 4,857.10kb -> 4,446.25kb (8.46%)

/html5.png -- 8.36kb -> 4.85kb (41.94%)
/map/elephant.jpg -- 4,566.03kb -> 4,166.87kb (8.74%)
/home.svg -- 0.32kb -> 0.30kb (5.81%)
/favicons/android-icon-144x144.png -- 5.97kb -> 5.66kb (5.17%)
/favicons/apple-icon-144x144.png -- 5.97kb -> 5.66kb (5.17%)
/favicons/ms-icon-144x144.png -- 5.97kb -> 5.66kb (5.17%)
/favicons/ms-icon-150x150.png -- 6.19kb -> 5.88kb (5.02%)
/favicons/apple-icon-152x152.png -- 6.35kb -> 6.05kb (4.78%)
/favicons/apple-icon-precomposed.png -- 6.97kb -> 6.64kb (4.72%)
/favicons/apple-icon.png -- 6.97kb -> 6.64kb (4.72%)
/favicons/apple-icon-180x180.png -- 7.53kb -> 7.18kb (4.68%)
/favicons/apple-icon-114x114.png -- 4.90kb -> 4.67kb (4.61%)
/favicons/apple-icon-120x120.png -- 5.01kb -> 4.79kb (4.48%)
/favicons/ms-icon-310x310.png -- 15.52kb -> 14.83kb (4.43%)
/favicons/favicon-96x96.png -- 4.24kb -> 4.05kb (4.31%)
/favicons/android-icon-96x96.png -- 4.24kb -> 4.05kb (4.31%)
/favicons/apple-icon-76x76.png -- 3.56kb -> 3.42kb (3.82%)
/favicons/apple-icon-72x72.png -- 3.40kb -> 3.28kb (3.34%)
/favicons/android-icon-72x72.png -- 3.40kb -> 3.28kb (3.34%)
/favicons/ms-icon-70x70.png -- 3.28kb -> 3.17kb (3.33%)
/favicons/apple-icon-57x57.png -- 2.85kb -> 2.76kb (3.15%)
/favicons/apple-icon-60x60.png -- 2.93kb -> 2.84kb (3.1%)
/favicons/android-icon-48x48.png -- 2.62kb -> 2.55kb (2.72%)
/favicons/android-icon-192x192.png -- 6.41kb -> 6.27kb (2.25%)
/map/lion.jpg -- 146.10kb -> 143.23kb (1.97%)
/favicons/android-icon-36x36.png -- 2.11kb -> 2.07kb (1.8%)
/map/clown.jpg -- 17.97kb -> 17.67kb (1.68%)
/favicons/favicon-32x32.png -- 1.93kb -> 1.90kb (1.47%)

Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>
2022-10-02 13:37:40 +00:00
.github Update FUNDING.yml 2022-05-25 09:33:13 +05:30
content-editable Added Home icon 2020-08-14 10:30:23 +05:30
data-attribute Corrected data attribute 2020-08-16 08:36:31 +05:30
datalist Added Home icon 2020-08-14 10:30:23 +05:30
details Added Home icon 2020-08-14 10:30:23 +05:30
dialog Added a dialog example 2020-11-16 10:30:05 +05:30
favicons [ImgBot] Optimize images 2022-10-02 13:37:40 +00:00
inputs Added Home icon 2020-08-14 10:30:23 +05:30
map [ImgBot] Optimize images 2022-10-02 13:37:40 +00:00
mark Added Home icon 2020-08-14 10:30:23 +05:30
meter Added progress 2020-08-14 11:00:46 +05:30
output Added Home icon 2020-08-14 10:30:23 +05:30
range Added Home icon 2020-08-14 10:30:23 +05:30
.gitignore Initial commit 2020-08-13 09:54:56 +05:30
home.svg [ImgBot] Optimize images 2022-10-02 13:37:40 +00:00
html5.png [ImgBot] Optimize images 2022-10-02 13:37:40 +00:00
index.html added github ribon 2020-11-16 17:38:07 +05:30
LICENSE Initial commit 2020-08-13 09:54:56 +05:30
main.css Small CSS change 2020-11-16 17:41:03 +05:30
README.md Update README.md 2020-10-28 15:50:49 +05:30

html-tips-tricks

HTML5 is not a new thing. We have been using several features of it since the initial release(October 2014). As part of #100DaysOfCode initiative, I have taken time out to revisit the feature list again. See what I found? I haven't really used a bunch of it!

In this repo, I am listing down such HTML5 features that I haven't used much but, found them useful. I have also created a working example flow and hosted on netlify. Hope you find it useful.

https://html5-tips.netlify.app/

To read more about this:

10 useful HTML5 features You may not be using

Many Thanks to all the Stargazers who has supported this project with stars()

Stargazers repo roster for @atapas/html-tips-tricks