Wczorajszy keynote w Apple WWDC zawierał dwa nowe systemy operacyjne. Nowy MacOS został nazwany El Capitan po formacji skalnej w Yosemite (który został przyjęty przez większość komentatorów, aby wskazać, że Apple widzi swój następny system jako mniejszą, a nie główną wersję). MacOS El Capitan i iOS 9 są już dostępne dla programistów Apple, w przyszłym miesiącu zostaną udostępnione publicznie w wersji beta i będą dostępne jesienią.
Ukryte wśród beznadziejnych zapowiedzi o wypłacie Apple do dwóch krajów (Kanady i Wielkiej Brytanii) oraz usługi strumieniowego przesyłania muzyki Apple, zawierały wiele wskazówek na temat tego, jak Apple widzi Internet, a także rolę Safari, ewoluującą w ciągu najbliższych kilku lat ...
Jednym z największych ogłoszeń dla projektantów stron internetowych jest implementacja przyciągania przewijania CSS. Przewiń przyciąganie - które jest obecnie osiągane za pomocą JavaScript - jest metodą dostosowywania łagodzenia w przewijaniu, tak aby przewijanie było przyciągane do predefiniowanej pozycji. Jeśli kiedykolwiek przewinąłeś jedną stronę strony, która została przesunięta do następnej sekcji, w przeciwieństwie do dowolnej liczby pikseli, zauważyłeś przyciąganie przewijania.
Apple spodziewa się, że trend dla stron z jedną stroną ... będzie kontynuowany
Wskazuje to, że Apple oczekuje trendów dla stron z jedną stroną, z sekcjami wypełniającymi całą widoczność, aby kontynuować bez żadnych ograniczeń.
Safari 9 wprowadza następujące właściwości przyciągania przewijania CSS: -webkit-scroll-snap-type, -webkit-scroll-snap-points-y, -webkit-scroll-snap-points-x, -webkit-scroll-snap-destination, i -webkit-scroll-snap-coordinate.
Ponieważ przyciąganie przewijania jest w dużej mierze postrzegane jako postępowe ulepszenie, wkrótce może być praktyczne przestawienie tego efektu z JavaScript na CSS.
Safari 9 wprowadza przypięte witryny. Przypięte witryny to sposób na utrzymanie ulubionych stron internetowych otwartych w przeglądarce w celu szybkiego dostępu, bez pozostawiania otwartej karty. Aby korzystać z przypiętych stron w przeglądarce Safari 9, wystarczy przeciągnąć otwartą kartę po lewej stronie, a na pasku zakładek zostanie utworzona mała ikona, co umożliwi szybki dostęp do strony.
Użytkownicy niewątpliwie będą oczekiwać użycia tej funkcji, więc wszystkie witryny muszą być przygotowane. Aby być gotowym, wystarczy, że utworzysz ikonkę: uczyń ją jednolitą czernią, z przezroczystym tłem i zapisz ją jako SVG. Następnie możesz utworzyć link do ikony w nagłówku dokumentu HTML, na przykład:
Jeśli chcesz pokolorować ikonę, aby pasowała do marki, dodaj ten metatag bezpośrednio po nim:
Safari 9 wprowadza kilka ulepszeń do filmów HTML5.
Airplay umożliwia niestandardowe formanty dla mediów HTML5. Za pomocą JavaScriptu będziesz w stanie wykryć dostępność Airplay i gdzie to możliwe (np. W Safari 9) dostarczyć niestandardowe formanty. Idealny dla każdego, kto jest zmęczony domyślnymi kontrolkami, które łamią spójność marki.
PiP (Picture in Picture) to styl wideo, który jest szeroko stosowany w telewizji. PiP polega na odtwarzaniu wideo w rogu ekranu, podczas gdy inne treści są oglądane w innym miejscu; przeglądanie przewodnika po kanale w urządzeniu Tivo, podczas gdy bieżący kanał odtwarzany jest w rogu, jest dobrym przykładem.
Safari 9 wprowadzające PiP to niesamowita innowacja dla każdego, kto lubi oglądać wydarzenia na żywo (takie jak przemówienie Apple WWDC), podczas gdy faktycznie działa. Jednak, podobnie jak większość technologii, PiP jest otwarte na nadużycia; najprawdopodobniej zobaczysz pierwsze reklamy PiP pojawiające się w rogu przeglądarki w ciągu najbliższych 6 miesięcy. Na szczęście Safari 9 zawiera również opcję wyciszenia dźwięku na wszystkich kartach za pomocą szybkiego kliknięcia.
Nowe MacBooki Apple wyposażone są w dotykowe trackpady dotykowe; trackpady, które wykrywają nie tylko dotknięcia, ale siłę, z jaką dotykasz. Safari 9 wprowadza kilka nowych zdarzeń JavaScript - ironicznie sklasyfikowanych jako zdarzenia myszy - w celu obsługi funkcji: webkitmouseforcewillbegin, webkitmouseforcedown, webkitmouseforceup i webkitmouseforcechanged.
Wymuszone zdarzenia dotykowe mogą być przydatne tylko w przypadku dodatkowej nawigacji w tym miejscu, ponieważ technologia nie jest tylko oprogramowaniem, ale również sprzętem, ograniczona. Jednakże, jeśli są one używane jako progresywne ulepszenia, otwierają pewne interesujące możliwości, szczególnie w dziedzinie gier i eksperymentalnego projektowania interfejsu użytkownika.
Na pierwszy rzut oka wydaje się, że SFSafariViewController jest bardziej interesujący dla projektantów aplikacji niż dla projektantów stron internetowych. Pozwoli to aplikacjom wyświetlać zawartość internetową w aplikacji przy użyciu renderowania Safari.
Zaprojektowany do usprawniania scenariuszy, takich jak otwieranie rodzimej aplikacji, a następnie tworzenie konta na stronie internetowej firmy, przed powrotem do aplikacji, aby zalogować się na konto, istotną rzeczą w SFSafariViewController jest to, że sieć, a nie natywna, jest kluczowy element systemów online firmy. Jest to małe oprogramowanie, które stanowi bardzo duży krok w kierunku ściślejszej integracji natywnych i internetowych.
JavaScript jest o krok bliżej stania się językiem OOP, tak jak powinien
Programiści JavaScript będą podekscytowani faktem, że Safari 9 zawiera pełne wsparcie dla klas, właściwości obliczeniowych, słabego zestawu, obiektu liczbowego, ósemkowych i binarnych literałów, obiektów symboli i literałów szablonu. To wsparcie oznacza, że JavaScript jest o krok bliżej stania się językiem OOP, który tak naprawdę powinien już być.
Właściwość CSS filtru tła została dodana do przeglądarki Safari 9. dostępne są rozmazanie, jasność, kontrast, cienie, skala szarości, odbarwianie, odwracanie, przezroczystość, nasycenie i filtry sepii .
Responsywny tryb projektowania został wprowadzony w Safari 9 jako sposób szybkiego przełączania układów w różnych rzutniach. Wszystkie urządzenia Apple są uwzględnione jako ustawienia wstępne, ale jest to bardziej przydatne narzędzie do prezentacji spotkań dla klientów niż narzędzie dla deweloperów, ponieważ najlepsze praktyki sprzyjają treściom, w przeciwieństwie do widoku, punktów przerwania. Należy pamiętać, że tryb projektowania responsywnego zmienia tylko rzutnię, nie symuluje różnych urządzeń. Może być przydatny jako szybki test przy każdym uruchomieniu nowych urządzeń Apple, zanim symulatory urządzeń nadrobią zaległości.
Inspektor sieci został przeprojektowany. Wraz z poprawkami UI poprawiającymi UX, większy nacisk kładzie się na renderowanie klatek i wydajność.
Niektóre aktualizacje są bardziej pożądane niż inne. Jednym z najbardziej pożądanych, ale mniej prawdopodobnych do zauważenia, jest upuszczanie prefiksów przeglądarki dla ponad 45 właściwości CSS. Podczas gdy w krótkim czasie robi niewiele, a starsze przeglądarki wciąż są w użyciu, im wcześniej przeglądarki upuszczą prefiksy, tym szybciej pożegnamy się z nimi na dobre.
Najważniejsze, aby przejść bez prefiksów są właściwości flex, właściwości przejścia, właściwości transformacji i właściwości animacji .