How to Create and Add Cinemagraphs in WordPress

Do you want to learn how to create and add Cinemagraphs in your WordPress posts? Cinemagraphs are images with one part or area moving while rest of the image stays still. These images are highly engaging and add an storytelling element to your articles. In… Read More »

The post How to Create and Add Cinemagraphs in WordPress appeared first on WPBeginner.

Do you put anything in your code specifically for “Find in Project”?

During a having a team meeting the other day, a code formatting idea came up that I thought was super interesting. It had to do with formatting code in a such a way that made it easier to find what you were looking for later with any code editors “Find in Project” feature.

Here’s what it was.

When declaring a function in JavaScript, put a space after the function name and before the opening parenthesis, like…

function doSomething () {


Do you put anything in your code specifically for “Find in Project”? is a post from CSS-Tricks

How to Force WordPress to Check for Plugin Updates

Recently, one of our readers asked us how to force WordPress to check for plugin updates? WordPress automatically shows plugin updates when they are available. However if you immediately need to update a plugin, then there are other ways to force updates in WordPress. In… Read More »

The post How to Force WordPress to Check for Plugin Updates appeared first on WPBeginner.

HTML Templates via JavaScript Template Literals

You know those super cool backticks-for-strings in new JavaScript?

let emotion = `happy`;
let sentence = `Chris is feeling ${emotion}`;

Besides the variable interpolation in there being mighty handy, the do multi-line strings wonderfully, making them great for chunks of HTML:

const some_html = `
<div class="module>
<h2>${data.title}</h2>
<p>${data.content}</p>
</div>
`;

That doesn’t look overly different than JSX does it?! Maybe we’d do something like that as a React component:

class MyModule extends React.Component {
render() {
return
<div class="module">


HTML Templates via JavaScript Template Literals is a post from CSS-Tricks

The average web page is 3MB. How much should we care?

Tammy Everts with a deep dive into the average page size, which seems to grow year in and year out.

It’s a little perplexing that the average page size trends up each year as performance has become a growing concern on the forefront of our minds, but Tammy has keen insights that are worth reading because she suggests that user experience isn’t always about page size and that bloat is far from the only metric we should be concerned.

Correlating …


The average web page is 3MB. How much should we care? is a post from CSS-Tricks

6 Months of Working Remotely Taught Me a Thing or Ten

Peter Anglea writes up his key takeaways after six months on the job with a new front-end position. His points ring true to me as a remote worker and the funny thing is that each one of the suggestions is actually applicable to anyone in almost any front-end job, whether it happens to be in-house or remote.

The full post is worth reading, though the list breaks down to:

  1. Be as available as possible
  2. Communicate clearly
  3. Go out of your


6 Months of Working Remotely Taught Me a Thing or Ten is a post from CSS-Tricks

Screen Readers and CSS: Are We Going Out of Style (and into Content)?

The big takeaway in this post is that screen readers do not always read content the way it is styled in CSS. Toss in the fact that not all screen readers speak or read markup the same way and that there are differences in how they render content in different browsers and the results become…well different. Kind of like cross-browser testing CSS, but with speech.

The key points:

  • Different screen reader/browser pairings behave differently
  • DOM order is everything
  • Containers are


Screen Readers and CSS: Are We Going Out of Style (and into Content)? is a post from CSS-Tricks

7 Best WordPress CDN Services in 2017 (Compared)

Are you looking for the best WordPress CDN service for your website? A CDN service speeds up your website speed by serving cached static content from servers located near your user’s geographic location. In this article, we will show you the best WordPress CDN services,… Read More »

The post 7 Best WordPress CDN Services in 2017 (Compared) appeared first on WPBeginner.

Compilers are the New Frameworks

Tom Dale:

Increasingly, the bytes that get shipped to browsers will bear less and less resemblance to the source code that web developers write.

Indeed. I suspected the same:

Because performance matters so much and there is so much opportunity to get clever with performance, we’ll see innovation in getting our code bases to production. Tools like webpack (tree shaking, code splitting) are already doing a lot here, but there is plenty of room to let automated tools work magic …


Compilers are the New Frameworks is a post from CSS-Tricks