Web Design & Development

Most people learn HTML and CSS backwards. They jump into tutorials, memorize syntax, and wonder why their websites still look amateur six months later. Worse yet, they just try to vibe-code their way into HTML proficiency. It's not the way! I spent years working with HTML, and I can tell you that if you want to build actual comprehensive understanding of HTML and CSS, then books are the way to go.

Your code editor doesn't care what font you use. But your eyes do. Pick the wrong one, and hours of reading l, 1, and I can turn into a guessing game. Mix in a few zeroes and capital O’s, and things get worse.

CSS Variables have been a standard now for almost ten years and all modern browsers have supported them for some time. In this tutorial, I’ll cover the basics of CSS Variables syntax and then I’ll go through some of the finer points of using CSS Variables (or custom properties) along with some practical use cases.

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.

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.

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.

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.

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.

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.