“UX drives all of this.”

This little Twitter exchange has stuck in my mind quite a bit.

1997: Let’s make a website!
*fires up vi*

2007: Let’s make a website!
*downloads jQuery*
*fires up vi*

2017: Let’s make a website!
😵 pic.twitter.com/RT4VVnJjNS

— Thomas Fuchs (@thomasfuchs) February 22, 2017

Cut the crap. Websites in 2007 were terrible. UX drives all of this. https://t.co/k2akE8tjTU

— Colin Megill (@colinmegill) February 24, 2017

While I think it’s generally advisable to stay away from snarky Twitter arguments, this touches …


“UX drives all of this.” is a post from CSS-Tricks

Resizeable CodePen Embeds

If you put an Embedded Pen into a resizeable container, it will fluidly resize to fill both the vertical and horizontal space. Nothing overly incredible, but I link it up here because I think the whole idea of offering user-resizeable things on the web is interesting. There is a resize property just for this.

Clearly browsers thought offering it by default on <textarea>s was a good idea. What else makes sense? Maybe inputs? Maybe text containers so users can …


Resizeable CodePen Embeds is a post from CSS-Tricks

ECMAScript Modules in Browsers

As Jake Archibald says, they are starting to land! The support landscape is already:

  • Safari 10.1.
  • Chrome Canary 60 – behind the Experimental Web Platform flag in chrome:flags.
  • Firefox 54 – behind the dom.moduleScripts.enabled setting in about:config.
  • Edge 15 – behind the Experimental JavaScript Features setting in about:flags.

There are plenty of weird gotchas to be aware of, like minor syntax things that are intentionally not supported, and the order of script execution.

We covered Stefan Judis’s


ECMAScript Modules in Browsers is a post from CSS-Tricks

Combining Fonts

Another one from Jake Archibald!

This one is using two @font-face sets for the same font-family name. The second overrides the first, but only select characters of it, thanks to unicode-range.

You know how designers love ampersands? It’s a thing. Dan Cederholm once pointed out some advice from Robert Bringhurst:

Since the ampersand is more often used in display work than in ordinary text, the more creative versions are often the more useful. There is rarely any reason not …


Combining Fonts is a post from CSS-Tricks

Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover, First

A month ago I explored the importance of relying on Interaction Media Features to identify the user’s ability to hover over elements or to detect the accuracy of their pointing device, meaning a fine pointer like a mouse or a coarse one like a finger.

But it goes beyond the input devices or the ability to hover; the screen refresh rate, the color of the screen, or the orientation. Making assumptions about these factors based on the width of the …


Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover, First is a post from CSS-Tricks

How to Create a Full Width Page in WordPress

Do you want to create a full width page in WordPress? Many WordPress themes already come with a built-in full-width page template that you can use. However some themes do not have that feature. In this article, we will show you how to easily create… Read More »

The post How to Create a Full Width Page in WordPress appeared first on WPBeginner.

How to Optimize Your WordPress Database with One Click

Have you ever optimized your WordPress database? Optimizing your database cleans up unwanted data which reduces database size and improves performance. In this article, we will show you how to easily optimize your WordPress database with one-click. Why You Should Optimize Your WordPress Database? If… Read More »

The post How to Optimize Your WordPress Database with One Click appeared first on WPBeginner.

The Different Logical Ways to Group CSS Properties

Over on the MediaTemple Blog, I talk about some logical possibilities for how you might arrange the declarations within a ruleset. Personally:

I’ll admit, I traditionally haven’t had much of an opinion about the ordering of CSS properties. I just add what I need. I think they end up largely “grouped” by related things because that’s just how my brain spits them out.

While writing this, I looked into CSS Comb again, and I’m starting to be convinced this is …


The Different Logical Ways to Group CSS Properties is a post from CSS-Tricks

Beautiful, Customizable Online Appointment Scheduling

Brand new designs for Acuity Scheduling are beautiful out of the box and make it easy to provide online appointment scheduling for you or your clients, matching their identity. The online scheduler comes with several templates, embeds quickly in existing websites, and is fully customizable with advanced CSS.

Advanced CSS Customization

Customize nearly everything on your scheduler with our simple built-in options, or bring your creative ideas to life with our advanced CSS editor. Custom fonts can be imported, …


Beautiful, Customizable Online Appointment Scheduling is a post from CSS-Tricks