CSS-Tricks

@css

The official account for , a web design community curated by and a crack team.

Chris in Bend, OR + Remote Team
css-tricks.com
Joined April 2011
3,699 Photos and videos Photos and videos

Tweets

You blocked @css

Are you sure you want to view these Tweets? Viewing Tweets won't unblock @css

  1. 12 hours ago

    Yessss these are sweet,

    1 reply 29 retweets 276 likes
    Undo
  2. Retweeted
    16 hours ago

    works with translation and language directionality's toooooooo

    5 replies 4 retweets 66 likes
    Show this thread
    Show this thread
    Undo
  3. Aug 27

    A heartwrenching title from , but it's for sure believable.

    2 replies 10 retweets 36 likes
    Undo
  4. Retweeted
    Aug 26

    I wrote up a first draft @\scope spec today… NOTE: This is an Editor's Draft only, which means the CSSWG expressed interest, but hasn't yet approved it as an official specification on the standards track. It could change dramatically.

    3 replies 18 retweets 72 likes
    Show this thread
    Show this thread
    Undo
  5. Aug 27

    The Fixed Background Attachment Hack

    20 retweets 80 likes
    Undo
  6. Aug 26

    "By putting content first and allowing that content to adapt to whatever space surrounds it, we can create more robust, flexible designs that increase the longevity of our products." —

    9 retweets 34 likes
    Undo
  7. Aug 26

    Accessibility linkage!

    11 retweets 53 likes
    Undo
  8. Aug 26

    Excellent example here by showing how learning something new can lead to interesting new projects and ideas. Plus, the generator is such a great resource!

    11 retweets 39 likes
    Undo
  9. Aug 25

    One Way to Convert Code Indentation

    3 replies 10 retweets 35 likes
    Undo
  10. Aug 25

    Apparently, LinkedIn has a front-end development quiz. The answers are listed here That's not to ruin anything, it's fun to learn from both the questions and the answers. And of course do little "Well, actually..."ies in your head going through the list

    2 replies 17 retweets 103 likes
    Undo
  11. Aug 25

    Stealing Game Animation Techniques to Engage Users at shares the ultimate resource for animation inspiration on video games sites: the games themselves.

    2 replies 11 retweets 49 likes
    Undo
  12. Aug 23

    Detecting Media Query Support in CSS and JavaScript

    20 retweets 93 likes
    Undo
  13. Retweeted
    Aug 21

    CSS Gradient Shadow 😎 A pseudo-element, sized and positioned within the container, offset + scaled with transforms, then blurred with filters demo

    a rounded, green to blue, rectangle with a green to blue shadow effect underneath, as if the colors of the surface of the rectangle are sent into the underlying shadow.
    ::before { content: ''; position: absolute; inset: 0; background: linear-gradient( to right, hsl(150 100% 50%), hsl(190 100% 60%) ); z-index: -1; transform: translateY(15%) scale(.85); filter: blur(30px); }
    28 replies 295 retweets 2,292 likes
    Undo
  14. Aug 19

    The Big Gotcha With Custom Properties

    7 replies 26 retweets 112 likes
    Undo
  15. Retweeted
    Aug 19

    My second ever blog post on is now live - Using Nuxt and Supabase for a Multi-User Blogging App This project gave me the opportunity to dive back into as well as which I really enjoyed! Blog post: Code:

    4 replies 15 retweets 109 likes
    Undo
  16. Retweeted
    Aug 18

    Folks who write CSS: What `-webkit-` prefixes do you still use most often? I mean, which (if any) that you have to use to get things to work (not stuff a tool generates en masse). Are there any `-webkit-` prefixed properties that you most want to have as real CSS properties?

    76 replies 32 retweets 149 likes
    Show this thread
    Show this thread
    Undo
  17. Retweeted
    Aug 17

    🚨 Add a custom color to your forms in 1 line of CSS: INTRODUCING the accent-color property!! `accent-color: pink`= pink checkboxes, radio buttons, sliders, etc. Landing in: Chromium 93 (Aug 31) Firefox 92 (Sept 7) Read: Try it:

    All of the colors and swap of colors
    Accent-color demo
    22 replies 451 retweets 1,792 likes
    Show this thread
    Show this thread
    Undo
  18. Aug 13

    There are 253 Unicode arrows.

    4 replies 25 retweets 87 likes
    Undo
  19. Aug 13

    "Basically, any time you run across some cool front-end thing, there might be an opportunity to make an interactive generator for that thing." —

    2 replies 22 retweets 97 likes
    Undo
  20. Aug 12

    Stay alert

    2 replies 7 retweets 37 likes
    Undo

@css hasn't Tweeted yet.

Loading seems to be taking a while.

Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.

    You may also like

    ·