WEBPI's Markup && Css Developer

w descriptor 사용 ! src 속성은 srcset을 지원하지 않을때 적용 뷰포트 가로가 450px 이하일 때 이미지.png (450px) 뷰포트 가로가 451~768px 일 때 이미지2.png (768px) 뷰포트 가로가 769px 이상일 때 이미지3.png (1080px) sizes 는 고정 사이즈가 필요시 지정해준 크기의 이미지 대상 사용 x descriptor는 언급하지 않음 ! ie는 지원하지 않는다 Polyfill은 https://github.com/aFarkas/respimage

오랜만에 포스팅입니다 핵(Hack) 폰트를 공개했군요.원래 서브라임에서 monaco를 쓰다가 적용해보니 괜찮은것 같습니다만 더 적응해봐야 겠네요. 한글은 별로입니다.폰트는 여기서 받으시거나 홈페이지가셔서 받으시면 됩니다. 자세한 기사http://www.zdnet.co.kr/news/news_view.asp?artice_id=20150831102332받으러 가기 https://sourcefoundry.org/hack/

Why can’t we find Front End developers?를 김태곤님이 번역한 글입니다. 아주 좋은 내용이라 적어봅니다. 아직 저도 한참 모자라네요 분발해야겠습니다. ㅜㅜ 보러가기 http://taegon.kim/archives/4810

설명 http://www.w3.org/TR/css3-values/#font-relative-lengths사용법 http://snook.ca/archives/html_and_css/font-size-with-rem브라우저 지원 http://caniuse.com/#search=rem em은 부모대비 비율, rem은 html로부터 상속em body : 20px div : 0.5em = 10px div p : 0.5em = 5px rem body : 20px div : 0.5rem = 10px div p : 0.5rem = 10px 모바일에서 유용하게 쓰일수 있다

서브라임의 기본이 되는 편리한 에디터 Brackets서브라임과 거의 비슷한 환경으로 사용하기 쉽고 adobe 지원이라 활용하기 좋다라이브 프리뷰기능도 막강함 http://brackets.io/

https://www.mozilla.org/en-US/firefox/38.0a2/tour/

서브라임 텍스트 홈페이지 http://www.sublimetext.com/서브라임 텍스트2 http://www.sublimetext.com/2서브라임 텍스트3 http://www.sublimetext.com/3인스톨 패키지 컨트롤 https://packagecontrol.io/installation유용한 플러그인Sublime Package ControlAutoBackupsAutoprefixerConvertToUTF8HTML-CSS-JS PrettifyIMESupportSFTPSublimeCodeIntelSublimeLinteremmetSideBar EnhancementsPrefixrBracket HighlighterDocBlockrGitJSLint

HTML5 is a W3C Recommendation 일단 확정은 되었네요 http://www.w3.org/

지인의 포스팅8000px border!

http://emmet.io/ Emmet은 HTML/CSS 코딩을 빠르게 도와주는 도구입니다. Zen Coding과 같아요익숙해지면 파워업 됩니다