Tag: JavaScript

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

There’s no such thing as “minor design changes”

Sharing a quick story I found on Intercom’s blog about how there’s no such thing as a small change in a product. At some point Intercom’s team decided to limit the number of characters of their reviews to 140. “We want to limit the length of a review in the product to 140 characters, because… Continue reading There’s no such thing as “minor design changes”

How to Read and Write CSV Files in Python

The CSV format is the most commonly used import and export format for databases and spreadsheets. This tutorial will give a introduction of the csv module in Python. We will learn about all the functions and classes that it makes available for you to read and write data to CSV files. We have also included… Continue reading How to Read and Write CSV Files in Python

Fetch Those Early-Bird Tickets! ???????? ???????? ???????? – Smashing Magazine

Great conferences are all about learning new skills and making new connections. That’s why we’ve set up a couple of new adventures for SmashingConf 2018 — just practical sessions, new formats, new lightning talks, evening sessions and genuine, interesting conversations — with a dash of friendly networking! Taking place in London, San Francisco, Toronto. Tickets? Glad you asked!1… Continue reading Fetch Those Early-Bird Tickets! ???????? ???????? ???????? – Smashing Magazine

Sticky Sidebar – A Pure JavaScript Plugin For Smart Sticky Sidebars

Sticky Sidebar is a pure JavaScript plugin for making smart and high performance sticky sidebar, works with sidebar if it’s taller or shorter than the viewport, integrated with resize sensor to re-calculate the dimensions automatically when the size of sidebar or its container is changed, supports jQuery/Zepto and compatible with Firefox, Chrome, Safari, and IE9+.… Continue reading Sticky Sidebar – A Pure JavaScript Plugin For Smart Sticky Sidebars

Creating GraphQL Subscriptions in Express ― Scotch

Introduction This section focuses on creating realtime applications using GraphQL, and the best way to achieve that is through subscriptions. The code in this section is a continuation of Part 1 of this series, and I would advise going through it before moving forward. This is a critical and essential part to future implementation of… Continue reading Creating GraphQL Subscriptions in Express ― Scotch

10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers

Web developers are always ready to pack with fresh, trendy and latest tools and resources which help them in their work and save time. For the web developers another latest and fresh resources have come out. All these fresh and wonderful resources are fully packed with superb and useful tools like JavaScript libraries, frameworks, plugins,… Continue reading 10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers

Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js

This topic is a really enjoyable one for me. It’s quite common in many web applications to accept user input and save a single record to your database. But what about when your users (or you) want to perform multiple inserts in a single command? In this article, we will demonstrate how to create a… Continue reading Bulk Import a CSV File Into MongoDB Using Mongoose With Node.js