I have a confession to make. I really like the new Gutenberg editor for WordPress. I know, I know. Developers aren't supposed to like massive, intrusive changes like this. As of the time of this writing, the plugin stands with 2.6 stars on the plugin repository – at least 133 of those ratings are 1-star critiques.

Have you been struggling with the need to organize media files and folders in WordPress too? Well, don’t worry; you are not the only one. WordPress, with all its benefits and ease of use as a content management system, can be a little tricky to use at times. With WP Media Folder you’ll be able to manage files, images from the native WordPress media manager.

In this tutorial you'll take a basic theme and edit the template files so they're ready for hooks and functions to be added to them for your framework. The purpose of this tutorial is to tidy up the theme so that code isn't duplicated, which means you'll be creating include files for the loop. This means you won't have to create duplicate loops in your child themes when you create new template files, and if you need to edit the loop you only have to do it once.

In 2014, if you have a website that isn’t responsive, it doesn’t count. Responsive web design has now become a standard when it comes to creating new websites. More and more people are viewing websites from their phones, it has become really important to adapt to those changes and design websites in such a way that they work across a variety of different screen sizes.

WordPress is full of great functions for us developers to use. We can pull post lists out of thin air, manipulate almost everything about them, grab any user we wish and display their social media connections in a jiffy. Let’s take a look at some of my favourite overlooked functions and learn how to use them along the way.

Setting up a local environment for WordPress is a common need for developers. Since everything runs on your computer, loading times are significantly lower and you can safely test things before you try them out in a live production environment. In this guide I’ll give you easy to follow, instructions on how to set up Vagrant you can copy and paste. We’ll go from zero to a fully functioning WordPress installation, so let’s dig in!

Our discussion about LESS continues–this time we’re going to look into LESS Mixins. With Mixins we can define a group of style declarations once and then reuse them throughout the stylesheet. It helps keep our code DRY as well as producing CSS in a more efficient way, particularly when dealing with complex CSS3 syntax. LESS provides different types of Mixins with their very own purpose; they can be straight-forward Mixins, or they can work as a (sort of) Function.

In this round up, we are presenting a collection of some useful and best ebooks to learn PHP and MySQL.

If you use Sass in your development workflow, you know the importance of mixins. When you see some things that are written repeatedly and tediously in CSS, that’s where mixins can help you prevent repetitive work. A mixin contains CSS declarations that you can reuse throughout your site. From adapting across multiple browsers to creating buttons, animations and transition effects, find this and more in the following 11 mixin libraries you should get for your Sass development.

Auditing your CSS will allow you to identify portions of your CSS that is not optimized. You can also reduce the stylesheet filesize by eliminating lines of code that is slowing down your site’s performance. Here are 5 good tools to help you audit and optimize CSS.

In this tutorial we’ll introduce Google’s new No CAPTCHA form security, then integrate into a web page using PHP.

What's up, people! Today, we bring you a complete package with some of the best resources for web designers and developers we've come across recently. All fresh and ready to boost your site, for nothing. Only freebies on this one! Let's take a look right away.

Customizing the WordPress editor can make a world of difference in how you create new content on a daily basis. These modifications should cover everything you need to get the editor working precisely like you want it.

Decreasing your page load time is vital to keeping hold of website visitors. WordPress does this for you, and more, through what are called caching plugins. Here's a list of the top caching plugins out there.

Plugins are PHP scripts that alter your website – basically, bits (or even lots!) of code that can be uploaded to your WordPress install to extend and expand the functionality of your site, without having to hack the core code. This article will walk you through creating a plugin, and we’ll also look at some intermediate/advanced concepts

An awesome round up of recent tools and a few articles for you to give your next project useful and mind-blowing functionality you hadn't even thought of! On the other hand, some of these items can simply make your workflow a little shorter and less troubling.

If you want to develop a website, you’ll need an HTML editor. You could, of course, use the Windows Notepad to build a website, but that would hardly be convenient, comfortable, or pretty, for that matter. Crucially, a good HTML editor must do two things very well: syntax highlighting (coloration of the code) and autocompletion. Naturally an extra feature or two is welcome. With that, let’s have an impartial look at the nine best free HTML editors for Windows.

Choosing the right framework that is the perfect fit for your projects could be a little bit overwhelming – there are a lot to choose from. The good news is that there are a handful of alternatives that are much leaner than Bootstrap or Foundation. Most of these frameworks ship with just the right amount of styles and components to help you get started, while allowing you to be able to extend them in the direction you want for your project.Here are 10 lightweight alternatives.

Social share scripts are convenient and easy to copy & paste but rely on JavaScript and add additional overhead to your site, which means more HTTP requests and slower load times. Instead, use share links that don’t require you to load scripts for each social site.

WordPress security plugins are good tools that will help you boost the security of your WordPress though you should never solely rely on them.

Not sure about whether or not to take the leap and start using WordPress Multisite? In this comprehensive guide we cover everything from what it is and how to set it up and how to create your own network of successful sites.

If you think you've never used WP_Query before, think again. Every time you load a page in WordPress, you're using this class. In this comprehensive guide – complete with lots of example code snippets – we show you how to master WP_Query.

Learn how to add SSL and HTTPS in WordPress, setup SSL on multi-site and admin area, and how to do SSL redirects to move from HTTP to HTTPS in WordPress.

Maximize your blog performance by following these site architecture tips. Includes creating a sitemap, siloing your content, and more.

Learn how to make a parallax website with tutorials and resources for designers of all levels.

Today’s web users have the need for speed. With internet and cellular connections getting faster and faster, users expect sites to feel snappy. As developers, we must make sure we’re doing our best to serve those pages quickly. This article will focus on what you should be doing to make sure your WordPress sites are as fast as possible.

Maintaining a high level of productivity as a developer, especially as a remote developer working from home, can be exceedingly difficult.

Time for another round of fresh resources, for the month of March. In this round of series, we have a budding browser, mockups for a device of the wearable kind, a collection of icons that can morph, and a handful of other cool stuff.

This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices. Despite the name, this guide doesn't necessarily mean "the only way" to do JavaScript. We just gather all the articles, tips, and tricks from top developers and put it here. Since it comes from exceptional folks, we could say that it is "the right way", or the best way to do so.

Customize your favorite web sites with Stylish and user styles.

Command line editors can be a scary thing to learn and use for beginners, and Vim is probably the scariest of them all – but it doesn’t have to be. There’s a lot to cover in Vim (more than one tutorial can possibly teach), but we’ll cover most of the basics here so that you’ll […]

getmdl.io -a library of components & templates in vanilla CSS, HTML and JS

"Pop" classes on and off: Use a class-based data structure, similar to traditional modifier css, that can be applied conditionally. Keep styles in one place: Html and components styles stay together. Separate the style logic from the display and business logic. Simple to attach to elements: Use the "is" syntax to effortlessly attach inline styles to html elements and spreads to custom components.

There’s a way to send a hidden version of your email campaign that only the Apple Watch will display. This gives you a lot more flexibility in your design.

We live in the age of pixels. As designers & developers of the web, pixels can be both our friends and our enemies. We want everything to look nice and sharp for anyone who uses any of the websites we work on, but we need to keep file sizes down for performance. There is pretty much only one way to go with icons, logos and illustrations on the web — SVG. Scalable Vector Graphics can look crisp at all screen resolutions, can have super small file sizes, and can be easily edited and modified.