Real CSS Tweets (Vol. I)

Go to Source

We be tweetin’ all the time about web design and development stuff. In fact, @Real_CSS_Tricks, the official Twitter account for this site, is largely just an outgoing airhorn for the stuff we publish here and interesting things elsewhere. The human beings that operate this site have their own accounts.

It’s pretty interesting to see which tweets take off! Here’s a list of the most popular tweets in the last year or so.

Wanna see a decent little slider in a handful of lines of code?

— CSS-Tricks (@Real_CSS_Tricks) October 23, 2016

That one turned into a blog post and demo.

Loads of icons you can make with a single element (and pseudos)

— CSS-Tricks (@Real_CSS_Tricks) October 16, 2016

I’d say SVG is normally the best fit for this kind of thing, but this is a damn impressive experiment. I like the websites interface in how you can hover over the parts of CSS and it shows you what part of the icon it is.

Some more helpful mini tools:

CSS Peeper:

Chrome extension that displays styling information about the current site.

— CSS-Tricks (@Real_CSS_Tricks) December 23, 2016

Always helpful to have a quickie site to snag nice colors.

— CSS-Tricks (@Real_CSS_Tricks) April 4, 2016

Reminder that Clippy is an *awesomely helpful* little app for clip-path

— CSS-Tricks (@Real_CSS_Tricks) April 6, 2016


ooOOo fancy. "Aquarelle is a watercolor js effect."

— CSS-Tricks (@Real_CSS_Tricks) January 16, 2017

What a cool way to show nav with what is current visible:

— CSS-Tricks (@Real_CSS_Tricks) January 13, 2017

The Twitter heart explosion animation by @anatudor with:

1 Element
0 Images
0 JavaScript

— CSS-Tricks (@Real_CSS_Tricks) June 29, 2016

Little bits of code:

Always so satisfying centering stuff with flexbox.

— CSS-Tricks (@Real_CSS_Tricks) January 11, 2016

Native (!) smooth scrolling:

top: 2500,
left: 0,
behavior: 'smooth'


— CSS-Tricks (@Real_CSS_Tricks) November 2, 2016

This was confusing me, but I think we have it sorted now.

— CSS-Tricks (@Real_CSS_Tricks) January 22, 2016

Stuff right here on CSS-Tricks:

Input Masking ::

— CSS-Tricks (@Real_CSS_Tricks) November 30, 2016

Sticky Footer
❶ ❷ ❸ ❹ ❺

— CSS-Tricks (@Real_CSS_Tricks) May 25, 2016

So. Much. Info. on CSS Grid Layout.

— CSS-Tricks (@Real_CSS_Tricks) March 29, 2016


Real CSS Tweets (Vol. I) is a post from CSS-Tricks

Go to Source