Watch WordCamp EU for Free via Livestream

WordCamp EU 2018 is scheduled to take place this weekend in Belgrade, Serbia. Although the event is sold out, you can watch the event for free via livestream. Simply visit the WCEU tickets page and register a livestream ticket. Sessions begin on Friday, June 15th. To see a list of (more…)
Read more

Advanced OOP For WordPress Part 6: Continuous Integration For WordPress Plugins

This article is a part of a series on writing object-oriented PHP for WordPress development. So far, we’ve spent two articles on writing the code and now we will test the code and systems. It takes an enormous amount of tooling to write code and back in my day I walked uphill both ways, in …
The post Advanced OOP For WordPress Part 6: Continuous Integration For WordPress Plugins appeared first on Torque.
Read more

Understanding the Almighty Reducer

I was recently mentoring someone who had trouble with the .reduce() method in JavaScript. Namely, how you get from this:

const nums = [1, 2, 3]
let value = 0

for (let i = 0; i < nums.length; i++) {
value += nums[i]
}

…to this:

const nums = [1, 2, 3]
const value = nums.reduce((ac, next) => ac + next, 0)

They are functionally equivalent and they both sum up all the numbers in the array, but there is …

The post Understanding the Almighty Reducer appeared first on CSS-Tricks.

Read more

5 Reasons to Use a Responsive Mockup Template

If you aren’t using responsive mockup templates to showcase your website and app design projects, you’re missing out! A mockup template provides a realistic or stylized shell to highlight a design, and choosing a responsive template can beautifully show your design’s versatility. Most designers use a mockup template to place a website design into a […]
Read more

Your Brain on Front-End Development

Part of the job of being a front-end developer is applying different techniques and technologies to pull of the desired UI and UX. Perhaps you work with a design team and implement their designs. I know when I look at a design (heck, even if I know I’m not going to be building it), my front-end brain starts triggering all sorts of things I know will be related to the task.

Let’s take a look at what I mean.…

The post Your Brain on Front-End Development appeared first on CSS-Tricks.

Read more

A Quick Roundup of Recent React Chatter

Like many, many others, I’m in the pool of leveling up my JavaScript skills and learning how to put React to use. That’s why Brad Frost resonated with me when he posted My Struggle to Learn React.”

As Brad does, he clearly outlines his struggles point-by-point:

  • I have invested enough time learning it
  • React and ES6 travel together
  • Syntax and conventions
  • Getting lost in this-land
  • I haven’t found sample projects or tutorials that match how i tend to work

The post A Quick Roundup of Recent React Chatter appeared first on CSS-Tricks.

Read more

Want A Boost In Organic Traffic? Optimize and Relaunch Your Old Content

Content marketing is not a tactic born of the online era. You can go back as far as 1895 to find John Deere producing a magazine called ‘The Furrow’ that featured content promoting the company’s range of farming equipment. But unfortunately, the catalyst or the driver for the recent wave of content marketing was not …
The post Want A Boost In Organic Traffic? Optimize and Relaunch Your Old Content appeared first on Torque.
Read more

Creating a Bar Graph with CSS Grid

If you’re looking for more manageable ways to create bar graphs, or in search of use cases to practice CSS Grid layout, I got you!

Before we begin working on the graph, I want to talk about coding the bars, when Grid is a good approach for graphs, and we’ll also cover some code choices you might consider before getting started.

Preface

The bar is a pretty basic shape: you can control its dimensions with CSS width, height, …

The post Creating a Bar Graph with CSS Grid appeared first on CSS-Tricks.

Read more

​​Build live comments with sentiment analysis using Nest.js

(This is a sponsored post.)

Interestingly, one of the most important areas of a blog post is the comment section. This plays an important role in the success of a post or an article, as it allows proper interaction and participation from readers. This makes it inevitable for every platform with a direct comments system to handle it in realtime.

In this post, we’ll build an application with a live comment feature. This will happen in realtime as …

The post ​​Build live comments with sentiment analysis using Nest.js appeared first on CSS-Tricks.

Read more

30+ Best Google Slides Themes & Templates 2018

Google Slides is one of the best free tools available for creating a quick slideshow presentation. And we’ve collected some of the best Google Slides themes and templates to help you create a visually stunning slide deck. In this post, we’re featuring some of the best Google Slides templates you can use to create a […]
Read more