VuePress Static Site Generator

VuePress is a new tool from Vue creator Even You that spins up Vue projects that are more on the side of websites based on content and markup than progressive web applications and does it with a few strokes of the command line.

We talk a lot about Vue around here, from a five-part series on getting started with it to a detailed implementation of a serverless checkout cart

But, like anything new, even the basics of getting started can …

The post VuePress Static Site Generator appeared first on CSS-Tricks.

Read more

Advanced OOP For WordPress Part 3: Unit Testing For WordPress REST API Plugins

This post is part of a series of posts on extending the WordPress REST API using advanced object-oriented PHP. In the first post, I showed you how to use three filters to modify the schema of any post type route. Using an object-oriented approach is more complex, and takes more work than using functional programming …
The post Advanced OOP For WordPress Part 3: Unit Testing For WordPress REST API Plugins appeared first on Torque.
Read more

10 Tips for a Perfect Facebook Cover Image

Almost every business and individual – from personal pages to freelance business pages – uses Facebook. It’s likely an integral part of your marketing strategy. It might even be your main professional website. So it is important that you make the most of this platform to ensure that your social media profile is polished and […]
Read more

Creating a Panning Effect for SVG

Earlier this month on the Animation at Work Slack, we had a discussion about finding a way to let users pan inside an SVG.

I made this demo below to show how I’d approach this question:

See the Pen Demo – SVG Panning by Louis Hoebregts (@Mamboleoo) on CodePen.

Here are the four steps to make the above demo work:

  1. Get mouse and touch events from the user
  2. Calculate the mouse offsets from its origin
  3. Save

The post Creating a Panning Effect for SVG appeared first on CSS-Tricks.

Read more

Getting Ahead of Gutenberg

One of the biggest changes to WordPress ever is coming soon. Are you ready? How can you prepare? Why is WordPress making this change anyway? These questions and many more have been flying around the WordPress space for nearly a year since the new Gutenberg editor was announced by Matt Mullenweg in Summer of 2017 …
The post Getting Ahead of Gutenberg appeared first on Torque.
Read more

20+ Best iPhone 8 Mockups

Having a set of up-to-date iPhone mockups to use when presenting your designs to clients is a crucial part of being a professional designer. In this post, we bring you a set of iPhone 8 mockups to add to your ever-growing collection. iPhone 8 was one of the most anticipated devices in the Apple’s lineup. […]
Read more

Hey hey `font-display`

Y’all know about font-display? It’s pretty great. It’s a CSS property that you can use within @font-face blocks to control how, visually, that font loads. Font loading is really pretty damn complicated. Here’s a guide from Zach Leatherman to prove it, which includes over 10 font loading strategies, including strategies that involve critical inline CSS of subsets of fonts combined with loading the rest of the fonts later through JavaScript. It ain’t no walk in the park.

Using font-display

The post Hey hey `font-display` appeared first on CSS-Tricks.

Read more

Doc Pop’s News Drop: Plugin Madness 2018 Recap

Doc’s WordPress News Drop is a weekly report on the most pressing WordPress news. When the news drops, I will pick it up and deliver it right to you. Congrats to Smush Image Compression for winning Torque’s 2018 Plugin Madness competition! Thanks to everyone who nominated and voted this year, it was a huge success. …
The post Doc Pop’s News Drop: Plugin Madness 2018 Recap appeared first on Torque.
Read more