상황에 따라 다르게 적용하는 CSS 방법론

원문: When to use which CSS methodology by simurai 해가 지날수록 점점 더 많은 CSS 방법론이 등장하고 있습니다. 그러나 불행하게도 언제나 먹히는 CSS 방법론은 존재하지 않기 때문에, 이 글에서는 프로젝트의 성격에 따라 어떤 CSS 방법론이 적합한지에 대해 살펴보겠습니다. 좋아요, 이제 그럼 CSS 방법론으로 가득 찬 캄캄한 동굴 속으로 들어가 봅시다.

Read More...

이미지 대체 기법 박물관

원문 바로가기: The Image Replacement Museum by Marie Mosley, Nov 3, 2015 CSS 이미지 대체 기법은 텍스트 요소(대부분의 경우 <h1>과 같은 머리말 태그)를 로고와 같은 이미지로 대체하는 방법입니다.

Read More...

PostCSS 안내서

원문 바로가기: An Introduction To PostCSS by Drew Minns 다른 개발 언어와 마찬가지로 CSS 역시 순환적인 발전 과정을 거칩니다. 매번 주요 배포 때마다 새로운 기능과 구문이 등장합니다. CSS 레벨 3에서 새로 배포된 기능 중 인터렉션과 관련된 것들은 예전에는 자바스크립트만을 사용하여 구현할 수 있었습니다. 하루가 멀다하고 새로운 툴이 등장하고, 그 덕분에

Read More...

CSS 속성값 구문에 대해 알아보자

원문: Understanding the CSS Property Value Syntax by Russ Weakley, 2016년 5월 16일 W3C는 전용 구문을 사용해서 각 CSS 속성에서 사용할 수 있는 값을 정의합니다. 공식 CSS 스펙 문서를 직접 훑어 본 적이 있다면, 이 구문이 나오는 것을 봤을 겁니다. 여기 border-image-slice 스펙에 나온 것 처럼요. 한번 봐볼까요?

Read More...

OOCSS(객체지향적 CSS) 소개

원문: An Introduction to Object Oriented CSS(OOCSS) by Louis Lazaris, Dec 12th 2011 “콘텐츠가 왕이다”라는 말을 들어본 적이 있는가? 웹 개발자라던가, 콘텐츠 창작과 관련된 일을 하고 있다면 들어 보았을 가능성이 크다. 상당히 과도하게 사용되는 면이 있지만, 사이트 방문자를 끌어들이기 위해 중요한 것을

Read More...

지금 CSS 레거시 코드를 쓰고 있나요?

작성일: 2016년 6월 25일 번역일: 2016년 9월 14일 원문: Are you writing legacy CSS code? by Jim Newbery CSS로 코드를 많이 작성해 본 사람이라면, 규모가 큰 레거시 코드를 가지고 작업하는 것이 얼마나 고통스러운 일인지 충분히 느꼈을 것이다. 다음에 하게 될 CSS 리팩토링 결과물이 아무런 문제 없이 안정적이게 돌아갈 것이라는 것을 어

Read More...

CSS at BBC Sports 1편

작성일: 2016년 5월 31일 원문: https://medium.com/@shaunbent/css-at-bbc-sport-part-1-bab546184e66#.ryejfpy6y 글쓴이: Shaun Bent, BBC 스포츠팀 소속 시니어 프론트엔드 개발자. 몇 주 전 BBC 스포츠팀의 CSS에 대한 트윗을 올렸는데, 많은 관심을 받았다. @BBCSport팀에서 사이트 CSS를 새로 작성

Read More...