Chrome 69

Chrome 69 is notable for us CSS developers:

  • Conic gradients (i.e. background: conic-gradient(red, green, blue);): We’ve got lots of interesting articles about conic gradients here, and here’s some use cases and a polyfill from Lea Verou.
  • Logical box model properties: margin, padding, and border all get an upgrade for more use cases. Think of how we have margin-left now — the “left” part doesn’t make much sense when we switch directions. Now, we’ll have margin-inline-start for

The post Chrome 69 appeared first on CSS-Tricks.

Read more

Advanced OOP For WordPress Part 8: Developing New Features For Extensible WordPress Plugins Using Test-Driven Development

In my last post in this series on advanced PHP object-oriented programming for WordPress development, I walked through refactoring the low-level API of a plugin, using tests to guide the process and make sure everything works correctly. I say “low-level API” because the focus was on the internal of how the system will work. I …
The post Advanced OOP For WordPress Part 8: Developing New Features For Extensible WordPress Plugins Using Test-Driven Development appeared first on Torque.
Read more

Browser painting and considerations for web performance

The process of a web browser turning HTML, CSS, and JavaScript into a finished visual representation is quite complex and involves a good bit of magic. Here’s a simplified set of steps the browser goes through:

  1. Browser creates the DOM and CSSOM.
  2. Browser creates the render tree, where the DOM and styles from the CSSOM are taken into account (display: none elements are avoided).
  3. Browser computes the geometry of the layout and its elements based on the render tree.

The post Browser painting and considerations for web performance appeared first on CSS-Tricks.

Read more

Border Design: 8 Tips & Modern Examples

Graphic designers have been using borders for as long as they have been designing things. And they’re a fun element to play with. We’re taking a look at eight border design concepts (most of them you can actually download as project starters), along with tips for usage and some examples that you can try in […]
Read more

Slow Websites

The web has grown bigger. Both in expansiveness and weight. Nick Heer’s “The Bullshit Web”:

The average internet connection in the United States is about six times as fast as it was just ten years ago, but instead of making it faster to browse the same types of websites, we’re simply occupying that extra bandwidth with more stuff.

Nick clearly explains what he means by bullshit, and one can see a connection to Brad Frost’s similarly framed

The post Slow Websites appeared first on CSS-Tricks.

Read more

The Down And Dirty Way To Migrate A WordPress Website

A very common task WordPress site owners ever have to do is to move their site from one server to another. Reasons to do this include: You hate your web host and need a new service. You’d like a copy of your site so you can work on it either locally or from a remote …
The post The Down And Dirty Way To Migrate A WordPress Website appeared first on Torque.
Read more

Sticky, Smooth, Active Nav

Just like the title says! Here’s a sidebar navigation bar that…

  1. Uses sticky positioning. It stays on the screen when it can, but won’t overlap the header, footer, or ever make any of it’s links inaccessible.
  2. Scrolls smoothly to the sections you click to.
  3. Activates the current nav based on scroll position (it’s a single page thing).

See the Pen Sticky, Smooth, Active Nav by Chris Coyier (@chriscoyier) on CodePen.

Sticky

It’s easy to toss position: sticky;

The post Sticky, Smooth, Active Nav appeared first on CSS-Tricks.

Read more

20+ Best Party & Club Flyer Templates

Designing an amazing flyer is an effective way to get everyone excited about a party or an event. You can find a great flyer design to promote your next event from this collection of party and club flyer templates. You don’t have to be a designer to make a professional looking party flyer (we’ve written […]
Read more