분류 전체보기(14812)
-
HTML 문서 구조
HTML 문서 구조 사이트의 구조는 일반적으로 생각하는 것보다 다양한 구조가 있으며, 디자인 요소에 따라 다르게 보일 뿐 일반적으로 다음 그림과 같이 크게 네 가지 형태로 구분할 수 있습니다. 블로그 형태 블로그 형태 기업 사이트 형태 e-book이나 설명서 형태
-
반응형 웹 디자인의 핵심요소
반응형 웹 디자인의 핵심 요소 반응형 웹 디자인의 핵심 요소는 CSS3 미디어 쿼리이지만, 미디어 쿼리 이 외의 CSS3 모듈을 사용하여 더욱 더 유연성을 강화할 수 있으며, 기본 CSS3의 그레디언트와 섀도, 타이포그래피, 애니메이션, 그리고 트랜스폼으로 복잡한 자바스크립트와 그래픽을 대체할 수도 있습니다. 반응형 웹 디자인에 HTML5를 사용하는데 검색 엔진에 더 많은 의미를 제공하는 HTML5의 새로운 시맨틱 요소 사용할수 있고 HTML5는 많은 리소스를 필요로 하는 자바스크립트를 사용하지 않고도 로딩이 빠르고 가벼운 코드 기반의 반응형 웹 디자인을 만들 수 있습니다 반응형 웹 사이트를 테스트 방법 방법설명원칙모든 디바이스와 스크린 크기를 설정할 수 있는 별도의 시스템을 갖추어 테스트 수행대체브라우..
-
웹 접근성 점검하기, Validator
웹 접근성 점검하기 http://validator.w3.org/ URL 과 실제 html파일을 가지고 점검을 수행합니다. Validate by File Upload탭 클릭 >> 02.html파일을 선택 후 >> Check버튼 클릭
-
Media Query(미디어 쿼리)
Media Query(미디어 쿼리) 디바이스 사이즈에 따라 화면을 다르게 표현하는 방식 스크린사이즈(뷰포트), 방향 또는 해상도에 따른 조건에 맞춰 페이지에 특정Style Sheet를 지정 합니다. 스크린사이즈, 해상도등의 조건에 따라 CSS 코드를 분기하여 최적화된 UX(User Experience) 제공하게 되는 것입니다. 웹페이지가 사용자 화면 해상도에 따라 페이지의 내용을 유연하게 바꾸어주게 됩니다. Media Queries Example 화면에 표시할 때는 산세리프 글꼴을 사용하고, 인쇄할 때는 세리프 글꼴을 사용하도록 2개의 미디어 유형에 따라 각각 정의된 문서를 만들 수 있습니다.
-
Unsplash – 무료 고품질 사진
Free (do whatever you want) high-resolution photos. https://unsplash.com/
-
Top 50 By Total Number Of "Distinct" Vulnerabilities in 2015
Top 50 Products By Total Number Of "Distinct" Vulnerabilities in 2015 http://www.cvedetails.com/top-50-products.php?year=2015 Top 50 Vendors By Total Number Of "Distinct" Vulnerabilities in 2015 http://www.cvedetails.com/top-50-vendors.php?year=2015