반응형 IT/HTML,CSS10 input type range 커스터마이징 사이트 https://www.cssportal.com/style-input-range/ Style Input Range - CSS Portal www.cssportal.com input type range을 커스터마이징 할 수 있는 사이트입니다. 2021. 8. 14. CSS Gradient 예시 사이트 CSS Gradient란?(MDN사이트로 이동) 그라데이션이라는 말이 더욱 친숙하실 거라 생각 되네요. 위와 같은 이미지를 마우스 클릭 및 수치 조정으로 만들 수 있는 사이트입니다. 설정을 전부 완료 후에 css 코드만 복사 붙여넣기 하면 적용이 완료됩니다. Gradient 효과는 직접 눈으로 보면서 설정을 해야 좋다고 생각합니다. 그런데 코드를 입력하면서 하게 되면 계속 새로고침을 눌러야 하는 번거로움이 있죠. 그런 수고들이 줄어들게 됩니다. CSS Gradient(사이트로 이동) 2021. 2. 9. 86가지 css box-shadow 예시가 있는 사이트! css를 작성하면서 box-shadow라는 기능이 있어요. developer.mozilla.org/ko/docs/Web/CSS/box-shadow box-shadow - CSS: Cascading Style Sheets | MDNbox-shadow CSS 속성은 요소의 테두리를 감싼 그림자 효과를 추가합니다. 쉼표로 구문해서 여러 그림자 효과를 입힐 수 있습니다. 박스 그림자는 요소에서의 수평수직 거리(오프셋), 흐릿함과 확산developer.mozilla.org* Mdn사이트에서 CSS box-shadow에 대해 자세히 알 수 있어요. Mdn도 좋지만 이쁘게 디자인된 예시를 골라서 쓸 수 있다면 정말 좋겠죠?마치 베스킨라빈36 처럼요. 그런 사이트가 실제로 있습니다. getcssscan.com/.. 2021. 2. 3. HTML부터 CSS까지 코딩 쉽게 배우는 사이트(노마드코더) 따분한 강의가 아닌 직접 결과물을 만들어 보는 사이트를 찾았습니다. 현업 개발자의 코딩을 클론하는 방식으로 자신만의 웹 사이트를 만드는 방법을 배울 수 있어요. 유튜브 채널 '노마드코더'에서 만들 강의 사이트에요. 노마드코더 사이트 바로가기 노마드 코더 Nomad Coders 코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요! nomadcoders.co 무료 강의도 많고 결제해서 듣는 강의에 품질도 만족스러워요. 코딩을 하다가 문제가 발생하면 댓글로 질문을 할 수 있어요. 노마드코더 개발자분이 직접 댓글을 달아주세요. 그리고 노마드코더 슬랙 커뮤니티가 있는데 그곳에서도 질문을 하면 답변을 얻을 수 있어요. 저는 우선 코코아톡 클론코딩 강의를 구입해서 들.. 2020. 11. 15. 이전 1 2 3 다음
