Listing Articles Under Concepts
Concepts, JavaScript, PHP, Tutorials & Guides
Implementing Tree Shaking for FontAwesome
Implementing Tree Shaking for FontAwesome Article Featured Image

Tree Shaking is the process of stripping out parts of libraries that you’re not actually using in your applications in order to optimize the file size of your build. In this short tutorial I’m going to apply it to CSS and a WOFF2 file, but you can use the same technique for other types of files as well; e.g.: JS files.

Continue reading…
Concepts, Tutorials & Guides
Another Method to Protect Against Web Scrapers
Another Method to Protect Against Web Scrapers Article Featured Image

It’s common practice for people to use Web scraping (copying) to fetch the content of other sites in order to reuse the information. Sometimes this is well intended, for example, when people curate only the best of the best of the content from multiple sites. There’s also the case of news aggregators that combine news from multiple sites to provide their users with a complete list of news.

Continue reading…
Concepts
Introduction to APIs and REST
Introduction to APIs and REST Article Featured Image

APIs allow us to leverage a 3rd party’s computing power and features, programmatically. In simple terms, we send some input data to a certain endpoint and receive a processed result back. An API can provide us with a variety of possibilities, from simple text processing to building out entire websites. This is the standard way of creating a communication channel between us and a 3rd party. In this article, we’re going to learn what an API is and how to use them.

Continue reading…

Concepts
Content Placeholders: A Way to Style Waiting Time
Content Placeholders: A Way to Style Waiting Time Article Featured Image

You’ve probably seen by now applications and websites that use content placeholders before the actual content loads. These are simple mockups of the content that’s going to be displayed. Implementing this technique lets a user know what to expect, it makes your page appear more ‘reliable’ because it removes sizing glitches that happen when the content doesn’t load instantly, and, also, it replaces the boring loading screens. Some people refer to this as “Skeleton CSS.”

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…