JavaScript form validation is now a lot easier than it used to be, thanks to HTML5 and the Constraint Validation API. Learn how it works in our new short course, Practice JavaScript and Learn: Form Validation. What You’ll Learn In this short course, Jeremy McPeak will show you how to take advantage of the Constraint… Continue reading Try This New Short Course on JavaScript Form Validation
Tag: JavaScript
How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
In this tutorial I’ll show you how to quickly build layouts with Bootstraps 4’s responsive flexbox utilities. To gain a better understanding of these utilities, we’ll examine four different examples. Note: this tutorial assumes you’re familiar with Bootstrap 4 as well as flexbox. Take a look at these courses to get you going in the right… Continue reading How to Quickly Build Layouts With Bootstrap 4’s Responsive Flexbox Utilities
Site Accessibility: Getting Started With ARIA
.png)
What You’ll Be Creating Using standard HTML alone, modern web apps can lock out users with accessibility needs. HTML is the predominant markup language online, being used by nearly 83% of existing websites. While there have been some changes in the 25 years since its creation, even newer iterations, such as HTML5 and AMP, leave… Continue reading Site Accessibility: Getting Started With ARIA
7 Web Apps For Web Designers To Simplify Their Work Life
There are many web apps for designer and developers out there, but getting by free and good ones is not that easy. That is why we are sharing 7 Web Apps For Web Designers To Simplify Their Work Life. Previously, we have already covered 9 Tools To Simplify A Graphic Designer’s Life. So, without any… Continue reading 7 Web Apps For Web Designers To Simplify Their Work Life
Web Design Agencies Websites: 27 Interactive Examples
Award winning Agencies Websites with innovative, creative, minimalist design for inspiration. Today we are selected twenty seven best web design agencies websites based on UI/UX design and concept. I hope your will enjoy the amazing websites collection and get some great ideas for your next web agency website design projects. You may be interested in the following related articles… Continue reading Web Design Agencies Websites: 27 Interactive Examples
6 Cross-Platform Development Tools Worth Checking Out
There are many development tools out there, but getting by free and good ones is not that easy. That is why we are sharing 6 Cross-Platform Development Tools Worth Checking Out. Previously, we have already covered Four Robust Builders To Build Amazing Mobile Apps. So, without any further ado let’s take a look at these… Continue reading 6 Cross-Platform Development Tools Worth Checking Out
Vivid.js – A JS library serving a set of 90+ SVG icons
Vivid.js is a JavaScript library built to serve 90+ pixel perfect and ready-to-use icons in SVG format. Vivid.js is really easy to use, you just need to include the JS file into the head section and use a data attribute to load an icon. In addition, Vivid.js is super lightweight and minified version equals around just… Continue reading Vivid.js – A JS library serving a set of 90+ SVG icons
Four Robust Builders To Build Amazing Mobile Apps
There are many apps out there, but getting by free and good ones is not that easy. That is why we are sharing Four Robust Builders To Build Amazing Mobile Apps. So, without any further ado let’s take a look at these and feel free to share this post with others. Read each entry in… Continue reading Four Robust Builders To Build Amazing Mobile Apps
The Easiest Way To Add Input Masks To Your Forms
Input masks make it much easier for users to figure out the required format for filling out emails, phone numbers, credit cards and other data. Adding masks to your form inputs makes them so much better and its super easy to do, especially when using a JS library. In this article we’ve prepared for you… Continue reading The Easiest Way To Add Input Masks To Your Forms
WordPress Gutenberg Block API: Creating Custom Blocks
The new WordPress editor (codenamed Gutenberg) is due for release in version 5.0. Now is the perfect time to get to grips with it before it lands in WordPress core. In this series, I’m showing you how to work with the Block API and create your very own content blocks which you can use to build… Continue reading WordPress Gutenberg Block API: Creating Custom Blocks
Tips and Trick to Improve Your JavaScript’s SEO
JavaScript usage can have a surprising impact on SEO. But how? As you probably know, basic web crawlers are pretty dumb. They just read through the text files associated with your domain, following links and trawling through your code. But they can’t really “see” the website: only the code that comprises it. As a result,… Continue reading Tips and Trick to Improve Your JavaScript’s SEO
An Overview of JavaScript Promises
This tutorial covers the basics of JavaScript promises, showing how you can leverage them in your JavaScript development. The concept of promises is not new to web development. Many of us have already used promises in the form of libraries such as Q, when.js, RSVP.js, etc. Even jQuery has something called a Deferred object, which… Continue reading An Overview of JavaScript Promises
Getting Started with Chrome Developer Tools: Advanced DevTools
The most common tool in Chrome Developer Tools is Inspect Element. As we’ve covered, this tool allows you to view the CSS and HTML associated with specific on-screen elements. But there’s more power than that within DevTools. You can also access additional tools to do far more. You can debug JavaScript, monitor network performance, preview… Continue reading Getting Started with Chrome Developer Tools: Advanced DevTools
Build A Movie Player ― Scotch
Last week, we solved the code challenge #4: Build An Eye Tracking App with JavaScript. This week we will be looking at consuming API’s and utilizing APIs to fetch reusable data. The Challenge The challenge is basically to build a movie trailer player with image thumbnails for a playlist and a section to display selected… Continue reading Build A Movie Player ― Scotch
The Powerful JavaScript Debugger You Never Knew You Had
February 26, 2018 by Alex Fox When you were first starting to write JavaScript, you learned about console.log. You learned about outputting messages to the console and using it to troubleshoot your JavaScript. And unless you’re a fairly serious JavaScript developer, you might not have bothered with much more. When JavaScript apps don’t work correctly,… Continue reading The Powerful JavaScript Debugger You Never Knew You Had
Build An Eye-Tracking Alien with JavaScript ― Scotch
Hi and welcome to our Code Challenge #4. This week on the challenge we shall be delving into mouse tracking with JavaScript and simple animations with CSS. The Challenge The challenge is basically to build this Alien from Mars. We were browsing CodePen and saw this awesome CSS alien built by Eduardo Sada. View the… Continue reading Build An Eye-Tracking Alien with JavaScript ― Scotch
CSS Lightsaber Checkbox ― Scotch
Welcome to our Code Challenge #3. Way back when about five years ago when we started Scotch.io, one of our very first articles was to create lightsabers using plain CSS. Let’s bring that back and see how we can build out the same thing in this week’s code challenge. The Challenge The challenge is to… Continue reading CSS Lightsaber Checkbox ― Scotch
Object Oriented Programming in JavaScript ― Scotch
Object-Oriented Programming is a popular style of programming that has taken root in JavaScript since the beginning. It’s so deeply rooted in JavaScript that many of JavaScript’s native functions and methods are written in the Object Oriented style; you’ll also find many popular libraries written in the Object Oriented style as well. If you already… Continue reading Object Oriented Programming in JavaScript ― Scotch
The Best Ways To Securely Handle Your Passwords In JavaScript
February 14, 2018 by Spyrestudios Staying safe online is even more important than ever. We see news of companies being hacked, social media apologies galore for the same reason, and news stories almost every day about cyber crime. Which of course means we need to stay vigilant and safe. Which is a lot easier than… Continue reading The Best Ways To Securely Handle Your Passwords In JavaScript
Why You Should Choose JQuery for Your Next Project?
JQuery is one of the most popular JavaScript frameworks that are commonly used in interactive, dynamic and responsive web development. A JQuery programmer uses this platform to call numerous JavaScript library functions to implement into the web development very easily and effectively. A large number of giant IT Corporations like Google, IBM, Netflix, Microsoft and… Continue reading Why You Should Choose JQuery for Your Next Project?
Micron.js – Create CSS Animations Controlled by JavaScript Power
Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods. You can… Continue reading Micron.js – Create CSS Animations Controlled by JavaScript Power
Micron.js: A JS library for creating CSS animations
Micron.js is a micro interaction library which can be used to add interactions to different DOM Elements. Micron.js animates an element using CSS power and the interactive behaviours are controlled by JavaScript. Micron.js is easy to adapt and can bring interactions to life using HTML5 data attributes or a chain of JavaScript methods. View project… Continue reading Micron.js: A JS library for creating CSS animations
Getting Started With Redux: Why Redux?
When you’re learning React, you will almost always hear people say how great Redux is and that you should give it a try. The React ecosystem is growing at a swift pace, and there are so many libraries that you can hook up with React, such as flow, redux, middlewares, mobx, etc. Learning React is easy,… Continue reading Getting Started With Redux: Why Redux?
Understanding JavaScript Closures: A Practical Approach
Learning a new language involves a series of steps, whereas its mastery is a product of patience, practice, mistakes, and experience. Some developers will have enough knowledge to deliver on features as per a client’s demand, but it takes more than just that to be a good developer. A good developer is one who takes… Continue reading Understanding JavaScript Closures: A Practical Approach