Checking if Font Awesome loaded

Icon fonts have become a widely-adopted visual asset on the web today and continue to grow in popularity. When your web page downloads resources — e.g., from a content delivery network (CDN) — you need to know if the HTTP request returned the files you requested. This is important whether it’s a JavaScript library, CSS… continue reading

8 useful CSS functions

CSS có sức mạnh đáng sợ hơn chúng ta nghĩ. Và món ngôn ngữ style sheet này vẫn đang trên đà phát triển mạnh mẽ qua mỗi năm, mang đến nhiều tính năng tuyệt vời cho trình duyệt. 1. Pure CSS Tooltips Rất nhiều website hiện vẫn đang sử dụng JavaScript để tạo tooltips, và… continue reading

How nth-child and nth-of-type work

The nth-child() and nth-of-type() selectors are “structural” pseudo-classes, which are classes that allow us to select elements based on information within the document tree that cannot typically be represented by other simple selectors. In the case of nth-child() and nth-of-type(), the extra information is the element’s position in the document tree in relation to its… continue reading

Reduce Content Shifting On Page Load

In this article, we will share techniques to minimize this content shifting. Every time the browser has to recalculate the positions and geometries of elements in the document, a reflow happens. This happens when new DOM elements are added to the page, images load or dimensions of elements change.

A few HTML tips for beginners

In this article I’ll share some tips and advice about HTML code. Some of this guidance will be best suited for beginners – how to properly build paragraphs, use headings, or improve forms, but we will also discuss SVG sprites for icons, a somewhat more advanced topic. Text Paragraphs Most of our writing is structured… continue reading