Web Design & Development

Traditionally, it was common for developers to create code using your everyday text editors. From the local machine to the server, terminal-based text editors like VIM and Emacs (as well as GUI-based text editors like SublimeText) are still the go-to options for many developers. However, the increasing popularity of cloud services leads to the rise of cloud IDEs. In this post, we cover the most popular and functional options of today, and try to find the best cloud IDE.

Today, let’s put the spotlight on the best admin dashboard templates (free download). The admin space of a website or web tool often doesn’t get as much attention as what’s on the front-end of the operation. This is perfectly understandable. After all, you want your visitors to be impressed with your creation most of all. That said, the admin space should also get a bit of love, and this is where some of the best admin dashboard templates come into play.

As the title of this article says, I have no formal development experience. For full transparency though, I also wasn't coming into this with a total lack of understanding about the underlying code that makes WordPress plugins function. That did make things somewhat easier, but nowhere near easy. I was damn enthusiastic about building a WordPress plugin though, so I decided to give it a shot.

Programming and development has a lot of unique facets. Even so, one commonality is that every coder has personal choices when it comes to their setup. For example, there are fans and flames for all manner of coding editors, and this can stretch to the look within each editor.

One of the most useful features added to the JavaScript language in recent years is JavaScript modules, also referred to as ES6 modules. In this tutorial, I’ll cover some of the history of JavaScript modules, show you a handful of syntax examples, and introduce all their basic features.

When it comes to User Interface (UI) design, Sketch is a popular platform for collaborative prototyping and vector editing. Unfortunately, it’s only available for macOS, and as such, some UI designers will need to find Sketch alternatives for Windows.

You don’t really need to hire a graphic design agency, or perhaps hold a design contest, to come up with the best logo for your business. And no, you don’t require a huge budget or specialized design skills either. You just need to find yourself the best free logo maker for your brand.

While there are tons of information about HTML/CSS coding out there, the irony is, finding the best HTML/CSS books and resources might not be that easy.

So you’re looking for a way to build a website, but you don’t want to pay a lot of money for it, nor do you want to spend days trapped in some source code doing it all by yourself, right?

If you’re developing apps in the current JavaScript ecosystem, it’s almost impossible to do so without considering one of the many JavaScript build tools available (also referred to as JavaScript bundlers).

Web accessibility is the process of making your website equally usable to people of all abilities and disabilities. It’s about understanding that users with disabilities may use assistive technologies to access the web. As a website owner, it is your duty to ensure that you make your website adequately compatible with such assistive technologies. WAI ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) is a set of guidelines published by the W3C. It defines additional HTML attributes that you can apply to your tags. These attributes help improve accessibility and make your DOM structure more readable by assistive technologies.

At some point, probably many years from now, a webpack tutorial for beginners like this one will be completely unnecessary. But currently, tools like webpack are needed for good code maintenance and high performance. In this article, we show you the first steps in bundling and serving HTML/JavaScript in an optimal fashion.

Browser extensions can be a great way to put your coding skills to good use and build something that will allow you to do repetitive tasks with just a few clicks. If you want to achieve that, learning how to write a Chrome extension is a great start. In this tutorial, we will show you how to write a Chrome extension that sends browser notifications from a popup menu. We will also use the context menu and data storage APIs to make the most out of it.

Ever since iPad Pro was announced, Apple has been billing it as an alternative to laptops. That begs the question, can one do web development on iPad Pro? Find out here.

This post will compare Weebly vs WordPress in a few areas, and at the end, sum up which one you might want to opt for. First, let’s look at what types of site each platform can help you create.

If you are someone who sees coding as gibberish but still wants to design their own site, then you need to get yourself a website builder! Our website builder comparison chart will help you with that.

In this post, I’m going to round up (with some screenshots and demos) some of the most interesting front-end tools I’ve found that I think you’ll find useful. These aren’t necessarily the most popular tools or the hottest tools, but I think each of them is unique in their use case and deserve a little more attention. These are essentially my favorite finds of the year in front-end tools.

Trends pop up in basically every industry, and web design is no exception. From voice-activated interfaces to "scrollytelling," web design trends are all about enhanced usability and incorporating new ways for site visitors to experience websites. In this article, we'll discuss these web design trends and what makes them so popular.