Včerejší klíčová zpráva Apple WWDC představila dva nové operační systémy. Nový MacOS je nazván El Capitan po skalní formaci v Yosemite (což většina komentátorů učinila, aby naznačila, že Apple vidí svůj další operační systém jako menší, spíše než hlavní verzi). MacOS El Capitan a iOS 9 jsou nyní k dispozici vývojářům společnosti Apple, budou zveřejněny na veřejnou beta verzi příští měsíc a budou fungovat na podzim.
Skryté mezi ohromujícími oznámeními o vyplácení Apple do celé dvou zemí (Kanada a Spojené království) a Apple's streaming music service, bylo množství informací o tom, jak Apple vidí web a roli Safari, která se vyvíjí v příštích několika letech ...
Jedním z největších oznámení pro webové designéry je implementace CSS scroll snapping. Posunutí posouvání - což je v současné době dosaženo pomocí jazyka JavaScript - je způsob, jak nastavit uvolnění na rolovacím tlačítku tak, aby se rolovací kolečko zasunulo do předdefinované pozice. Pokud jste někdy posunuli stránky s jednou stránkou, které se posunuly do další části, na rozdíl od libovolného počtu obrazových bodů jste zaznamenali přetahování.
Apple očekává, že trend pro stránky s jednou stránkou ... bude pokračovat
Je to údaj, že společnost Apple očekává, že trendy pro stránky s jednou stránkou, jejichž části budou vyplňovat celý výřez, budou pokračovat v nekvalitním.
Safari 9 zavádí následující vlastnosti přetahování CSS: -webkit-scroll-snap-type, -webkit-scroll-snap-points -y, -webkit-scroll-snap-points -x, -webkit-scroll-snap- a -webkit-scroll-snap-coordinate.
Vzhledem k tomu, že posouvání zvonění je z velké části považováno za progresivní vylepšení, může být brzy praktické přepnout tento efekt z jazyka JavaScript na CSS.
Safari 9 představuje zavěšené stránky. Připojené weby jsou způsoby, jak udržet vaše oblíbené webové stránky v prohlížeči otevřené pro rychlý přístup, aniž by se ponechalo otevřít kartu. Chcete-li používat poutkové stránky v Safari 9, stačí přetáhnout otevřenou kartu doleva a v liště záložek se vytvoří malá ikona, která vám umožní rychle přistupovat na stránku.
Uživatelé budou nepochybně očekávat, že tuto funkci využijí, takže je třeba připravit všechny weby. Chcete-li být připraveni, stačí vytvořit ikonu: zhotovte ji na černé barvě s průhledným pozadím a uložte ji jako SVG. Potom můžete propojit ikonu v hlavičce dokumentu HTML, například takto:
Chcete-li tuto ikonu zbarvit tak, aby odpovídala vaší značce, přidejte tuto metaznačku ihned za ní:
Safari 9 představuje několik vylepšení pro video HTML5.
Airplay umožňuje vlastní ovládání médií HTML5. Pomocí funkce JavaScript budete schopni rozpoznat dostupnost služby Airplay a tam, kde je to možné (např. V Safari 9), budete mít k dispozici vlastní ovládací prvky. Ideální pro každého, kdo je unavený z implicitních kontrol, který porušuje konzistenci značky.
PiP (Obraz v obraze) je styl videa, který je v televizi využíván značně. PiP zahrnuje přehrávání videa v rohu obrazovky, zatímco jiný obsah je zobrazen jinde; procházení průvodce kanálem v krabici Tivo, zatímco současný kanál hraje v rohu, je dobrým příkladem.
Safari 9, představující PiP, je neuvěřitelnou inovací pro každého, kdo má rád sledovat živé události (jako je Apple WWDC keynote), zatímco pracuje. Jako většina technologií je však PiP otevřen zneužívání; pravděpodobně uvidíte, že první inzeráty PiP se objeví v rohu prohlížeče v příštích 6 měsících. Naštěstí Safari 9 obsahuje také možnost ztlumení veškerého zvuku na všech kartách rychlým kliknutím.
Nové Apple MacBooky mají sílu dotykových trackpadů; trackpady, které detekují nejen kohouty, ale sílu, kterou klepnete. Safari 9 přináší několik nových událostí jazyka JavaScript - ironicky označených jako události myší - pro zpracování této funkce: webkitmouseforcewillbegin, webkitmouseforcedown, webkitmouseforceup a webkitmouseforcechanged.
Události dotyku jsou pravděpodobně užitečné pouze pro doplňkovou navigaci v tomto okamžiku, neboť technologie není omezena pouze na software, ale i na hardware. Nicméně pokud jsou používány jako progresivní vylepšení, otevírají některé zajímavé možnosti, zejména v oblasti herního a experimentálního designu uživatelského rozhraní.
Na první pohled vypadá, že SFSafariViewController je pro vývojáře aplikací zajímavější než weboví designéři. Umožní aplikacím zobrazovat webový obsah v aplikaci pomocí vykreslování Safari.
Navržený pro zjednodušení scénářů, jako je otevření nativní aplikace a vytvoření účtu na webové stránce společnosti, před návratem do aplikace, která se přihlásí k účtu, je důležitá věc ohledně SFSafariViewController, která umožňuje, aby web, spíše než domorodec, byl klíčový kámen online systémů společnosti. Je to malý kus softwaru, který vyvolává velmi velký krok směrem k užší integraci domorodců a webu.
JavaScript je krok blíže tomu, aby se stal jazykem OOP, který by měl být skutečně
Vývojáři jazyka JavaScript budou nadšení, když zjistí, že Safari 9 obsahuje plnou podporu tříd, výpočetních vlastností, slabých souborů, číselných objektů, osmičkových a binárních literálů, objektů symbolů a literálů šablon. Tato podpora znamená, že JavaScript je krok blíže k tomu, že se stane jazykem OOP, který by měl být skutečně nyní.
Vlastnost CSS pozadí pro filtr byla přidána do Safari 9. jsou dostupné všechny rozmazané snímky, jas, kontrast, stín, stíny ve stupních šedi, odstín barvy, invert, opacita, sytost a sépie .
Odpovědný návrhový režim byl představen v Safari 9 jako způsob rychlého přepínání rozložení v různých výřezech. Všechna zařízení Apple jsou zahrnuta jako předvolby, ale je to spíše užitečný nástroj pro prezentace klientských schůzek než dev nástroj, protože osvědčené postupy podporují obsah, na rozdíl od výřezu, hraničních bodů. Je důležité si uvědomit, že režim reagujícího designu mění pouze výřez, neimplikuje různé zařízení. Může to být užitečné jako rychlý test při každém spuštění nových zařízení Apple, než simulátory zařízení dohoní.
Webový inspektor byl přepracován. Spolu s vylepšeními uživatelského rozhraní pro vylepšení UX je kladen větší důraz na vykreslování snímků a výkon.
Některé aktualizace jsou víc než ostatní. Jeden z nejvíce vítaných, ale méně pravděpodobné, že je zaznamenáno, je zrušení prefixů prohlížeče pro více než 45 vlastností CSS. Zatímco v krátkodobém horizontu má málo starších prohlížečů, které se stále používají, čím dříve vyřazují prohlížeče předčíslí, tím dřív se s nimi rozloučíme.
Nejvýznamnějšími, které mají být bez prefixu, jsou vlastnosti flexu , přechodové vlastnosti, vlastnosti transformace a vlastnosti animace .