Weekly Roundup: Four Days of Code
Phone Number Validation, Password Strength Indicators, Scrollspy, Parallax with Multiple Backgrounds...
Every week new tutorials are posted to the growing Solodev Web Design Blog! Here is a list of what was added the week of October 3rd!
Forms are only as good as the data they accept and that's where validation comes in. What you don't see often is telephone number validation because it's difficult. Not anymore. This tutorial will teach you how to add validation to your phone number input fields using jQuery.
Creating a Password Strength Indicator
This tutorial utilizes strength.js by Aaron Lumsden to test the strength of a password and can be utilized on your own website's registration page to inform users of the strength of their chosen password.
Adding ScrollSpy to your Website
In this article, Solodev shows you how to add further ease of navigation to your website using scrollspy, a tool that automatically updates links in your website navigation based on the scroll position of your website.
Using Parallax with Multiple Backgrounds
In this article, Solodev will teach you how to add Parallax Images with multiple backgrounds to your website using jQuery ScrollTo by Ariel Flesler. Parallax creates a depth and transition effect when scrolling down and creates smooth scrolling throughout your website, thus enhancing the user experience (UX).