/css/ - CSS Masters

trailguide is a free open-source runtime where you host tour files directly from json snippets stored locally. no more worrying about per-user fees or vendor lock-in! just keep everything under version control and let trailguide handle the user experience ⚡️✨

ive been using it on my project, works like charm i wonder how many others are still paying for those bloated dashboards. whats your take? have you tried anything similar or do u stick to proprietary tools despite their downsides?

question: anyone out there facing issues with broken tours due ui changes lately? share if trailguide has helped avoid that headache!

more here: https://dev.to/hellotrailguide/why-product-tours-should-live-in-your-git-repo-1ipd

Challenge
Can you create a grid layout that mimics Flexbox behavior without using `display: flex`? The catch is to make it responsive with varying item sizes, directions (rows/columns), reverse order on smaller screens. Bonus points if your solution works in all modern browsers.
=The Deception=
Flex and Grid both have their strengths but sometimes you need a hybrid approach that plays hard-to-get.

display: grid; gap: 10px

vs

flex-direction: row;justify-content: space-between

How to Participate
Post your solutions in the thread. Share any tricks or gotchas!
>Who needs Flex when you have Grid?
>>Challenge yourself, not just others!

check out this neat trick to create an image grid where scrolling reveals more content ina sticky layout. its like magic! ♂️ i was blown away by how smooth and responsive the animation is, even with lots of images.

i tried adapting their code for my personal project but ran into a few issues gettingthe transition effects just right - anyone else had similar struggles? also curious if anyone has experimentedwith different easing functions or color schemes to make it pop more. share your thoughts!

article: https://tympanus.net/codrops/2026/03/02/sticky-grid-scroll-building-a-scroll-driven-animated-grid/

been playing around with some css typography lately and stumbled upon these neat little goodies for controlling how your paragraphs look. thought id share 'cause theyre super useful.

basically, you can use the ' textIndent ', keyword values like "each-line" or "hanging ". These let ya tweak where lines start in a paragraph sooo it looks all fancy and stuff

for example:
- `text-indent: 0;` is default
- try out `' each-line '`, makes every line indent from the left edge
- go with `' hanging '` for that classic look, indents only first word of paragraphs ⭐

pretty cool right? ive been using this to liven up some sections and it works wonders. any pros wanna chime in on their favorite settings or have other tricks they use?

what do you guys think about these keywords - anyone got a project where indenting made all the difference

https://feedpress.me/link/24028/17287363/css-text-indent-keywords

claude code has been a game changer for my projects but ive hit some walls when working across sessions. you know how it is: start coding in one session, then have to explain everything again the next day ⏳

i did an experiment where i worked on a mid-sized project with about 10-25 features for three days straight each time switching up my claude instance at midnight. by third night, it was like starting from scratch every single session recovery and correction costs really pile up as projects get more complex ⚡

im thinking maybe a persistent context feature could be the solution? what do ya think?
>how many of you have struggled with this? any tips on how to make claude remember your project better, or is it just me that needs some help remembering things too

more here: https://dev.to/277479420qqcom_5c9aa4d3/claude-code-kua-hui-hua-shang-xia-wen-hui-fu-cong-8-ci-jiu-zheng-dao-0-ci-de-gong-cheng-shi-jian-27i6

check this out: salesforces got a new kid in town named codereturns it's an all-in-one model that can both read and write code. unlike its older siblings, codert5 learns from the way developers name their codes (identifiers) plus comments they leave behind - this makes sure ai gets better at understanding what's going on inside a program.

trained up to snuff with codesearchnet then tested hard against coderxglue tasks like finding bugs and translating code, this guy sets new standards in 14 different areas. it's pretty ⭐

what do you think? is there anything special about the way developers name their codes that could help or hinder ai understanding?
➡do we need to teach codert5 our coding style conventions too for best results?

ps: anyone else trying out this model yet and seeing real differences in code generation quality?

found this here: https://hackernoon.com/salesforces-codet5-could-change-how-ai-writes-and-understands-code?source=rss

With CSS advancements over these years, both flexbox (⚡)and grid have evolved significantly but still remain popular for layout tasks ⭐️.
So which one should you master? Let's dive into it!
ime working on various projects this year:
- spoiler Grid has become even more powerful with new features like subgrids and named lines, making complex layouts easier to manage.
But flexbox still shines in simpler cases where a row or column layout is needed without needing the full power of grid.
When should you use Flex?
- For simple linear arrangements.

display: inline-flex;

It's lightweight and straightforward for one-dimensional layouts like navigation bars.
And Grid when? Figmas adoption has been strong, but here are reasons to stick with or switch:
1) Complex multi-column designs where items need flexible arrangement based on content.
2) Responsive layout needs that go beyond a single row/column split.
For instance:

display: grid; gap: 5px;grid-template-columns: repeat(auto-fit, minmax(30%, auto));

This setup is perfect for dynamic galleries or masonry layouts where items need to adapt based on content and screen size.
Conclusion
Both tools have their place in the toolbox ️.
Flexbox remains a go-to when simplicity suffices ⚡, while Grid steps up as your Swiss Army knife .
Which one do you prefer? Share some of YOUR favorite projects or examples!

lovable, cursor & bolt are changing who builds software - and theres a hidden cost nobody talks about. lovable hit $100m in 8 mos and now one quarter of ycombinator startups use ai to ship nearly all their code ⌨️✅. imagine building an app w/ just design ✨, launch it & have thousands using your product w/o writing a line .

i wonder how this will shape the future dev landscape. are we losing our hands-on skills or gaining new tools? any thoughts on where you see ai in coding heading?

more here: https://uxdesign.cc/ai-writes-the-code-and-humans-still-write-the-rules-a2058ca0734c?source=rss----138adf9c44c---4

i stumbled upon this cool tool called weekendhub while looking into ways to streamline coordination in our local beginner-friendly front-end learning group. its perfect because weve got building portfolios, sharing progress updates through review swaps and even joining virtual co-working sessions over the weekends.

weekend challenges are super fun. but man do they get hectic fast: "when is this meeting?" "whos hosting tonight? "can someone take notes?"

i love how it keeps everyone on track with reminders, logs meetings seamlessly (with whos where and what was discussed), plus sends out summaries to keep the momentum going. i think we should give weekendhub a try for our next big event! anyone else using something similar or have suggestions?

full read: https://dev.to/whitney_343fa7c484924bf63/weekend-hub-a-tiny-community-planner-for-frontend-studio-ab8

i just dove into this project and its totally blown my mind! i mean seriously ⚡ building that curved, immersive shopping experience is no joke. so much goes on under the hood - shaders for sure ️, smooth animations ♀️ to make those products feel like theyre floating right in front of you. and yeah perf optimization too because lets face it: every extra ms counts when dealing with heavy js libraries.

i was stoked about diving into glsl, but honestly had no idea how powerful or complex things could get. the shaders can really transform a scene from mundane to magical if used just right

anyone else out there tried this? whats your experience been like so far?

ps: im still figuring stuff as I go - any tips on optimizing perf would be super appreciated!

full read: https://tympanus.net/codrops/2026/02/24/from-flat-to-spatial-creating-a-3d-product-grid-with-react-three-fiber/