Comments (4)
좋은 지적 감사드립니다. 사실 이 프로젝트를 만들때만 하더라도 tailwindCSS에서는 JIT 기능이 만들어지지 않았었고 w-2 w-3 등이 4px 기준으로 만들어져 있어서 tailwindCSS로는 내가 원하는 디자인을 만들 수가 없던 것이 가장 큰 아쉬움이었기 때문에 그점을 중점으로 작성하긴 했습니다만, 그후 tailwindCSS에서도 JIT이 출시가 되면서 가장 큰 차별화 포인트는 사라지기는 했네요.
그 밖의 가장 큰 장점이라고 하면 언급해주신 문법만 살짝 다른 이라는 포인트도 중요하게 생각하고 있습니다. 특히 제일 자주 쓰이는 flexbox와 position 등에 대해서 hbox(right), vbox, gap, layer(top) 등의 직관적인 레이아웃 문법을 통해서 기존 tailwindCSS로 작성하는 것보다 훨씬 더 빠르게 디자인 작업을 직관적으로 할 수 있게 된 점이 실제로 tailwindCSS 대신 사용하고 계시는 분들이 말하는 가장 큰 장점이에요.
그밖에 모든 Selector를 지원한다거나, important, .selected:c(red) 처럼 class와 함께 사용하는 방식들도 실무에서 굉장히 유용하고 편리하게 쓰이는데 이렇게 말로만 쓰기 보다는 말씀해주신대로 차별화된 포인트에 대해서 한번 잘 정리된 문서를 작성해보는게 좋겠네요.
관심가져주시고 알려주셔서 감사합니다.
사내에서만 쓰다보니까 뭔가 구전으로만 전파하다보니 문서화에 소홀하고 있었는데 뜨끔하네요. ㅎ
고맙습니다!
문서화 작업이 고도화 되면 또 공유 드리겠습니다.
❤️
from adorable-css.
https://velog.io/@teo/adorablecss-better-then-tailwindcss
제안주신 내용에 맞는 새로운 문서를 작성했습니다.
오래 걸렸네요.
너무 너무 감사드립니다.
from adorable-css.
https://developer-1px.github.io/adorable-css/background
홈페이지에 tailwind와 전격비교는 아니지만 어떻게 다른지 소개하는 글을 작성해보았습니다. tailwindCSS와 직접적인 비교글은 아니지만 가지고 있는 원고를 바탕으로 한번 정리해보았습니다.
기회가 된다면 조금 더 tailwindCSS와는 뭐가 어떻게 다른지 설명할 수 있는 글을 작성해보도록 하겠습니다. 감사합니다.
from adorable-css.
https://developer-1px.github.io/adorable-css/background
왜 만들었는지 어떤 점이 tailwindCSS에 비해서 더 좋은지 작성을 해봤습니다.
아직 전반적으로 문서와 공식홈페이지에 공을 많이 들이지 못했는데 2.0을 만들면서 홈페이지 리뉴얼로 함께 진행해보려고 합니다.
from adorable-css.
Related Issues (20)
- absolute(auto/12/0/auto) 테오 ㅋㅋ 요런거 있으면 좋겠단 생각을 했슴돠 ㅋㅋ (from linda) HOT 2
- place-items를 추가해주세요 HOT 1
- layer position 조작도 향상 HOT 1
- Svelte에서 <style>의 CSS를 작성할때 : 띄어쓰기를 하지 않으면 에러가 난다. HOT 1
- Sveltekit에서는 vite 기반에서 간혹 css 업데이트가 되지 않는 현상이 발생해요. HOT 2
- h(100vh) => -webkit-fill-available 를 같이 해결하는 코드를 만들어주세요.
- 공식 홈페이지의 튜토리얼의 스크롤에 오류가 있는 것 같습니다. HOT 2
- 공식문서에 tutorial을 추가해주세요 HOT 1
- Example의 Next 13.4 버전 업데이트 HOT 1
- 1.2.9 버전 업데이트 후 CDN 적용 안되는 점 수정해주세요! HOT 2
- m p b 등에서 mx my같이 right left, top bottom 페어되는건 어떻게 생각하시나용?? HOT 4
- backdrop-blur가 -webkit-backdrop-filter가 적용되지 않아 다른 브라우저에서 작동하지 않는 경우가 있습니다. HOT 2
- AdorableCSS 하다보니 새로 필요하겠다고 생각되는 스펙, textAlignVertical, Web Font(Google Font) import HOT 1
- Google Font Auto import 기능 만들기
- mui나 tailwind에서 섞어서 쓰면 CSS가 깨지는 현상을 수정해주세요! HOT 4
- 32x32 128x128 같이 <width>x<height> 포맷으로 Size를 하면 어떨까요? 16:9 3:5 와 같이 aspect-ratio도 더 단순하게 작성이 될 것 같아요.
- 저는 모든 부분에 px와 rem을 지향해서 쓰고있는데요, 혹시 px이나 rem명시를 자동으로 변환 할수 있는 구문이 있을까요? ex : 10rem -> 10 HOT 2
- .vbox 내부의 .h(fill).scroll 이 예상대로 동작하지 않습니다 HOT 1
- vbox > .h(50).w(fill) 이 예상대로 동작하지 않습니다 HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from adorable-css.