web development

Getting Started With the Mojs Animation Library: The HTML Module

A lot of websites now use some sort of animation to make their landing pages more appealing. Thankfully, there are many libraries which allow you to animate elements on a webpage without doing everything from scratch. In this tutorial, you will learn about one such library called mojs.

The library is very easy to use because of its simple declarative API. The animations that you can create with mojs will all be smooth and retina ready so that everything looks professional.

Categories: 

New Course: Code a Single-Page App With Laravel and Vue.js

Final product image
What You'll Be Creating

Categories: 

Project Management Considerations for Your WordPress Project

Lean, Agile, Waterfall; there are dozens of project management methodologies out there, and each one works to abstract your project into a common series of tasks and formulas. 

When it comes to software engineering, this can become complicated. For instance, it can cause issues between developers and managers whose organization styles differ. The manager needs that layer of abstraction to keep track of necessary metrics. The developer, however, can suffer from continual small task fatigue and feelings of being micromanaged.

Categories: 

Introduction to the CSS Grid Layout With Examples

Final product image
What You'll Be Creating

Categories: 

Take a First Look at WordPress Gutenberg in Our New Course

Gutenberg is a brand-new editing interface that's set to revolutionise the way people use WordPress. Are you ready for the change? 

WordPress Gutenberg screenshot

Categories: 

What Is Vue.js?

What is Vue.js? In short, it's a progressive framework for building user interfaces using HTML and JavaScript. If you'd like a more detailed explanation, watch this quick video from my course, A Designer’s Introduction to Vue.js.

What Is Vue.js?

Categories: 

8 Things That Make Jest the Best React Testing Framework

Overview

Jest is an open JavaScript testing library from Facebook. Its slogan is "Delightful JavaScript Testing". While Jest can be used to test any JavaScript library, it shines when it comes to React and React Native.

This is no surprise as both React and Jest come from Facebook, which is a major user of both. In this tutorial I'll show you eight different aspects of Jest that make it such a delight for testing React applications. 

Categories: 

Creating an Image Editor Using CamanJS: Layers, Blend Modes, and Events

In the previous tutorial, you learned how to create an image editor using CamanJS which can apply basic filters like contrast, brightness, and noise to an image. CamanJS also has some other built-in filters like Nostalgia, Pinhole, Sunrise, etc., which we applied directly to the image.

In this tutorial, we will cover some more advanced features of the library like Layers, Blend Modes, and Events.

Categories: 

New Short Course: Code a Front-End App With GraphQL and React

Final product image
What You'll Be Creating

Categories: 

Creating an Image Editor Using CamanJS: Applying Basic Filters

A while back, I wrote some tutorials which described how to apply different kinds of filters and blend modes to an image using just CSS. This could be very helpful in situations where you want to show the grayscale, blurred, or high-contrast version of the same image.

Categories: