Gradient Borders in CSS

Let’s say you need a gradient border around an element. My mind goes like this:

  • There is no simple obvious CSS API for this.
  • I’ll just make a wrapper element with a linear-gradient background, then an inner element will block out most of that background, except a thin line of padding around it.

Perhaps like this:

See the Pen Gradient with Wrapper by Chris Coyier (@chriscoyier) on CodePen.

If you hate the idea of a wrapping element, …

The post Gradient Borders in CSS appeared first on CSS-Tricks.

Read more

40+ Best Bootstrap Admin Templates of 2019

Planning to develop a new web app? Or create a stunning backend membership area for your services? Then it’s time to start thinking about designing an admin dashboard. Creating an effective admin dashboard that your users enjoy coming back to over and over again can be a challenging task. You have to work with user […]
Read more

Using React for WordPress Gutenberg Development

In today’s fast-paced world, numerous websites are vying to get on top and stay ahead in the competition. Which means you need to come up with something that is aesthetically pleasing and exceptional enough to sustain for the long run. After making a grand entrance onto the web’s stage, WordPress as a CMS platform has …
The post Using React for WordPress Gutenberg Development appeared first on Torque.
Read more

The Pros and Cons of Being a Freelance Writer

The most appealing jobs are the ones where you get to make money on your terms like freelance writing. If you can turn it into a full-time career, even better! However, before you take the plunge into the online world of writing for money, you should ask yourself some serious questions. Are you a skilled …
The post The Pros and Cons of Being a Freelance Writer appeared first on Torque.
Read more

Gulp for WordPress: Creating the Tasks

This is the second post in a two-part series about creating a Gulp workflow for WordPress theme development. Part one focused on the initial installation, setup, and organization of Gulp in a WordPress theme project. This post goes deep into the tasks Gulp will run by breaking down what each task does and how to tailor them to streamline theme development.

Now that we spent the first part of this series setting up a WordPress theme project with Grunt installed …

The post Gulp for WordPress: Creating the Tasks appeared first on CSS-Tricks.

Read more

30+ Best Sketch Templates of 2019

Sketch is a unique app that offers amazing features and functionality for creating app UI designs and mockups. Creating an effective UI for an application requires time, detailed attention, and—most importantly—an idea to get started with! In order to streamline the design process for creating your next app interface, we’ve collected the best Sketch UI templates […]
Read more

Gulp for WordPress: Initial Setup

This is the first part of a two-part series on creating a Gulp workflow for WordPress theme development. This first part covers a lot of ground for the initial setup, including Gulp installation and an outline of the tasks we want it to run. If you’re interested in how the tasks are created, then stay tuned for part two.

Earlier this year, I created a course for building premium WordPress themes. During the process, I wanted to use a …

The post Gulp for WordPress: Initial Setup appeared first on CSS-Tricks.

Read more

20+ Creative Project Ideas to Get You Out of a Design Rut

It happens to everyone at some point – creative block. You know you’re in a design rut when nothing seems to work as you expect. Designs aren’t coming together. You’re frustrated and un-energized. While these stages are completely normal, it’s important to have a few tools at hand to break out of a design rut. […]
Read more

60+ Best Big, Poster Fonts of 2019

When it comes to designing posters and banners, there’s one thing that matters the most: the font. A poster without a great, attention-grabbing title is simply not an effective poster. A great poster font has the power to turn even the most straightforward layout into a compelling design. As Irene Etzkorn once said, “There is […]
Read more

30+ Best Scene and Mockup Generators of 2019

It isn’t always easy to find the right mockup for your header or feature image. Using a mockup generator can help you tweak and customize a mockup to match your needs perfectly. Mostly because high-quality stock photos and images are hard to find, and can come with hefty price tags. Even when you do find […]
Read more