본문 바로가기

CSS3

tailwind css의 autoprefixer tailwindcss를 사용하면서 backdrop-filter 속성을 사용하는데 Mac의 Safari와 iOS의 브라우저에서 dackdrop-filter 속성이 적용되지 않는것을 보았습니다. https://tailwindcss.com/docs/browser-support#vendor-prefixes Browser Support - Tailwind CSSUnderstanding which browsers Tailwind supports and how to manage vendor prefixes.tailwindcss.com 공식문서에도 이미 https://github.com/postcss/autoprefixer를 설치하라고 안내해주고있었다. GitHub - postcss/autoprefixer: Parse.. 2024. 10. 3.
nl2br() 없이 개행문자(\n)를 <br>태그로 바꾸기 웹 프로그래밍을 할때 여러 줄을 처리하다보면 개행문자(\n)를 태그로 바꿔줘야 할 상황이 종종 발생합니다. PHP같은 경우는 nl2br()이라는 함수를 통해서 주로 바꾸곤 했는데 이를 CSS를 통해서도 해결이 가능합니다. 이것은 첫번째 줄 두번째줄 세번째줄 랄랄라 nl2br()등을 적용하지 않는 환경일 경우 replace()함수등을 사용하여 개행문자를 로 바꾸곤 했는데 위와 같은 방법으로도 해결 가능할 것 같습니다. 2014. 8. 29.
트위터 부트스트랩! 웹 디자인과 CSS에 부담을 덜자! 웹 개발을 할때, 트위터 부트스트랩 (Twitter Bootstrap)을 사용하면 디자인과 CSS에 대한 부담을 좀 덜 수 있다.특히 나같이 뼛속까지 개발자라서 디자인 감각이 영 꽝인 사람들에겐 가뭄에 단비같은 존재다.이런걸 오픈소스로 공개해주시다니, 정말 감사할 따름!예제도 잘 정리되어 있어서 별도의 서적 없이도 쉽게 프로젝트에 적용할 수 있을 정도다.현재 버전 3까지 나왔으며, 유지보수 프로젝트를 위해서 버전 2의 링크도 포함해 놓았다.그리고 Bootswatch는 부트스트랩에 여러가지 테마를 적용해 놓은 버전이다. 한가지 색상에 질린다면 Bootswatch에서 나에게 맞는 컬러로 적용해보도록 하자! 부트스트랩 3url: http://bootstrapk.com 부트스트랩 2url: http://macz.. 2014. 5. 28.