Nawet nie wiesz ile potrafi Twoja przeglądarka

Transcript

1. 2017 NAWET NIE WIESZ ILE POTRAFI TWOJA PRZEGLĄDARKA
2. 2017 CZEŚĆ
3. 2017 CZEŚĆ Bartłomiej Krztuk Lead E-Commerce Developer @ Samlerhuset @BartekKrztuk krztuk.pl
5. 2017 Dlaczego Chrome? •Zaawansowany debugger JavaScript •Ogromna ilość rozszerzeń w tym rozszerzenia dedykowane np. Dla Angular, React, Vue •Wbudowany emulator urządzeń
6. 2017 #0 T-REX GAME
8. 2017 #1 CONTENT EDITABLE
9. 2017 Sprawdź jak układa się tekst na żywo document.body.contentEditable=true (Chrome) document.designMode = “on” (Safari)
10. 2017 #2 DEVICE EMULATION MODE
11. 2017 Device emulation - reprezentuje przybliżony widok na urządzeniu mobilnym - wspiera ekrany Retina, HDPI (4x, 2x, 1,7x itp) - Dotyk (touch events) - Geolokalizacja - Orientacja urządzenia (widok horyzontalny, wertykalny)
12. 2017 #3 ZRZUTY EKRANU
13. 2017 Full page screenshot - CTRL/CMD + SHIFT + P (Command menu) - Capture screenshot - Capture full size screenshot Działa także w trybie mobilnym
14. 2017 #4 PALETA KOLORÓW
15. 2017 Color chooser - Aktualna paleta kolorów - Łatwa konwersja RGB ➝ HEX - Color picker (próbnik kolorów)
16. 2017 #5 NIEUŻYWANY CSS/JAVASCRIPT
17. 2017 Coverage - Dev tools ➝ dodaj zakładkę - Coverage
18. 2017 #6 BLOKOWANIE ZASOBÓW
19. 2017 Resource blocking - Dev tools ➝ Network - Start recording - Block request URL
20. 2017 #7 TAŚMA FILMOWA
21. 2017 Film strip - Dev tools ➝ Network - Camera icon
22. 2017 API
23. 2017 #8 BATTERY API
24. 2017 Poziom baterii Navigator.getBattery() Navigator.battery
25. 2017 #9 VIBRATION API
26. 2017 Vibration window.navigator.vibrate(200); window.navigator.vibrate([200]); window.navigator.vibrate([200,100,200])
27. 2017 #10 SPEECH API
28. 2017 Speech API var msg = new SpeechSynthesisUtterance('Hello World'); window.speechSynthesis.speak(msg); msg.lang = ‘pl-PL’ msg.rate = ‘0.7’ msg.text = ‘Witaj’
29. 2017 #00 TABAGOTCHI
30. 2017 Jak radzić sobie z zakładkami http://tabagotchi.com/
31. 2017 PYTANIA?
32. 2017 PREZENTACJA DOSTĘPNA NA www.krztuk.pl
33. 2017 DZIĘKUJĘ ZA UWAGĘ