How to Take JavaScript Beyond the Web in 2019

JavaScript continues to appear in all sorts of places beyond the web as we enter into 2019! We’ve had a history of looking at how JavaScript has gone beyond the web here at SitePoint (see JavaScript Beyond the Web, JavaScript Beyond the Web in 2014 and JavaScript Beyond the Web…

0 Comments

How to Build a WordPress Theme from Scratch: the Basics

In this tutorial, we’ll explore WordPress theme file structure in depth, and learn how to create a basic WordPress theme from scratch. In the first part of this series, we introduced WordPress theming, and the fundamental terminology relating to WordPress theme development. We covered templates, partials, template hierarchy, WordPress post…

0 Comments

Lazy Loading for WordPress: How to Add It to Your Website

This article on lazy loading for WordPress was originally published by Torque Magazine, and is reproduced here with permission. Adding lazy load to your WordPress website is an effective tool to speed up your WordPress website. We have written extensively (we even made a case study) about how slow page…

0 Comments

Creating Layouts with CSS Grid

The following introduction to CSS Grid is an extract from Tiffany’s book, CSS Master, 2nd Edition. CSS Grid is a relatively recent layout specification, shipping in most browsers as of October 2017. Grid allows us to create layouts that were previously impossible, or only possible with lots of DOM operations.…

0 Comments

How to Use 2D Transformation Functions in CSS

The following is a short extract from Tiffany’s new book, CSS Master, 2nd Edition. Transforms allow us to create effects and interactions that are otherwise impossible. When combined with transitions and animations, we can create elements and interfaces that rotate, dance, and zoom. Three-dimensional transforms, in particular, make it possible…

0 Comments

Speed Up Your WordPress Website with YOOtheme Pro

This article was created in partnership with YOOtheme. Thank you for supporting the partners who make SitePoint possible. Starting July 2018, Google started ranking their mobile search results according to mobile page speed. This makes PageSpeed optimization even more important than before. Fortunately, there are tools that can help you…

0 Comments

Optimization Auditing: A Deep Dive into Chrome's Dev Console

Chrome DevTools incorporates many sub-tools for debugging web applications on the client side — like recording performance profiles and inspecting animations — most of which you’ve likely been using since your early days of learning web development, mostly through the DevTools console. Let’s look at some of those tools, focusing…

0 Comments

What Is a CDN and How Does It Work?

CDN – you keep seeing the acronym. Maybe in URLs, maybe on landing pages, but it never quite clicked – what are Content Delivery Networks, what do they do exactly? We’ll explain in this overview article, and demonstrate on two popular ones in followup posts. CDN Basics A CDN is…

0 Comments

Build a JavaScript Single Page App Without a Framework

Front-end frameworks are great. They abstract away much of the complexity of building a single-page application (SPA) and help you organize your code in an intelligible manner as your project grows. However, there’s a flip side: these frameworks come with a degree overhead and can introduce complexity of their own.…

0 Comments