Web Engineer Baek's Blog

0

CSS Link or Import

문제. CSS를 연결시킬 때 Link와 Import가 속도에 영향을 미치는가? 처음 HTML 문서에 대해서 배울 때 link가 더 좋은 방법이고 더 빠른 방법이다라고 무작정 link로...

0

i tag 사용에 대한 고찰

i태그 사용에 대한 고찰. 시멘틱 웹, 시멘틱 태그 사용이라는 전제하에 아이콘 <i> 사용에 대한 고찰. 시멘틱 태그 Semantic HTML is the use of...

0

더보기 효과

요구. 더보기 영역을 생성하고 해당 영역에 자연스러운 효과구현 제한사항. 최신브라우저만 지원해도 됨. 고로 CSS3를 사용하여 효과 구현가능. 가상클래스 : IE9+ CSS Gradients :...

0

CSS JS Plugin 말줄임 처리하기

상황. 1줄일 때 말줄임 처리가 필요하다. 2줄이상일 때 말줄임 처리가 필요하다. 해결방법. CSS 1줄 처리 너비 고정 ex) width 100px 1줄 이기 때문에...

0

CSS 줄바꿈

상황. 영어로 띄어쓰기 없이 같은 글자를 작성하는 경우 레이아웃 밖으로 튀어나간다. 상황확인. 영어로 띄어쓰기 없이 같은 글자를 작성하는 경우 레이아웃 밖으로 튀어나간다 한글로...

0

2016 하반기 국내 인터넷 이용환경(11월)

통계자료 : 국내 100대 웹사이트 중 쇼핑몰, 이통사 등 협력하여 페이지뷰 샘플을 수집ㆍ분석 컴퓨터 : 익스플로러 85.86%, 크롬 9.01%, 파폭 1.86%, 사파리 0.44%,...

0

조건부 주석 – Conditional Comment

인터넷 익스플로러 5 이상부터 조건부 주석(Conditional Comment)이란 기능을 추가하였다. 다음은 이 기능을 이용하여 당신의 브라우저 버전 정보를 보여주는 결과 예제이다. 인터넷 익스플로러 5...

0

Vue.js 사용기

요건. 자바스크립트 프레임웍 사용하기. 비교적 쉽게 사용할 수 있어야함. 방법. vue.js 레퍼런스 사이트/ http://v1.vuejs.org/api/ stackoverflow.com 참조 기능. 텍스트 정렬 템플릿 숫자 카운트 결과물. http://web-engineer.net/resume/vue/vue.html...

0

Daum Cafe Contents Blur

요건. 작성된 컨텐츠를 블러 시켜야 함. 완전한 삭제가 아닌 일시적인 블러처리. 코드. See the Pen aWYOBK by bsjuuny (@bsjuuny) on CodePen. 출처. 다음...

0

모바일 레티나 이미지 대응 SCSS

– SCSS $icons: sprite-map(“icon/*.png”, $spacing: 4px); // sprite map $sprite-high-res-suffix: ‘_2x’ !default; $sprite-dimensions: true; $sprite-clean-up: true; – MIXIN //Sprite mixin, works perfectly with...