Managing WordPress Updates Remotely

We’ve previously covered how to maintain WordPress, through backups, optimization, updates and using centralized WordPress Management Dashboards.

Today we’ll look at some of those WordPress Management Dashboards in more detail, to see how they help keep WordPress up to date.

What Is a Centralized WordPress Management Dashboard?

A centralized WordPress management dashboard allows you to manage several WordPress websites from a single, central interface. Instead of having to go to each WordPress website’s administration interface and update your themes and plugins, you can perform all of these operations, across all of your WordPress websites, from a single interface.

How Do Centralized Dashboards Communicate with My WordPress Website?

Almost all WordPress management dashboards require you to install a WordPress Plugin, and use an API key to securely read your WordPress theme and plugin information. This same mechanism is used to tell WordPress to update its themes and plugins.

All of the solutions we’ll be looking at today use this method for communication: WP Remote, iThemes Sync and ManageWP. There are others, but these are some of the more popular options.

WP Remote

WP Remote provides monitoring for an unlimited number of WordPress websites, for free.

Continue reading %Managing WordPress Updates Remotely%

by Tim Carr via SitePoint

How to Build a Todo App Using React, Redux, and Immutable.js

In this article, we will build a test-driven example “Todo Application” using React, Redux, and Immutable.js.

You can find the full source code for this application here and a live version here.

The React Way

React components turn data into DOM elements every time the data changes, in a performant way. So you don’t have to worry about syncing your data with the DOM.

[author_more]
In contrast to MVC, React is better used with the Flux architecture. Redux is a functional approach to Flux. The application state is only mutated by the “Store” in response to “Actions”, and turned into the DOM by the React components that are the “View”. This way of thinking makes it easy to reason about and test your code, and opens up new possibilities, like “hot-reloading” and “time-travel”.

Setting up a React Project

webpack is the new generation module bundler that replaces all the front-end building tools such as Grunt or Gulp. In this tutorial we will use the ES6 syntax. webpack will do all the dirty work, transforming ES6 and JSX code into ES5, serving our code with source maps, watching for changes and enabling hot-reloading. We won’t focus on webpack configuration’s details and jump right into coding using a seed project boilerplate. As you develop your project, you can learn along the way how webpack works.

Continue reading %How to Build a Todo App Using React, Redux, and Immutable.js%

by Emre Guneyler via SitePoint

Learn PHP 7, Find out What’s New, and More

PHP 7, the next version of the world’s most popular programming language, has been released. We’d love to shoot fireworks and get drunk with our newfound power (seriously, the language is in the true big leagues now, functionality and performance-wise) but we’re sure the rest of the internet will do this for us. Instead, we’ll focus on compiling a (perpetually up to dat) list of resources to get started with version 7 - posts describing what’s new, books helping you kick things off, and more. Let’s get to it!

What Happened to PHP 6?

When told the next major version is 7 while we’ve been developing on 5+ so far, many wonder what happened to version 6. It’s a long story, so to avoid looking confused when this is brought up, here are some interesting discussions and posts as required reading:

• http://ift.tt/1DOlNe9
• http://ift.tt/1mCXEnc
• http://ift.tt/1lZYCga

Continue reading %Learn PHP 7, Find out What’s New, and More%

by Bruno Skvorc via SitePoint

Some of My Favorite Visual Studio Extensions

This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible.

I recently wrote an article about some of my favorite Chrome extensions, partly because I wanted to share some of the things I felt worked well, but also because I wanted to learn about what others were using as well. I’ve added quite a few extensions in my daily use based on those recommendations, and now I’d like to do the same for Visual Studio.

I spend most of my programming time within Visual Studio 2015 Community edition, where Microsoft essentially made VS Professional free and re-branded it as a subscription-based experience with additional benefits like virtualization and Azure cloud-compute (coming soon, I’m told, check back): Visual Studio Dev Essentials. Some of these extensions really make my life easier, so I wanted to highlight them.

[embed src="http://ift.tt/1N647k9" width="640" height="370"]

Join the conversation on Reddit.

Code Alignment

It does exactly what it says — aligns your code for you. This may not sound like much, but when working in a language such as JavaScript all day, where everything is loosely typed, you can be prone to mistakes. Because of this, I am meticulous about the way I line up my code, so that I can easily spot mistakes. A former co-worker taught me this, and it proved to be invaluable as I began to work on larger projects, and with other people in particular.

Sure, it can take some more time to line everything up, but you can debug and spot mistakes far more quickly, thereby saving you time in the long run. With this, you can align by one of the pre-defined options, or at any point align by a character of your choice.

Here is what it looks like in the VS toolbar:

If I click on the Align by… text, a dialogue box appears, and I can enter the character I want to align. Very helpful when using key-value pairs separated by a colon.

Here is an example that I use in my own code:

switch.js hosted by GitHub | view raw

Now isn’t that easy to read? Here is another, where I make use of the Align by… dialogue:

change.VideoStream.js hosted by GitHub | view raw

Continue reading %Some of My Favorite Visual Studio Extensions%

by David Voyles via SitePoint

Watch: Remembering the Document Outline in an HTML5 World

Have you heard of an HTML document outline? This subject has been nearly forgotten since the early HTML5 days, but it's still important.

A good outline for your website has the potential for more accessibility and better semantic structure. Despite browsers not having implemented HTML5's outlining algorithm, developers should still know how it works. In this screencast, I walk you through some examples and show you how simple it is to define and assess a document's outline.

You can find the code sample from this screencast on GitHub.

Loading the player...

Continue reading %Watch: Remembering the Document Outline in an HTML5 World%

by Guilherme Muller via SitePoint

Veintidos Grados

22º is made up of a network of freelancers. Outstanding Creative Directors, Art Directors, Web Designers, Developers and Illustrators that are able to bring to our projects the personality and quality that sets us apart.
by via Awwwards - Sites of the day

Charge Three Devices Simultaneously with This $40 Battery Pack

Having your phone battery drain while you’re out and about is a huge bummer—one that you won’t be familiar with once you grab this deal. Grab the Innori 22400mAh portable battery pack for $39.99. With a huge capacity and three outlets, you can use the Innori to charge two smartphone and one tablet simultaneously. It’ll […]

Continue reading %Charge Three Devices Simultaneously with This $40 Battery Pack%

by SitePoint Offers via SitePoint