mlutcss's profile picture. Atomic CSS toolkit with @SassCSS and ergonomics for creating styles of any complexity. Created by @mr150_

mlut

@mlutcss

Atomic CSS toolkit with @SassCSS and ergonomics for creating styles of any complexity. Created by @mr150_

내가 좋아할 만한 콘텐츠

Sure! Replace Tailwind CSS with mlut 😉 You're welcome!

>>> HTML >>> CSS >>> Tailwind CSS >>> JavaScript >>> Typescript >>> React >>> NextJS >>> SQL >>> postgresql >>> Node.js >>> Express js Show me a better web dev roadmap



mlut 님이 재게시함

css trick for the "shine" border 🧑‍🍳 take a pseudoelement position + give it an inset box-shadow mask it off at an angle with a linear-gradient 🤙 bonus: use corner-shape: squircle + rotate on pointer move

i genuinely wanna know how to give such box shadows for corners on web using css. i just cant seem to figure it out @jh3yy @sorenblank

zzzzshawn's tweet image. i genuinely wanna know how to give such box shadows for corners on web using css. i just cant seem to figure it out
@jh3yy @sorenblank


You may have learnt how to make CSS only Carousels, but do you know how to toggle its items? ✅ If no, then read this helpful tutorial! ⚠️ But remember that ::scroll-marker is available only on the Chromium-based browsers.

How to Add and Remove Items From a Native CSS Carousel (…with CSS) It's already quite impressive you can build a carousel with no JS at all (in Chrome, for now, anyway) and with some checkbox-hack stuff we can control dynamically what is shown. frontendmasters.com/blog/how-to-ad…



mlut 님이 재게시함

💡 CSS Tip! A CSS Shape that follows the direction of the text? Yes, it's possible, and it only requires a few lines of code. css-tip.com/direction-awar… The trick works with emoji and images as well.


You don't remember the last time when you used CSS trigonometric functions? Or think they are useless? Then this article is for you 😉 css-tricks.com/the-most-hated…


How do you think, can CSS be used while creating RTS games? The next step in this direction is made! Look how you can craft 3D worlds using only CSS! 🤯 tympanus.net/codrops/2025/1…


Do you use JS libraries for simple 3D animations? Don't you think that it costs too much for the website's performance? Here is a more lightweight solution where only CSS is used! Learn and enjoy ✅

How to Create 3D Images in CSS with the Layered Pattern Repeat the same content over and over on top of each other, and you can move each of them just a smidge in 3D space creating the illusion of shape. frontendmasters.com/blog/how-to-cr…



mlut - make CSS exciting again!

You got 5 words Sell me your service



Love TW? Then try mlut to have: + all technical benefits of TW; + consistent naming rules; + even less unreadable HTML; + even more core relation with CSS; + more flexibility.

Tailwind CSS appreciation post!! No limited creativity and flexibility No code bloat and unused styles No messy, unreadable HTML No steep learning curves, easy for beginners No over-reliance on the library (and forgetting core CSS) Very easy to set up Best achieve…

ennycodes's tweet image. Tailwind CSS appreciation post!!

No limited creativity and flexibility
No code bloat and unused styles
No messy, unreadable HTML
No steep learning curves, easy for beginners 
No over-reliance on the library (and forgetting core CSS)
Very easy to set up 
Best achieve…


Do you care about the accessibility of your websites? What techniques do you use to achieve it? Learn how to actually make your projects accessible in this guide 👇 a11y-collective.com/blog/visually-…


Do you often struggle making a mobile version of the website's layout? There are some helpful tips for solving this problem👇 css-tricks.com/getting-creati…


Elegant and CSS only solution for an adaptive list of images. Exciting how easily you can solve problems using just modern CSS ! 😀

💡 CSS Tip! Using modern CSS to create a responsive list of stacked images. The overlap will automatically adjust based on the available space and the number of images. css-tip.com/responsive-sta… No hardcoded values, no magic numbers, and the gap is transparent!



hot takes: you don't need to memorize alphabet google exists. AI exists what actually makes you a real writer is making interesting plots and characters

hot takes: you don’t need to memorize syntax. google exists. AI exists. what actually makes you a real developer is logic and problem-solving.

iyoushetwt's tweet image. hot takes:

you don’t need to memorize syntax. 
google exists. AI exists. 
what actually makes you a real developer is logic and problem-solving.


May be, if you haven't seen mlut yet 😎

tailwind is the best thing that has happened in frontend development

AbhinavXJ's tweet image. tailwind is the best thing that has happened in frontend development


How average CSS-in-JS fun sees Atomic CSS 😄

mlutcss's tweet image. How average CSS-in-JS fun sees Atomic CSS 😄

Not every mlut doesn't need Tailwind CSS 😉

Why is every new web project using Tailwind CSS?



Still using width: 100vw and negative margins for full-bleed elements? Level up your skills with this article and learn how to create more flexible and elegant layouts!👇

Super Simple Full-Bleed & Breakout Styles Having a width-limited centered column of content is common and good, but what do you do when you need to break out? It's not hard these days, but it does depend on the situation. frontendmasters.com/blog/super-sim…



Nope! Using mlut for styling solves a lot of problems and makes the DX much better. Just give it a try 😉

As a Developer, do you cry over CSS?



United States 트렌드

Loading...

Something went wrong.


Something went wrong.