How to Add a Custom Author Profile Page to Your WordPress

Do you want to add a custom author profile page to your WordPress site? Many WordPress themes have limited author profile information on their author archive page. In this article, we will show you how to create a custom author profile page in WordPress. Method… Read More »

The post How to Add a Custom Author Profile Page to Your WordPress appeared first on WPBeginner.

24 Best WordPress Themes for Animals and Pets

Are you looking for the best WordPress themes for animals and pets related websites? Many WordPress themes are designed to be multipurpose with a business or blog like design, which makes it harder to find a theme for pets and animals related services. In this… Read More »

The post 24 Best WordPress Themes for Animals and Pets appeared first on WPBeginner.

Combine Webpack with Gulp 4

Webpack is so hot right now! Webpack is great when it comes to module bundling and working with frameworks like Vue or React, but it is a bit more awkward when handling static assets (like CSS). You might be more used to handling your static assets with something like Gulp, and there are some pretty good reasons for that.

Still, the amount of JavaScript in our static projects is growing, so to compensate, let’s make use of Webpack, while …


Combine Webpack with Gulp 4 is a post from CSS-Tricks

Enforcing CSS Syntax Style (and more!)

I bet you have a style that you write CSS in, for the most part. You like 4-spaces, say. You always have a space after braces and colons. You always put a space after rulesets. You only ever put one declaration on a line, and the only declarations that can be multi-line are when they are big blocks like a gradient or a comma-separated box-shadow.

You might take this a little further and codify this. Perhaps you have a team …


Enforcing CSS Syntax Style (and more!) is a post from CSS-Tricks

Simplifying CSS Cubes with Custom Properties

I know there are a ton of pure CSS cube tutorials out there. I’ve done a few myself. But for mid-2017, when CSS Custom Properties are supported in all major desktop browsers, they all feel… outdated and very WET. I thought I should do something to fix this problem, so this article was born. It’s going to show you the most efficient path towards building a CSS cube that’s possible today, while also explaining what common, but less than …


Simplifying CSS Cubes with Custom Properties is a post from CSS-Tricks

Some Extremely Handy `:nth-child` Recipes as Sass Mixins

There is no such thing as one-size-fits-all styling. An image gallery with three images might need to be styled differently than an image gallery with twelve. There are some cool tricks that you can use to add some number-based logic to your CSS! Using :nth-child and :nth-last-child, you can get some surprisingly complex information without ever leaving your stylesheet.

This post will assume that you have a basic understanding of how the :nth-child pseudo-selector works. If you need a …


Some Extremely Handy `:nth-child` Recipes as Sass Mixins is a post from CSS-Tricks

How to Create Custom Single Post Templates in WordPress

Do you want to create a custom single post template in WordPress? Custom single post templates allow you to easily select different templates for your posts. In this article, we will show you how to easily create custom single post templates in WordPress. Note: This… Read More »

The post How to Create Custom Single Post Templates in WordPress appeared first on WPBeginner.

26 Best Sales Page WordPress Themes for Marketers (2017)

Are you looking for the best sales page WordPress theme for your marketing campaign? Sales page or landing page WordPress themes help marketers convert visitors into paying customers. In this article, we have hand-picked some of the best sales page WordPress themes for marketers. Creating… Read More »

The post 26 Best Sales Page WordPress Themes for Marketers (2017) appeared first on WPBeginner.

Implementing system fonts on Booking.com — A lesson learned

Stuart Frisby documents that you shouldn’t use the font shorthand when using a System Font Stack:

…don’t use -apple-system at the head of a shorthand font declaration, and test thoroughly, especially when playing around with proprietary stuff like system font declarations. If it looks like a vendor prefix and smells like a vendor prefix, chances are at least one browser is going to treat it like a vendor prefix.

Use font-family instead.

Direct Link to ArticlePermalink


Implementing system fonts on Booking.com — A lesson learned is a post from CSS-Tricks