HTML5 form validation without submission
Using regular expressions to validate inputs inside a form will always show up an automatic hint message if it is not valid.
Text Fill
/in CSS3, HTML5, JavaScript/by GénesisYou can easily resize text to make it fit into a container. The font size gets as big as possible. Open the example in JSFiddle, resize the result window and/or change the text into the div tag and rerun.
Star Rating
/in CSS3, HTML5/by GénesisPure CSS and semantic HTML to use Star Ratings.
Remember that if you defined a new custom HTML element without a dash, it would be considered as an HTMLUnknownElement. You will not see any errors in your browser but it’s an invalid HTMLElement. New HTML elements without dash are reserved for future capability when standard groups add new tags to HTML.
Image gallery with captions and lightbox
/in CSS3, HTML5, JavaScript/by GénesisWe basically use a Flexbox section to insert HTML figures with images and captions, and an extra div to maximize the clicked image. All effects are Pure CSS, the JavaScript is really simple, only to deploy the HTML and launch the lightbox.
Some Web Technologies Enhancements – Proposals and Ideas
/in CSS3, HTML5, JavaScript/by GénesisPowerful enhancements that are coming to the standard and ideas that would make our lives even easier when dealing with web technologies.
Some Web Technologies Enhancements – Proposals and Ideas on Medium.