How Much Does It Really Cost to Build a WordPress Website?

One of the questions we often get asked is: how much does it cost to build a WordPress website? While the core WordPress software is free, the cost of a WordPress site depends entirely on your budget and goals. In this article, we will break… Read More »

The post How Much Does It Really Cost to Build a WordPress Website? appeared first on WPBeginner.

Measuring Image Widths in JavaScript (Carefully!)

Let’s say you want to find an <img> on the page and find out how wide it is in JavaScript. Maybe you need to make some choices based on that width (or height, or both) You can definitely do that. The DOM will even give you a variety of dimensions to choose from depending on what you need. There is definitely a catch though.

Here’s the image:

<img src="image.jpg" alt="an image">

And here’s us selecting it, by finding the first …


Measuring Image Widths in JavaScript (Carefully!) is a post from CSS-Tricks

Minecraft in WebVR with HTML Using A-Frame

I’m Kevin Ngo, a virtual reality web developer on the Mozilla VR team and a core developer of A-Frame. Today, we’ll go over how to build a room scale WebVR Minecraft demo that works on HTC Vive, Oculus Rift, Samsung GearVR, Google Cardboard, desktop, and mobile. The demo will be built with A-Frame in just 11 HTML elements!

A-Frame

A few years ago, Mozilla invented and pioneered WebVR, a JavaScript API for creating immersive VR experiences in your …


Minecraft in WebVR with HTML Using A-Frame is a post from CSS-Tricks

Systems Smart Enough To Know When They’re Not Smart Enough

Josh Clark opens with “Our answer machines have an over-confidence problem.” Perhaps you’ve seen the examples of search results (in any form) presenting terrifyingly wrong (or at least “controversial”) “answers”. Hash tag fake news.

Search, in whatever form we offer it to our users, tends that way. This our top result, dear person! Interact with it! Our algorithm predicts you won’t regret it! Certainly, there is incentive to present results in that way.

Josh asks some hard questions:

  1. When should


Systems Smart Enough To Know When They’re Not Smart Enough is a post from CSS-Tricks

Scrolling on the Web: A Primer

Scrolling is complicated. Nolan Lawson:

  • User scrolls with two fingers on a touch pad
  • User scrolls with one finger on a touch screen
  • User scrolls with a mouse wheel on a physical mouse
  • User clicks the sidebar and drags it up and down
  • User presses up, down, PageUp, PageDown, or spacebar keys on a keyboard

As it turns out, all five of these input methods have vastly different characteristics, especially when it comes to performance and cross-browser behavior. Some of …


Scrolling on the Web: A Primer is a post from CSS-Tricks

Media Temple

Media Temple is a web hosting company that has hosting options for everyone. From inexpensive (but powerful) plans like their Managed WordPress Hosting, to mid-level stuff like the managed DV plan CSS-Tricks runs on, to super heavy duty dedicated and cloud hosting.

CSS-Tricks is the biggest site that I personally manage (with Media Temple’s help, of course), so I keep that on a DV all by itself. We’ve been able to tune it up to be incredibly speedy. The document …


Media Temple is a post from CSS-Tricks

Hassle-free Full Bleed with *:not()

Common situation documented by Dave Rupert:

Let’s say you’re making a blog post layout. Content is entered into a CMS inside a WYSIWYG editor field. You echo that content to the page. You pull it up on a mobile device and notice the paragraphs go edge-to-edge. Yikes, it’s a little uncomfortable. So you add some kind of left/right padding maybe using a div.container.

This works great until the client asks for the images and video to go full bleed. …


Hassle-free Full Bleed with *:not() is a post from CSS-Tricks

Animate in Ajax’d Content to its Natural Height

Let’s combine three things we just learned here on CSS-Tricks:

One, transitioning to auto dimensions. Two, Ajaxing for stuff in a modern way. Three, waiting for images to be loaded to measure them.

With all these three things in our toolbox, we can Ajax for some arbitrary content and insert it onto the page with a revealing height animation. Tricky tricky!

Here’s the final demo:

See the Pen Slide in Ajax Content by Chris Coyier (@chriscoyier) on …


Animate in Ajax’d Content to its Natural Height is a post from CSS-Tricks

25 Legit Ways to Make Money Online Blogging with WordPress

Are you looking for the top ways to make money online that are NOT scams? WordPress is the largest publishing platform on the planet, and it powers over 27% of all websites. You can use WordPress and blogging to earn money online by doing what… Read More »

The post 25 Legit Ways to Make Money Online Blogging with WordPress appeared first on WPBeginner.