LIGHTHOUSE 썸네일형 리스트형 DevTools in 2016: Accelerate your workflow 요약 DevTools에 새롭게 추가된 기능에 대한 세션입니다. - 새로운 기능은 chrome canary 버전에서 chrome://flags 에서 Enable Developer Tools experiments를 활성화해야 사용할 수 있음- Authoring - Device mode - Mobile first를 먼저 하길 권장. 이에 맞춰 개선했음 - responsive design을 쉽게 확인하도록 다양한 사이즈를 쉽게 선택해서 볼 수 있음 - 디바이스 회전 아이콘을 클릭하면 키보드 노출 화면도 확인 가능 - settings - show the device frame 을 선택하면 기기의 프레임을 보여줌. - 스크린샷 촬영 가능 - 기기를 추가할 수 있고 - device pixel ratio 지정 가능 - ne.. 더보기 Great libraries and tools for great Progressive Web Apps 요약 오늘 본 비디오는 Great libraries and tools for great Progressive Web Apps 입니다. 솔직히 제목에 혹~! 했습니다만 막상 비디오를 다 보고 나니 동영상에 나온 것들을 적용하려면 고민을 많이 해야 할 것 같더군요. 동영상의 내용은 대략 다음과 같습니다. Progressive Web Apps 은 웹에서의 최신 유행어다. - PWA는 최신 기술을 많이 사용하고 - PWA를 만들면 사용자에게 유용하고, 사용성이 높고, 즐거운 경험을 줄 수 있다. PWA를 만드려면 만드는 방법의 변화가 필요하다. - 예전 웹 - 예전에는 고수준의 기능으로 웹페이지를 만들었다. - 이미지를 보여주고 싶으면 이미지 태그를 사용하고, 테이블을 보여주고 싶으면 테이블 태그를 사용했다. - 확.. 더보기 이전 1 다음