CSS Grid is the easiest, cleanest and powerful way to deal with responsiveness, a completely new approach baked in the last years and ready to use.
CSS Grid changes how you used to layout your documents, instead of divitis (plenty of divs) and JavaScript to change div positions depending on screens (what Bootstrap does nowadays), you can use pure CSS grid layouts with just the meaningful divs and independently of document source order.
You don’t need to touch HTML or JavaScript, you don’t need Bootstrap, forget about flexbox in CSS or even complex CSS rules, what you see in your CSS is what you get on your screen.
Play stretching your browser to check the JSFiddle result.
I would recommend you to do these examples: https://gridbyexample.com/examples/
Fall in love with templates like I did ❤
Rename when destructuring
/in JavaScript/by GénesisAutocomplete dropdown
/in HTML5/by GénesisHave you ever used autocomplete dropdowns from jQuery UI or Bootstrap third party options? A complete heavyweight mess.
Luckly, we got a couple of years ago an awaited solution: Native HTML5 Autocomplete dropdown with datalist. A lightweight standard supported in all devices.
Save your tooling time, use as few libraries and frameworks as possible!
Get all days in a month that start in a certain day of the week
/in JavaScript/by GénesisReal easy responsiveness with CSS Grid
/in CSS3, HTML5/by GénesisCSS Grid is the easiest, cleanest and powerful way to deal with responsiveness, a completely new approach baked in the last years and ready to use.
CSS Grid changes how you used to layout your documents, instead of divitis (plenty of divs) and JavaScript to change div positions depending on screens (what Bootstrap does nowadays), you can use pure CSS grid layouts with just the meaningful divs and independently of document source order.
You don’t need to touch HTML or JavaScript, you don’t need Bootstrap, forget about flexbox in CSS or even complex CSS rules, what you see in your CSS is what you get on your screen.
Play stretching your browser to check the JSFiddle result.
I would recommend you to do these examples: https://gridbyexample.com/examples/
Fall in love with templates like I did ❤
Move parts of the user interface without loss of interaction
/in CSS3, HTML5, JavaScript/by Génesis