이 기사의 편집본은 웹 디자이너와 개발자를위한 세계에서 가장 많이 팔리는 잡지 인 .net 잡지 225 호에 처음 게재되었습니다.
@twostepmedia : 웹 페이지에서 무거운 작업은 어디에서해야합니까? 프런트 엔드 또는 백엔드에서?
Lea Verou : 저는 클라이언트에서 할 수있는 모든 일을하는 것을 강력하게지지합니다. 코드가 클라이언트에서 실행될 때 프로젝트가 아무리 성공하더라도 항상 하나의 컴퓨터를 처리해야합니다.
프로젝트가 성공하면 서버에 작성하는 모든 내용을 초당 수천 번 실행해야 할 수 있으므로 사이트가 성장함에 따라 유지 관리 및 확장이 점점 더 어려워집니다. 웹 사이트의 수입으로 거의 충당 할 수없는 호스팅 비용 증가는 말할 것도 없습니다. 물론 많은 클라이언트 측 로직이 사이트로드를 느리게 만들 수 있지만 gzipping 및 난독 화, 가장 중요한 지연로드와 같은이를 방지 할 수있는 도구가 있습니다.
@komiska : 당신의 작업은 굉장합니다! 기술 경로를 따르도록 영감을 준 사람은 누구입니까?
LV : 감사합니다! 누군가에게 영감을받는 문제가 아니라고 생각합니다. 나는 내 자신을 기억할 수 있기 때문에 물건을 만드는 것을 좋아했습니다. 어렸을 때 주방용 스펀지 물티슈로 지갑과 핸드백을 만들었습니다!
12 살쯤되었을 때 프로그래밍을 통해 손으로 만드는 것보다 더 쉽고 전문적으로 유용한 것을 만들 수 있다는 것을 알게되었습니다. 그것은 저를 너무나 매료 시켰습니다. 저는 즉시 프로그래밍에 빠져 들었고 더 잘하기 위해 계속 노력했습니다.
@jelmerdemaat : @LeaVerou는 어떻게 @dabblet을 만들었습니까? 어떤 PHP 프레임 워크 / 기타 백엔드 기술을 사용합니까? 가장 어려운 부분은 무엇입니까?
LV : Dabblet에는 데이터베이스가 없으며 관련된 서버 측 코드가 최소화됩니다. 작은 PHP는 OAuth에만 사용되며 주변에 멍청한 크롬없이 공유 할 결과 페이지를 생성합니다 (버그 보고서 테스트 케이스에 유용함). Github 통계에서 볼 수 있듯이 PHP는 dabblet의 3 %만을 차지합니다. 다른 모든 것은 클라이언트 측입니다. 이는 jsfiddle 상황을 피하는 데 도움이됩니다. jsfiddle은 서버에서 모든 작업을 수행하므로 성공 했으므로 서버로드가 지붕을 통과하여 느려졌습니다.
@_dte : 곧 출시 될 CSS 기능 중 가장 흥미로운 것은 무엇입니까?
LV : 확실히 필터 효과. 그들은 우리가 이전에는 불가능했던 일을 할 수있게 해줍니다. 나는 레이아웃 모듈에 대해별로 흥분하지 않습니다. a) 그것들은 우아하게 전혀 저하되지 않기 때문에 우리가 그것을 사용할 수 있기까지 오래 걸릴 것입니다. 그리고 b) 레이아웃은 항상 가능했고, 불필요하게 힘들었습니다. 물론 새로운 레이아웃 모듈도 매우 중요하지만 저를 흥분시키는 것은 아닙니다.
뷰포트 관련 단위에 대해서도 매우 빠져 있습니다. 폭스 바겐 과 vh CSS3 확장은 attr () 우리가 사용할 수있게하는 기능 attr () 모든 재산에서.
Opera가 구현하는 것 외에 다른 브라우저도보고 싶습니다. 개체 맞춤 과 물체 위치, 다른 종횡비로 이미지를 자르는 배경 해킹 사용을 중지 할 수 있습니다.
@gpirie : CSS에 도입되기를 바라는 기능은 무엇입니까?
LV : A 흐름() 다른 속성의 계산 된 값을 참조 할 수있는 함수입니다. 일반화처럼 currentColor (그러면 별칭이됩니다. 전류 (색상)). 물론 이런 것을 구현하는 것은 매우 까다 롭지 만 현실이 꿈을 멈추는 것은 아닙니다!
@kevdog : 가장 흔한 CSS 실수 세 가지는 무엇입니까?
LV : 내가 본 가장 흔한 CSS 실수는 사람들이 깔끔하고 유지 보수가 가능하고 유연한 코드가 아닌 결과에 초점을두고 CSS를 코딩하는 것입니다 (그리고 거의 리팩터링하지 않음). 중요한 것은 외모 지금은 특정 배경, 특정 환경 및 특정 크기를 사용합니다. 그것은 할 수 있어야합니다 개조 하다 예측할 수없는 방식으로 모든 규칙을 다시 작성할 필요없이 쉽게 변경할 수 있습니다.
무언가를 결코 바꾸지 않을 것이라고 생각할 수도 있지만 충분한 시간이 주어지면 거의 틀림없이 틀린 것으로 입증 될 것입니다. CSS 전처리 기가이를 도울 수 있습니다. 쉽게 빠져 나갈 수 있지만 엉성하고 반복적 인 코드보다 확실히 낫습니다.
또 다른 실수는 지나치게 장황한 CSS입니다. 사람들은 기본값을 모르기 때문에 계속해서 재정의합니다. 그들은 속기를 인식하지 못하기 때문에 대신 longhand 속성을 계속 정의합니다. 일부러 그런 일을해야하는 경우가 있지만 그것이 모든 일에서 방어 적으로해야하는 이유는 아닙니다.
@kevdog : CSS 사양에서 한 가지만 변경할 수 있다면 무엇일까요?
LV : CSSWG의 거의 모든 사람들이 동의하는 많은 제안이 있지만 웹에서 기존의 광범위한 사용이 중단되어 추가 할 수 없습니다. 일반적으로 WG는 기본값을 변경하지 않고이를 모두 거부하거나 동작을 제어하기 위해 더 많은 속성을 추가합니다. 기존 웹 사이트가 중단되지 않도록 이전 버전과 호환되지 않는 변경 사항을 선택하는 방법을 찾고 싶습니다. 오래 전에 다른 언어에서이 문제를 해결했지만 HTML 및 CSS를 사용하여 우수한 언어 디자인 비용으로 이전 버전과의 호환성을 위해 계속 노력하고 있습니다.
@StuRobson : 개발자가 모든 것을 이해하지 않고 프레임 워크 나 상용구를 사용하는 것이 게으르다 고 생각하십니까?
LV : 아니요.하지만 개발자가 개인적으로 필요없이 프레임 워크 나 상용구를 사용하는 것은 게으르다 고 생각합니다. 아직 가지고 있지 않은 문제를 해결하려고하는 것은 비생산적입니다.
@folktrash : "연예인"은 어느 시점에서 일어 났습니까? 어떻게 알았어? 그리고 그것이 복음화하는 코드 품질 / 의미론을 돕거나 방해합니까?
LV : 감사합니다.하지만 그렇게 부를 수 있을지 모르겠습니다. 모든 사람들은 자신이 전혀 모르는 사람보다 더 잘 알려진 사람을 생각하는 경향이 있습니다. 결과적으로 모든 사람은 자신의 명성을 과대 평가하는 자연스러운 경향이 있으며,이 현상을 인식 할 때 인위적으로 (거의 맹목적으로) 균형을 맞춰야합니다. 우리는 또한 우리 업계의 어느 누구도 실제로 유명인이 아니며, 누구도 가명도 없다는 것을 명심해야합니다.
그렇긴하지만 2011 년은 미쳤고, 제가 바랐던 작업에 대해 더 많은 인정을 받았음이 분명합니다. 웹 표준을 전파하는 데 확실히 도움이됩니다. 사람들은 1 년 전보다 지금 내가 말할 때 훨씬 더 많은 관심을 기울입니다. 그러나 이것은 내가 말하는 것이 과도하게 분석되고 사람들이 너무 많은 것을 읽고 내가 생각조차하지 않은 견해를 가지고 있다고 생각하는 나를 공격 할 수있는 대가로옵니다. 아니면 가끔은 단지 조회수를 얻기 위해서입니다.
@Tawreh : 왜 당신은 업계의 여성에 대해 그렇게 광신적인가? 나는 평등의 필요성을 이해하지만 당신은 그것을 극도로 밀어 붙입니다.
LV : "극단적 인 평등"이라는 말을 처음 들었습니다. 평등은 절대 극단적 일 수 없으며, 인종 차별과 같은 다른 종류의 차별에 대해 그런 말을하는 사람은 아무도 없을 것입니다. 극단적 인 것은 "역 차별"또는 "교정 편향"이며 저는 그것에 강력히 반대합니다.
즉, 나는 업계에서 여성에 대해 전혀 "광신적"이지 않으며, 규범적인 성별 고정 관념에 대해 "광신적"입니다. 나는 우리 업계에서 성 차별을 거의 보지 못했습니다. 사람들은 오래 전에 교훈을 얻은 것 같습니다. 우리 업계에서 여성의 낮은 참여도는 더 이상 환영받지 못한다고 느끼기 때문이라고 생각하지 않습니다. 여성을 공학에서 멀어지게하는 것은 젠더 사회의 나머지 부분입니다. 어린 소녀들은 소년 장난감만큼인지 능력을 개발하도록 격려하지 않는 장난감을 가지고 놀습니다. 아동용 영화와 장난감은 젠더 고정 관념의 가장 나쁜 영속 자이며 거기에서는 관심이 거의 보이지 않습니다. 모든 사람은 처음부터 실수를 저 지르지 않고 실수를 수정하는 대신 성인에게 노력을 집중하는 것 같습니다.
@komiska : 글꼴 두께에 대한 전환이 있습니까?
LV : 사양에서 "그렇게 간단하지 않습니다"라는 메모를 인용합니다. 대부분의 속성에는 부드러운 전환을위한 충분한 가중치가 없으며, CSS로 표현할 방법이 없기 때문에 브라우저가 중간 상태를 생성 할 수 없습니다. 즉, 우리는 결국 크로스 페이드 () CSS4 이미지 값에서 이미지뿐만 아니라 모든 CSS 값에 적용하여 대부분의 전환 문제를 해결하고 정적으로 활용할 수있는 강력한 도구를 제공합니다.
