Latest News

(This is a sponsored post.)

When you need to add icons to your interface, the whole process can really suck. “Should I use all these default bootstrap icons? Maybe I’ll just use the same Google Material icons for the hundredth time?”

Some important yet often overlooked things to consider when choosing an icon set includes, the size of the icons, style, consistency, and quantity. It’s frustrating to find icons that only cover half of the use cases you need.…

The post Add Instant awesomeness to your interfaces with this insanely large icon set appeared first on CSS-Tricks.

I recently had an opportunity to work on a fantastic research and development project at Netguru. The goal of project (codename: “Wordguru”) was to create a card game that anyone can play with their friends. You can see the outcome here.

One element of the development process was to create an interactive card stack. The card stack had a set of requirements, including:

• It should contain a few cards from the collection.
• The first card should be interactive.
• The

…

The post Swipeable card stack using Vue.js and interact.js appeared first on CSS-Tricks.

Exclusions (which are currently in a “working draft” spec as I write) are kinda like float in that they allow inline content to wrap around an element. But not exactly a float. Chen Hui Jing has an excellent explanation:

An exclusion element is a block-level element which is not a float, and generates an exclusion box. An exclusion element establishes a new block formatting context.

An element becomes an exclusion when its wrap-flow property is computed to something …

The post Exclusions will hopefully be like more powerful grid-friendly floats appeared first on CSS-Tricks.

Aww, what a cute blog post title, right?

Prettier is an “opinionated code formatter.” I highly suggest using it. They have a document going deeper into the reasons, but their three marketing bullet points say it best:

• You press save and code is formatted
• No need to discuss style in code review
• Saves you time and energy

But Prettier doesn’t do all languages. Notably HTML. It’s great at JSX, and I’ve gotten really used to enjoying that. But then when …

The post Prettier & Beautify appeared first on CSS-Tricks.