Carefully Packaged Information on Web Design & Development
JavaScript, Tutorials & Guides
Assets Compilation: Using the Newest Features in the Browser, Today
Assets Compilation: Using the Newest Features in the Browser, Today Article Featured Image

You’ve probably heard of asset compilers like Webpack or Gulp. They’re a way of using cutting-edge features of JavaScript in the browser, without breaking backward-compatibility with older browsers. But that’s not all that they can do. They also allow you to use language extensions likes SASS, LESS, CoffeeScript, Jade, etc. Using them, you will save precious development time and you will get your projects more organized. Continue reading…

Tutorials & Guides, WordPress
WordPress: How to Generate a Table of Contents for Posts
WordPress: How to Generate a Table of Contents for Posts Article Featured Image

You’ve probably noticed by now that the site’s theme includes a table of contents for each post. You might be wondering if I actually spend time creating that table of contents myself. Well, sorry to disappoint, but the answer is: No. It is in fact generated automatically based on the headings inside the article. I think it’s pretty slick, so I decided to share with you how it’s done.

Continue reading…

Tutorials & Guides
How to Use Git and GitHub
How to Use Git and GitHub Article Featured Image

Git is a version control system designed for tracking file changes. It was created for allowing multiple people to work on the same project in a non-linear fashion. However, nowadays it is used for much more than that. Some use it as a simple tool to keep their data intact and backed up. Some use it to deploy their projects from their local environments to production since it’s faster and overall more reliable than FTP. Others use it to distribute code through sites like GitHub, and so on.

Continue reading…

Tools
How DevTools Became Indispensable in the Dev World
How DevTools Became Indispensable in the Dev World Article Featured Image

DevTools is the single best thing that the browsers have to offer to a web designer or developer. Whilst, at the same time, the biggest surprise as a browser feature. In other words, nobody saw it coming, but we all loved it when it arrived. Nowadays, if you refuse to use it, you’ll probably make your life harder. It’s both a very easy way to manipulate HTML and CSS, as well as an advanced tool for inspecting HTTP requests, certificates, debug JavaScript, and more. Continue reading…

Concepts
Contrast: Its Role in Everything We Do
Contrast: Its Role in Everything We Do Article Featured Image

Contrast is the state of each and every design element in relation to its neighbors. A lot of designers ignore it or simply take it for granted. Most people think of it only as it applies to colors, but contrast applies to all types of design elements. Contrast is important because everything gets its value from its relative elements. Nothing has value by itself, hence, controlling the level of contrast, we can increase or decrease the value of any particular element. Continue reading…

Concepts
Wireframing: What It Is and How To Use It on Your Projects
Wireframing: What It Is and How To Use It on Your Projects Article Featured Image

Have you ever spent a bunch of time working on something, based entirely on written or spoken instructions from your client or boss, only for them to realize at the end that it wasn’t what they had in mind? Of course, you did, we all did. It’s very frustrating, and, most of the times, it wastes everybody’s time completely unnecessarily. But don’t worry, wireframing can solve this! Continue reading…

Tutorials & Guides
Regex: Everything You Need To Know
Regex: Everything You Need To Know Article Featured Image

Regex or Regexp, short for regular expressions, is a special string used to define search patterns, typically used on larger texts.

If you’re aware of wildcards, you can think of this as being a similar thing, but a lot more powerful. For example, with wildcards, you’d use *.log to match all the file names that end in the log extension.

Continue reading…