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.
20+ Creative Project Ideas to Get You Out of a Design Rut
60+ Best Big, Poster Fonts of 2019
30+ Best Scene and Mockup Generators of 2019
An Initial Implementation of clip-path: path();
One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value is polygon() because it allows us to draw a shape out of straight lines at arbitrary points.
Here’s a demo of each value:
See the Pen clip-path examples by Chris Coyier (…
The post An Initial Implementation of clip-path: path(); appeared first on CSS-Tricks.
6 Tips on How to Write the Perfect Story About Yourself
The post 6 Tips on How to Write the Perfect Story About Yourself appeared first on Torque.
Graphic Design for Kids: Tools, Games & Ideas to Get Them Excited
People Talkin’ Shapes
Codrops has a very nice article on CSS Shapes from Tania Rascia. You might know shape-outside is for redefining the area by which text is floated around that element, allowing for some interesting design opportunities. But there are a couple of genuine CSS tricks in here:
- Float
shape-outsideelements both right and left to get text to flow between them. - You can set
shape-outsideto take an image and useshape-image-thresholdto adjust where the text flows, meaning you could
…
The post People Talkin’ Shapes appeared first on CSS-Tricks.




