Most of the web really sucks if you have a slow connection

Dan Luu on the sorry state of web performance:

…it’s not just nerds like me who care about web performance. In the U.S., AOL alone had over 2 million dialup users in 2015. Outside of the U.S., there are even more people with slow connections.

This other note is also interesting, and I think that Dan is talking about Youtube’s project “Feather” here:

When I was at Google, someone told me a story about a time that “they” completed a …


Most of the web really sucks if you have a slow connection is a post from CSS-Tricks

Creating Non-Rectangular Headers

Over at Medium, Jon Moore recently identified “non-rectangular headers” as a tiny trend. A la: it’s not crazy popular yet, but just you wait, kiddo.

We’re talking about headers (or, more generally, any container element) that have a non-rectangular shape. Such as trapezoids, complex geometric shapes, rounded/elliptical, or even butt-cheek shaped.


Creating Non-Rectangular Headers is a post from CSS-Tricks

Websites We Like: February 2017

It has been a while since we’ve taken stock of all the beautiful websites out there. Here’s our favorites from the past couple of weeks!

Fuzzco

Who says the web should scroll in one direction? Not the creative agency Fuzzco which on their homepage lets you navigate the page in a very interesting way and this compliments the visual design, too:

Tuna

Tuna is a specimen for the typeface of the same name by Felix Braden and Alex Rütten. This …


Websites We Like: February 2017 is a post from CSS-Tricks

How to Properly Switch From Wix to WordPress (Step by Step)

Looking to switch from Wix to WordPress? Wix is a drag-and-drop website builder that lets you create a simple website. However, many Wix users soon realize that their options are limited, and adding extra features can become quite expensive. If you want more features and… Read More »

The post How to Properly Switch From Wix to WordPress (Step by Step) appeared first on WPBeginner.

5 Best Drag and Drop WordPress Page Builders Compared (2017)

Do you want an easy way to build and customize your WordPress site? That’s where drag and drop WordPress page builder plugins come in handy. These WordPress page builders allow you to create, edit, and customize your site layout without writing any code. In this… Read More »

The post 5 Best Drag and Drop WordPress Page Builders Compared (2017) appeared first on WPBeginner.

How to Properly Move from Weebly to WordPress (Step by Step)

Do you want to switch from Weebly to WordPress? Yes it is possible to migrate all of your Weebly content to WordPress without hiring a developer or knowing how to code. We built a free Weebly to WordPress importer tool that does it all for… Read More »

The post How to Properly Move from Weebly to WordPress (Step by Step) appeared first on WPBeginner.

Unitless or not unitless?

Matt Smith:

You should always specify line-height as a unitless number (say this into the mirror five times). That way descendent elements that specify a different font size will inherit that number instead of a fixed line height.

Counterpoint in the comments by David Khourshid:

Unitless line heights are fine, but aren’t the only way to use it. If I want an exact, perfect vertical rhythm implemented in my stylesheets, I would absolutely use a line-height *with a unit* …


Unitless or not unitless? is a post from CSS-Tricks

How to Add Autocomplete for Address Fields in WordPress

Recently, one of our users asked us how to add autocomplete for address fields in WordPress forms. Autocomplete allows users to quickly select address from suggestions generated in realtime as they type. In this article, we will show you how to add autocomplete for address… Read More »

The post How to Add Autocomplete for Address Fields in WordPress appeared first on WPBeginner.

Code Smells in CSS

Harry Roberts, Code Smells in CSS, Part 1:

  • Undoing Styles
  • Magic Numbers
  • Qualified Selectors
  • Absolute Values
  • Brute Forcing
  • Dangerous Selectors
  • Reactive !important
  • IDs
  • Loose Class Names

Part 2:

  • @extend
  • String Concatenation for Classes
  • Background Shorthand
  • Duplicated Key Selectors
  • Classes in Wrong Components
  • Non BEM
  • @import

Direct Link to ArticlePermalink


Code Smells in CSS is a post from CSS-Tricks