WP Nav Plus has been designed to fill gaps in the WordPress menu system which make it difficult to accomplish many popular website design patterns. This is a tool built for developers to help get the right menu items output onto the page. This plugin applies no additional CSS styling or JS interaction to menus. Styling and interaction are the job of the theme, and may need to be altered to achieve your desired appearance.

Many website designs call for a submenu, often right below the primary navigation in the header, or in a sidebar on interior pages. These submenu’s are designed to show the children of the currently active menu item. WP Nav Plus makes it super simple to build out these types of menus using the widget, or by using the ‘start_depth’ argument in your wp_nav_menu() function.

A fairly common website design pattern you may see online calls for the header navigation menu to be placed left and right of a central object, like the site logo. WP Nav Plus makes it very easy to build out these menus using the widget, or by using the ‘divider_html’ argument in your wp_nav_menu() function.

Often website designs call for a menu to be split up into multiple columns, or rows. Such as a multi-column footer sitemap. WP Nav Plus provides the capabilities you need to quickly build these custom menu layouts using the widget, or by using the ‘limit’ and ‘offset’ argument in your wp_nav_menu() function.

Configuration for our beloved frontend tools is hot lava. Today CLI tools as create-react-app or Vue cli abstract away most of the configuration, other than providing sane defaults.

Even then, understanding how things work under the hood is beneficial because sooner or later you'll need to make some adjustment to the defaults.

In this post we're going to see how babel preset-env, core-js, and browserslistrc work nicely together to enable newer JavaScript features for older browsers.

Shipping accessible features is as essential for a frontend developer as shipping features without bugs. Here is a list of tools I regularly use to make sure everything I do is accessible for folks with different abilities, whether they are blind or holding a sandwich in their hand. I’ll start with tools that will give us immediate feedback when we’re writing code, and continue with tools that we have to run ourselves or guide us on how to test things manually. This article will be useful not only for developers but also for designers, project managers, and other team members — many of the tools could be used directly in the browser and don’t require any technical knowledge.

Configure your schema in JavaScript, and KeystoneJS will generate a powerful GraphQL API and CMS.

Sapper is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.

Snowpack is a modern, lightweight toolchain for faster web development. Traditional JavaScript build tools like webpack and Parcel need to rebuild & rebundle entire chunks of your application every time you save a single file. This rebundling step introduces lag between hitting save on your changes and seeing them reflected in the browser.

We set out to make the WordPress project bootstrap process painless and future-proof. To do this, we use a combination of Jenkins, some custom WP-CLI commands, and a custom Pantheon upstream.

Yes, there are a lot of Lorem Ipsum generators already. Even when we started with this one in 2009. But all others lack features, or are too limited. Here's what Loripsum.net has to offer:

API
Loripsum.net has an API to generate placeholder text to insert it in whatever software/webapp you want. See below for details.
Customization
Most generators only output some paragraphs of about the same length. Sometimes you need lists, headings, long paragraphs, etc. The website/magazine that you're designing probably isn't going to be filled with happy uniform paragraphs, so your placeholder text should reflect that.
Different text, all the time
Most generators output the same results every time you request some text. Loripsum.net uses the full text of Cicero's "De finibus bonorum et malorum" to make sure you get a different placeholder text every single time.

Do you love the Jamstack philosophy but need a database-backed web app? Want great developer experience and easy scaling? Redwood is here! Built on React, GraphQL, and Prisma, Redwood works with the components and development workflow you love, but with simple conventions and helpers to make your experience even better.

In this article, I demonstrate how to build a components library, what tools are needed, how to structure your project, and how to publish components to npm registry.

The first thing you should do to be able to use Lando is (surprise, surprise!) install it on your computer. The installation process is extremely simple and is very well documented.

Conifer is a library plugin for creating WordPress plugins and themes using an opinionated object-oriented architecture, built on top of the amazing Timber plugin.

A Liberating Dev Tool For All Your Projects

Docker4WordPress is an open-source project (GitHub page) that provides pre-configured docker-compose.yml file with images to spin up local environment on Linux, Mac OS X and Windows.

Need some mock data to test your app? Mockaroo lets you generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats.

1,790,126 filler texts generated and counting!

Swiper - is the free and most modern mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

A chrome extension that adds a colored border around websites that match user inputted preferences.

The easiest way to deploy websites

Andrey Sitnik on the past, the present and the future of PostCSS: a state of the union address on the 5th anniversary.