반응형 Study Note/HTML&CSS6 slick-slide 반응형 웹을 지원하는 슬라이더 라이브러리로 나는 여러 article을 슬라이더 효과를 주어 표현하고자 사용하게 되었다. 먼저 라이브러리를 다운받거나 cdn으로 가져와야한다. kenwheeler.github.io/slick/ -중요한 사실은 jQuery 기반으로 만들어진 라이브러리라 jQuery가 필요하다. 예시) 1 2 3 4 5 html 코드를 구성한 다음, $(function(){ $('.slider-div').slick({ slide: 'div' (option.....) (option.....) (option.....) (option.....) (option.....) . . . }) }); 이런식으로 스크립트를 작성하면 된다 2020. 10. 8. scss Sass - js 방식을 css에서 사용해보고자 나왔다. 프로젝트 규모가 커지면서 지속적으로 발생하는 코드의 유지보수를 용이하게 하기위해 생겨났다 즉, css의 한계를 보완하기위해서 css 전처리기를 사용한다. css 전처리기(css preprocessor) 1. sass 2. less 3. stylus scss는 sass의 세번째 버전에서 추가되었고 sass의 모든 기능을 지원하면서 css구문과 호환되도록 만들어졌다. 예시) // SASS .wrapper width: 100px height: 200px .content color: white float: left // SCSS .wrapper{ width: 100px; height: 200px; .content{ color: white; float: l.. 2020. 10. 8. rgba 색상 값 간단하게 말하면 rgb + opacity, rgb 색상 값에 투명도가 추가된 것. *rgb : red, green, blue *rgba : red, green, blue + alpha(opacity) ex) rgb(255, 0, 0); rgba(255, 0, 0 0.5); 2020. 10. 8. Semantic web 이란? 시맨틱 웹은 '의미론적인 웹' 이라는 뜻으로 현재의 인터넷과 같은 분산환경에서 리소스(웹, 문서, 각종 화일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계 즉, 컴퓨터가 처리할 수 있는 온톨로지(Ontology)-존재론 현태로 표현하고, 이를 자동화된 기계가 처리하도록 하는 프레임워크이자 기술이다. html5에 도입된 시맨틱 태그는 개발자와 브라우저에게 의미있는 태그를 제공하게 된다. ex. div - non-semantic tag, header, main - semantic tag 태그의 의미를 명확하게 하여 가독성을 높이기 위함이다. -시맨틱 태그들.. etc [출처] ko.wikipedia.org/wiki/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EC.. 2020. 10. 4. 이전 1 2 다음 반응형
