ZocialFont AwesomeWe Love Icon Fonts!Icon fonts on CSS-TricksARIA

https://unicode-table.com/en/

PageSpeed Insights is no longer part of Developer Tools. It has been deprecated. The online version is still available.PageSpeed Insights exampleGrunt PageSpeed pluginPageSpeed Node modulecURL examplesPageSpeed Insights Node module

ImageMagick:ImageMagickSimple ImageMagick installer for MacGraphicsMagick (a fork of ImageMagick)Grunt:Coach JohnMav's Webcast with step-by-step instructions for setting up GruntGetting started with GruntGrunt for People Who Think Things Like Grunt are Weird and HardGenerate multi-resolution images with GruntGrunt plugin for generating multiple imagesFiles used in scripting examples:convert.sh (..

1. viewport 설정 initial-scale=1.0 은 CSS와 device의 view간에 픽셀단위가 1:1 매핑이 된다는 의미이다. 반응형을 위해 width:100% 속성을 줄 경우, 이 메타 설정으로 인해 정확히 view의 100%만큼 보여지게 할 수 있다.2. media-query미디어 쿼리는 구 브라우저에서 지원되지 않는다. 별도의 polyfill을 적용하거나 지원되지 않는다는 가정하에 코딩해야 한다.

하고 싶었던 것 1 2 가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하 4 5 6 7 리스트의 각 항목을 클릭했을 때, 말줄임(....)으로 가려져있던 내용이 펼처지고 배경색을 전환함으로써 active상태를 알리고자 했다.처음엔 CSS의 focus상태를 활용해서 a태그로 감사져있는 콘텐츠를 누르면 overflow를 visible로 전환하고 색상을 애니메이션으로 리니어하게 바꾸면 되겠다 싶었다. 1 2 가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하가나다라마바사아자차카타파하 4 5 6 7 DOM 구조는 대충 요렇게... &:f..