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

We built a PWA from scratch – This is what we learned

I hadn’t considered the fact that if you’re fingerprinting your assets (e.g. style.987987090897.css) to take advantage of browser cache, you’ll need to update your Service Worker every time you do that. But I guess you’ve got a build step anyway, so it can be updated in both places:

… we used a NodeJS module called Stacify to automatically create new version numbers in all the places when a file is changed.

Direct Link to ArticlePermalink


We built a PWA from scratch – This is what we learned is a post from CSS-Tricks