반응형 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. html, css 필수 프레임워크 Reset.css(기본 설정값 초기화) Reset.css는 각 브라우저에 적용된 css 기본값을 초기화하는 것입니다. reset.css를 적용하지 않으면 각 브라우저에서 다른 결과로 보일 수 있습니다. 그래서 reset.css는 필수적으로 입력 해주시는게 좋습니다. 입력하는 방법도 크게 어렵지 않습니다. reset.css 영문 사이트(바로가기) 꼭 입력해야 하는 이유 CSS까지 끝마치고 웹사이트를 업로드 했는데 클라이언트에게 각기 다른 결과로 보일 수 있습니다. 힘겹게 간격을 맞췄는데 이러면 정말 힘이 빠지죠. 그렇기 때문에 Reset.css를 필수로 입력 해주시는게 좋습니다. 입력하는 방법 /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public do.. 2020. 11. 12. <meta charset="utf-8"> 의미와 필요성 html을 작성하시다 보면 영역에서 을 보셨을 거예요. 대부분 꼭 넣어야 하는 태그라고 명시를 해요. 그런데 왜 꼭 넣어야 하고 무엇을 의미할까요? 란? chae charset="utf-8"> 태그는 html 파일의 인코딩을 알려주는 태그에요.말이 조금 어렵죠? 쉽게 말해 브라우저에게 text를 어떻게 그려달라는지 말해주는 것이에요.위 태그가 없으면 한글, 특수문자 들이 깨져서 나올 수 있어요. 위 작업에서 인코딩이란? 웹브라우저, 컴퓨터의 HTML파일을 웹브라우저에서 표시될 수 있도록 변환하는 처리작업을 얘기해요.파일의 정보 형태가 어떤 언어로 되어 있는지에 대한 지정이 필요한데 이것을 문자 코드셋(위키백과로 이동)이라고 해요. 를 입력하지 않는다면? 위 사진처럼.. 2020. 11. 11. 이전 1 2 다음
