GithubHelp home page GithubHelp logo

tailwind와 차별화된 adorable-css만의 장점을 좀 더 명확하게 명시하면 좋을 것 같습니다. about adorable-css HOT 4 CLOSED

developer-1px avatar developer-1px commented on June 27, 2024
tailwind와 차별화된 adorable-css만의 장점을 좀 더 명확하게 명시하면 좋을 것 같습니다.

from adorable-css.

Comments (4)

developer-1px avatar developer-1px commented on June 27, 2024 8

좋은 지적 감사드립니다. 사실 이 프로젝트를 만들때만 하더라도 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.

developer-1px avatar developer-1px commented on June 27, 2024 3

https://velog.io/@teo/adorablecss-better-then-tailwindcss

제안주신 내용에 맞는 새로운 문서를 작성했습니다.
오래 걸렸네요.
너무 너무 감사드립니다.

from adorable-css.

developer-1px avatar developer-1px commented on June 27, 2024 1

https://developer-1px.github.io/adorable-css/background

홈페이지에 tailwind와 전격비교는 아니지만 어떻게 다른지 소개하는 글을 작성해보았습니다. tailwindCSS와 직접적인 비교글은 아니지만 가지고 있는 원고를 바탕으로 한번 정리해보았습니다.

기회가 된다면 조금 더 tailwindCSS와는 뭐가 어떻게 다른지 설명할 수 있는 글을 작성해보도록 하겠습니다. 감사합니다.

from adorable-css.

developer-1px avatar developer-1px commented on June 27, 2024

https://developer-1px.github.io/adorable-css/background
왜 만들었는지 어떤 점이 tailwindCSS에 비해서 더 좋은지 작성을 해봤습니다.
아직 전반적으로 문서와 공식홈페이지에 공을 많이 들이지 못했는데 2.0을 만들면서 홈페이지 리뉴얼로 함께 진행해보려고 합니다.

from adorable-css.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.