Form Input Validation Using Only HTML5 and Regex

Validation of form input is something that should be taken seriously. With luck, nothing worse than garbage data will be submitted to a site which uses data from forms without proper validation. However, there also a chance that hackers will be able to compromise the private data of users who trusted you with their information.… Continue reading Form Input Validation Using Only HTML5 and Regex

Draw with CSS: Using CSS To Draw Elements

With clever use of CSS properties, it is in fact possible to draw very complex shapes. All the shapes below were drawn with CSS alone. It might be that CSS isn’t the best way to render shapes in the browser window, but it’s very fast and included for “free” on all modern browsers. Learn how… Continue reading Draw with CSS: Using CSS To Draw Elements

What is Z-Index and How Does It Work?

June 18, 2018 by Alex Fox Elements on a web page can stack for a variety of reasons. With basic CSS positioning tools, it’s possible to stack elements on top of one other with negative margins, floats, and other tools. Even without specific position, elements stack, with div stacking on backgrounds on table cells stacking… Continue reading What is Z-Index and How Does It Work?

20+ HTML Forms Best Practices for Beginners

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Working with HTML forms can be somewhat daunting. They not only use some niche HTML elements, but also blur the line between static content and user interaction. Let’s review some things to remember when creating your next form. Good HTML forms require attention on at least four… Continue reading 20+ HTML Forms Best Practices for Beginners