[Tailwind] Tailwind ide 필수 플러그인 소개

vscodeTailwind CSS IntelliSense맥기준 controll + space 누르면 자동완성이 뜨고 거기서 한번더 controll + space 누르면 css 가 어떻게 적용되는지 확인가능webstorm Tailwind CSScontroll + space로 자동완성가능  vscode처럼 css가 어떻게 적용되는지는 보려면 자동완성에서 f1 누르면 확인가능하다

• format_list_bulleted Css
• · 2024. 11. 27.
• textsms

[CSS] focus blue outline 삭제 방법

button:focus { outline: 0; }위와같이 css에서 selector 한 후에 outline을 0으로 변경한다.

• format_list_bulleted Css
• · 2019. 4. 18.
• textsms

[css] nav - content - fixed footer using flex 레이아웃 잡기

vuejs를 이용하여 layout을 잡는중.. vuejs 특성상 root element 가 존재해야 한다. 아래와 같이 만들어 보았는데.. x-scroll이 생길 경우 height 좀 더 높아지는 버그가 있다.. 어떻게 고쳐야할지.. See the Pen nav fixed footer layout use flex by homin ahn (@beans9) on CodePen.

• format_list_bulleted Css
• · 2017. 12. 5.
• textsms

[materalize] 회원가입 폼 예제 / register form example

어제에 이어^^ Materialize(http://materializecss.com/)을 이용한 로그인 폼 예제 jquery validation See the Pen Meterialize Register Form + jquery validation example by homin ahn (@beans9) on CodePen.

• format_list_bulleted Css
• · 2017. 10. 26.
• textsms

[materalize] 로그인 폼 예제 / login form example

Materialize(http://materializecss.com/)을 이용한 로그인 폼 예제 2017.10.26 jquery validation 추가 See the Pen Meterialize Login Form example by homin ahn (@beans9) on CodePen.

• format_list_bulleted Css
• · 2017. 10. 25.
• textsms

[css] multiple line ellipsis / 여러 줄 말줄임 처리

보통 글 내용이 길 경우 말줄임표시를 하는데 웹킷 브라우저에 경우 아래와 같이 간단히 여러줄을 처리할 수 가 있다.See the Pen multiple line ellipsis / webkit browser by homin ahn (@beans9) on CodePen. IE에 경우 위 내용이 적용되지 않는다. 아래와 같이 처리할 수 있으나 글내용이 아무것도 없을경우 라도 넣어줘야 제대로 동작한다. 원하는 줄수만큼 line-height와 max-height를 지정해 줘야 사용 가능하다. line-height:1.2em; max-height: 2.4em; /* max: 2 lines */ See the Pen multiple line ellipsis / chrome, ie by homin ahn (@bean..

• format_list_bulleted Css
• · 2017. 10. 17.
• textsms