웹 개발 읽기 목록 #141: jQuery 3, Chillout.js, 그리고 기술이 사회를 형성하는 방법

웹 개발 읽기 목록의 "그 너머" 섹션에 대한 기사를 전혀 찾을 수 없는 주들이 있습니다. 그리고 이번 주와 같은 주에는 우리가 새로운 기술과 함께 살아가는 방식과 이것이 우리 사회를 형성하는 방식 에 대해 많은 것을 보여주는 두 개의 훌륭한 작품이 나타납니다.

많은 좋은 기술 기사와 함께 다음 2주 동안 여러분을 떠날 수 있는 좋은 방법입니다. 나는 다음 주에 휴가를 떠날 것이기 때문에 다음 주 금요일에 요약이 없을 것입니다.

SmashingMag에 대한 추가 정보:

• 웹 디자인에서 콘텐츠를 지원하기 위해 아이콘을 사용하는 방법
• 훌륭한 사용자 경험의 일부인 아이콘
• 더 나은 아이콘 디자인을 위한 6가지 쉬운 단계
• 더 나은 아이콘 디자인을 위한 쉬운 단계

소식

• Opera 38(및 Chromium 51)은 반복 가능한 배열과 같은 DOM 인터페이스, 수동 이벤트 리스너, DOM의 지정된 요소가 보이는 뷰포트에 들어오거나 나가는 시점을 추적하는 Intersection Observer API와 같은 많은 새로운 ES6 기능을 제공합니다.
• 파이어폭스 47이 나왔습니다. 서비스 워커 디버깅, ::backdrop 의사 요소 지원, mp4용 EME를 통한 Widevine 콘텐츠 암호 해독, CSS 속성 선택기를 위한 대소문자 구분 수정자 i (예: [foo=bar i] )도 추가되었습니다.
• 마침내, 몇 달 간의 기다림 끝에 GitHub는 github.io 사용자 페이지에 대한 공식적이고 완전한 HTTPS 지원을 발표했습니다. HTTPS 자체는 이미 꽤 오랫동안 작동했지만 CDN에서 원본 서버로의 트래픽은 지금까지 암호화되지 않았습니다. 업데이트를 통해 이제 완전히 암호화된 사이트를 즐길 수 있습니다. 그러나 최신 브라우저에서 페이지가 깨지지 않도록 혼합 콘텐츠를 관리하십시오.
• WebKit은 이제 웹 검사기에서 메모리 디버깅을 포함합니다. 공지 게시물은 애플리케이션에서 이를 활용하는 방법을 공유합니다.
  

일반적인

• Maximiliano Firtman은 iOS 관련 메타 태그의 무책임한 사용이 많은 사용자의 웹사이트를 손상시킬 수 있는 방법을 씁니다.

도구 및 워크플로

• 개똥 벌레. Firefox의 기본 개발자 도구로 대체되었지만 그럼에도 불구하고 개발자들 사이에서 널리 수용되고 있는 도구입니다. 그러나 Firefox가 e10s(다중 프로세스 Firefox)로 전환되면 확장 기능은 더 이상 작동하지 않으며 작성자는 이제 이 확장 기능을 새 확장으로도 이식하지 않을 것이라고 발표했습니다. 대신 네이티브 개발 도구에 Firebug 테마를 제공하고 개선하는 데 중점을 둘 것입니다.
• Andrey Okonetchnikov는 git에서 현재 준비된 모든 파일을 린트할 수 있는 새로운 도구 lint-staged 를 발표했습니다.
• Cloud Four는 어제 패턴 라이브러리 및 스타일 가이드를 생성하는 도구인 Drizzle을 발표했습니다.

보안

• 최근 LinkedIn, MySpace, Tumblr 및 Twitter에서 비밀번호가 유출되면서 우리가 이전 비밀번호를 잊어버리는 경향이 있다는 것이 다시 한 번 분명해졌습니다. 그리고 그것은 비밀번호가 인증에 그다지 유용하지 않기 때문입니다. 특히 잘못된 일을 할 수 있는 두 당사자가 관련되어 있기 때문입니다(비밀번호를 저장하는 서비스 제공업체와 비밀번호를 선택하는 사용자). Drew Thomas가 인증을 개선하는 방법에 대해 자세히 설명합니다. 댓글 섹션에 훌륭한 대화가 있는 유용한 기사.

자바스크립트

• Chillout.js는 Promise 기반 인터페이스가 있는 비동기 반복 기능을 제공하여 JavaScript의 CPU 사용량을 줄입니다. 브라우저에서 더 이상 "경고: 응답하지 않는 스크립트" 경고가 표시되지 않습니다.
• Firefox의 콘솔은 JavaScript 오류에 더 도움이 되도록 노력합니다. 확인 가능한 경우 콘솔은 이제 오류에 대한 추가 정보를 얻기 위해 MDN(Mozilla 개발자 네트워크)에 대한 링크를 추가합니다.
• jQuery 3.0이 드디어 나왔습니다. 이미 2014년 이후 작업에서 v1 및 v2보다 더 슬림하고 빠르며 현대적인 접근 방식을 제공한다는 점에서 큰 단계입니다. jQuery 마이그레이션 플러그인의 새 버전과 함께 광범위한 업그레이드 가이드를 사용할 수 있습니다.
• Jack Franklin은 JavaScript를 "순수"하게 만드는 것이 중요한 이유를 공유합니다. 우리는 함수를 빌드하는 가장 쉬운 방법을 자주 사용하지만 이러한 접근 방식은 테스트 시나리오에서 종종 실패합니다. 그러나 그들은 간단한 추가로 피할 수 있습니다.
• Getify의 "Promises: All Wrong Ways"는 Promises에 대한 일반적인 접근 방식을 보여주고 더 잘할 수 있는 방법을 설명합니다. Promise를 다루는 모든 사람이 읽을 가치가 있습니다.

CSS/사스

• Shaun Bent는 BBC Sport가 9KB 미만의 파일 크기로 핵심 CSS를 제공하는 방법에 대해 썼습니다. 우리가 많은 것을 배울 수 있는 그들의 개발 및 제품 전략의 원칙을 공유하는 깊이 있는 훌륭한 이야기.

넘어…

• 새로운 유형의 미디어 소비가 우리 사회를 형성한다는 증거가 있지만, 우리는 그것에 대해 생각하는 것을 잊어버리는 경향이 있기 때문에 어떻게 일어나는지 알지 못합니다. 현재 현실이 지루하거나 지루해지면 휴대전화는 현실이 주는 어떤 것보다 더 즐겁고 생산적이며 교육적인 것을 제공합니다. 그러나 그것은 또한 우리 내부를 변화시킵니다. 우리는 현실을 있는 그대로, 특히 지루하거나 불편할 때 점점 더 인내심을 갖지 않습니다. “위험한 것은 우리 기관입니다. 기술을 통해 원하는 삶을 살고, 원하는 방식을 선택하고, 원하는 방식으로 타인과 관계를 맺을 수 있는 능력. 이것은 개인의 책임 문제가 아니라 디자인 문제입니다.”
• “우리가 자신의 신분을 그렇게 쉽게 공개하는 데는 여러 가지 이유가 있습니다. 검색에 관한 한 우리는 자신을 누락된 정보의 집합체로 보는 데 익숙하지 않습니다. 그래서 우리는 우리가 원하는 모든 것에 의해 쉽게 부정적으로 정의될 수 있다는 것을 깨닫기 위해 고군분투합니다. [...] 우리의 디지털 기술은 개인 정보 보호 부족에 대해 안심할 수 있도록 설계되었습니다.” — Luciano Floridi의 에세이 "자기 충족적 예언"에서.

그리고 그것으로 나는 이번 주에 문을 닫을 것이다. 내가 매주 쓰는 것이 마음에 든다면 기부로 저를 지원하거나 이 리소스를 다른 사람들과 공유하십시오. 여기에서 프로젝트 비용에 대해 자세히 알아볼 수 있습니다. 이메일, RSS 및 온라인을 통해 사용할 수 있습니다.