When you're first learning HTML, it starts nice and simple, often with a paragraph tag and then heading tags. Then you add in lists, links, images, em and strong, and the list of elements just keeps getting longer and longer. There are some that are more essential than others though!
People coming from Sass (or other pre-processors) might feel like they know how CSS nesting works, but there are a few key differences!
A dive into what nesting is, some of the gotcha’s with it, a little bit of how it differs from Sass nesting, and more.
People often over-engineer solutions, and it leads to them running into problems with their CSS. In this article, we'll take a look at the least amount of CSS that you need to make a decent looking page.
Limiting the total visible lines of text within an element is something I get asked about pretty frequently, and while there are probably some complex JavaScript solutions, there is a simple, though slightly strange, way to do it with CSS only.
There are all sorts of selectors in CSS and one that get’s very little love might be one of the most powerful ones out there… the attribute selector.
We can use inputmode="numeric" for improved UX, specially on mobile devices