Dev갱이 Dev갱이

Html,CSS

• 참고자료

  Html,CSS 2023. 1. 7. 13:44

  https://uiverse.io/ Open-Source UI elements - made with CSS and HTML Library of free and customizable HTML and CSS UI elements. It's all open-source, and it's all free. Try it out to save you many hours spent on building & customizing UI components for your next project. uiverse.io

  Read More
• 데이터 로딩중일때 화면

  Html,CSS 2022. 12. 26. 03:12

  위 이미지처럼 데이터를 가져와서 UI를 그리기전 보여주는 화면을 보통 스피너로 뱅글뱅글 돌아가는걸 보여 주는데 위에 같이 이쁜 애니메이션을 보여주는걸 스켈레톤 로더라고 한다 스켈레톤(skeleton) 로더 나는 Tailwind를 많이 쓰니까 이 예제로 해봐야지 https://flowbite.com/docs/components/skeleton/

  Read More
• 배경 색상에 어울리는 색 추천

  Html,CSS 2022. 12. 21. 23:05

  https://2colors.colorion.co/ Two Color Combinations Two color combination palettes 2colors.colorion.co

  Read More
• 네이밍 가이드

  Html,CSS 2022. 3. 30. 10:42

  https://oddcode.tistory.com/150

  Read More
• 알아두자

  Html,CSS/반응형웹 공부 2022. 3. 26. 01:48

  꿀팁 https://www.biew.co.kr/entry/%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98-%ED%9A%A8%EA%B3%BC%EB%A5%BC-%EC%A4%84-%EC%88%98-%EC%9E%88%EB%8A%94-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%E3%86%8DAOSjs​ 스크롤 애니메이션 효과를 줄 수 있는 라이브러리ㆍAOS.js AOS Animate On Scroll Library 프로젝트에서 퍼블리싱 작업 중 세로로 긴 콘텐츠의 메인 또는 서브페이지를 코딩하다 보면, 고객사의 요청에 의해 스크롤되었을 때 콘텐츠 요소의 애니메이션 효과를 퍼 www.biew...

  Read More
• 이미지파일에 CORB문제

  Html,CSS 2022. 2. 3. 09:41

  Cross-Origin Read Blocking (CORB) blocked cross-origin response 내URL with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details. 이문제가 발생 했을때 어떻게 해결해야할지... Cross-Origin Read Blocking (CORB) blocked cross-origin response 도메인 with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details. - 2022-09-12 해결방법 추가 - 메일 수신을 위..

  Read More
• [CSS꿀팁 ] -2 클래스명명 규칙

  Html,CSS 2021. 6. 16. 11:35

  https://velog.io/@wkdgusrhkd/%ED%81%B4%EB%9E%98%EC%8A%A4-%EB%AA%85%EB%AA%85%EA%B7%9C%EC%B9%99-BEM

  Read More
• [css 꿀팁]-1 css내에서 변수사용하기

  Html,CSS 2021. 6. 15. 09:54

  Lorem Ipsum Dolor css에서 공통부 선언할때 주로 사용하면 좋을것 같다. —main-width : 900px; —mobile-padding: 0px 24px; 예를들어 이렇게 공통적으로 메인으로 잡혀있는 css들을 main에 있는 width크기를 950으로 바꿔 달라고 하면 일일이 찾아서 들어가서 바꿨는데 저런식으로 공통선언을 하게되면 편하게 —main-width : 950px; —mobile-padding: 0px 20px; 이렇게 바꿀 수 있다.!!! ( 공통적으로 쓰는 패딩이나, 큰 레이어 공통적으로 쓰는 구도 잡을때 공통선언 해놓으면 될듯) 또 다른예) :root { --font-bold : 600, --font-nomal : 200, } .x { font-weight: var( -..

  Read More