현상 재현환경 iOS 7.1 AppleSDGothicNeo 폰트 패밀리에 font-weight:bold 속성을 주었을 때 굵어지는 정도가 규칙적이지 않다. 원인 css로 font-weight:bold 속성을 줄 경우 브라우저마다 각각의 폰트를 표현하는 방법이 다른데, AppleSDGothicNeo 폰트 패밀리에서는 AppleSDGothicNeo-Light와 AppleSDGothicNeo-Medium 이 다른 폰트에 비해 글자 넓이가 넓어져 더보기…
서비스명: 지식백과 / 제보자 : 정사라 현상 재현환경 ios 버전 6.1.3, 7.1.1, 7.0.4 safari 브라우저 ios에서 기본 entity는 정상노출됩니다. 하지만, ㈜의 경우 entity코드가 없어 unicode로 넣어 대체하였으나, Helvetica font에서 해당 unicode 인식하지 못해 x표시(일명 엑박)로 노출되는 문제가 있어 공유드립니다. 더보기…
npm 2.0.0 릴리즈 node.js의 패키지 관리 도구인 npm 2.0.0이 릴리즈됐습니다. npm run-script에 인자를 전달할 수 있도록 변경됐으며, npm의 릴리즈 프로세스가 문서화됐습니다. 또한 Scoped packages라고 하는 기능이 추가되는 등 여러가지 변경 사항이 있습니다. Scoped packages는 모듈을 관리할때 Public이 아니라 범위를 지정하여 더보기…
V8 최적화 이번 주는 V8 최적화에 대한 내용이 많습니다. nodeconfeu도 있었고, JSer.info 운영자 역시 최적화에 대한 아티클(일본어[구글번역])을 공개했습니다. V8 Installation and d8 shell usage에는 V8을 빌드하고 커멘드라인 전달인자를 사용하여 최적화나 트레이스 하는 방법에 대해 이해하기 쉽게 정리돼 있습니다. JSer.info 운영자의 더보기…
Chrome37, Opera24(Chromium37 기반) 릴리즈 Chrome37과 Opera24의 변경사항은 대부분 비슷합니다. Dev.Opera-Opara24 released에 알기 쉽게 정리되어 있습니다. CSS Shapes 및 CSS의 all 프로퍼티를 사용할 수 있으며, showModalDialog()가 폐지된 대신 <dialog> 요소를 사용할 수 있습니다. CSS Shapes에 관심 있는 분은 아래 문서를 참고하세요. 더보기…
프로젝트 도중에 HTML5 Video Element를 8개 삽입하면 7번째 Video Element 부터는 동영상을 제대로 로딩하지 못하는 문제가 있다는 사실을 발견하였다. <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> <video src=”http://video.webmfiles.org/elephants-dream.webm”></video> 7, 8번째 동영상을 더보기…
Underscore 1.7.0 릴리즈 많은 변경 사항이 있습니다. 주요 변경 사항은 Change Log에서 설명하고 있고 그 외 사항은 코멘트로 정리하고 있습니다. Change Log Release Underscore 1.7.0 by akre52 대표적으로 _.template를 초기화시 data를 받지 않고 항상 함수를 반환하도록, 그리고 _.extend가 ES6 Object.assign과 더보기…
Autoprefixer 3.0이 릴리즈 됐습니다. Autoprefixer는 CSS 코드에 vendor prefix를 추가할 수 있는 포스트프로세서(postprocessor, 후처리기) 입니다. Less, Sass 등을 프리프로세서(preprocessor, 전처리기)라고 부르는 반면 전처리된 CSS 코드를 처리하는 도구를 PostCSS 라는 장르로 분류하고 포스트프로세스라 부르고있습니다. Autoprefixer 3.0에서는 CoffeeScript로 작성한 기존 코드를 Ecma6 더보기…
Sass 3.4가 릴리즈 됐습니다. parent selector(&)의 기능이 개선됐고, 기본적으로 SourceMap이 생성되도록 변경(생성하지 않으려면 –sourcemap=none을 입력)됐습니다. 그리고 치명적인 오류시 메시지를 출력하는 @error 지시어를 지원합니다. SASS_CHANGELOG Compass 1.0이 릴리즈 됐습니다. Compass는 Sass를 기반으로 한 프레임워크입니다. autoprefixer와 동일하게 vendor prefix는 Can I 더보기…
저는 가끔 Attribute Selector를 사용해서 특정 스타일을 분기처리할 때가 있습니다. 그런데 Dom이 동적으로 변경되서 작성한 Attribute Selector의 조건이 됬는데 Style 속성을 구분자로 사용할 경우 해당 스타일을 화면에 안그립니다. 예를들어 배너가 활성화되있으면 배너 아래 있는 A박스가 margin-top:0 인데 배너가 비활성화 상태가 더보기…