Eilisen keinoteltu Apple WWDC: ssä sisälsi kaksi uutta käyttöjärjestelmää. Uusi MacOS on nimeltään El Capitan Yosemiten kallionmuodostuksen jälkeen (jota useimmat kommentaattorit ovat ottaneet mukaan osoittamaan, että Apple näkee seuraavan käyttöjärjestelmän pienemmiksi kuin suuriksi versioksi). MacOS El Capitan ja iOS 9 ovat nyt saatavilla Applen kehittäjille, julkaistaan ​​ensi kuussa julkiselle beta-ohjelmalle ja tulevat elämään syksyllä.

Piilotettu Apple-palkkioon liittyvistä alhaisista ilmoituksista koko kahdelle maalle (Kanadalle ja Yhdistyneelle kuningaskunnalle) sekä Applen suoratoistopalvelusta oli lukuisia vihjeitä siitä, miten Apple näkee Webin ja Safarin roolin, joka muuttuu lähivuosina ...

1) Vieritä napauttamalla

Yksi suurimmista ilmoituksista web-suunnittelijoille on CSS: n selauksen purkamisen toteutus. Scroll-napauttaminen - joka on tällä hetkellä JavaScriptin avulla saavutettu - on keino säätää helpotusta vierittämällä, niin että vieritys napsahtaa ennalta määrätyn sijainnin. Jos olet aina vierittänyt yhtä sivupohjaa, joka siirtyi seuraavaan osiin, toisin kuin mielivaltaisen määrän pikseleitä, olet kokenut selaamalla napauttamalla.

Apple odottaa, että yhden sivun sivustojen kehitys jatkuu

Tämä on osoitus siitä, että Apple odottaa, että yhden sivun sivustojen trendi, jossa on koko näkymä, täyttyvät.

Safari 9 tuo esiin seuraavat CSS -scroll-napautusominaisuudet : -webkit-scroll-snap-type, -webkit-scroll-snap-points-y, -webkit-scroll-snap-points-x, -webkit-scroll-snap- ja -webkit-scroll-snap-coordinate.

Koska selauksen napautus nähdään suurelta osin progressiivisena lisälaitteena, sen voi pian vaihtaa JavaScriptin CSS: ään.

2) Liitetyt paikat

Safari 9 esittelee kiinnitetyt sivut. Liitettyjen sivustojen avulla voit pitää suosikkisivustosi avoinna selaimessa nopean käytön estämättä jättämättä välilehteä auki. Jos haluat käyttää tukikohdat Safari 9: ssa, vedä vain avoin välilehti vasemmalle ja kirjanmerkkipalkkiin luodaan pieni kuvake, jonka avulla voit nopeasti käyttää sivua.

Käyttäjät epäilemättä käyttävät tätä ominaisuutta, joten kaikkien sivustojen on oltava valmiita. Jotta voit olla valmis, sinun tarvitsee vain luoda kuvake: tee se kiinteällä mustalla läpinäkyvällä taustalla ja tallenna se SVG: ksi. Voit sitten linkittää kuvakkeen HTML-asiakirjan päähän, kuten:

Jos haluat värittää kuvakkeen vastaamaan tuotemerkkiasi, lisää tämä sisällönkuvauskenttä heti sen jälkeen:

3) HTML5-videoiden parannukset

Safari 9 tuo esiin muutaman parannuksen HTML5-videolle.

Airplay mahdollistaa mukautetut ohjaimet HTML5-medialle. JavaScriptin avulla pystyt havaitsemaan AirPressin saatavuuden ja mahdollisuuksien mukaan (esim. Safari 9: ssä). Ihanteellinen kenellekään muulle, joka on väsynyt oletusarvojen kontrolloimiseen.

PiP (Picture in Picture) on videon tyyli, jota käytetään laajasti televisiossa. PiP: ssä on videon toistaminen näytön nurkassa, kun taas muuta sisältöä katsellaan muualla; selailemalla kanavaopasta Tivo-ruutuun samalla, kun nykyinen kanava kulkee nurkassa, on hyvä esimerkki.

Safari 9: n käyttöönotto PiP: ssä on uskomaton innovaatio kaikille, jotka haluavat katsella live-tapahtumia (kuten Applen WWDC-keynot), vaikka he todella työskentelevät. Kuitenkin, kuten useimmat tekniikat PiP on avoin väärinkäytölle; todennäköisesti näet ensimmäiset PiP-mainokset, jotka avautuvat selaimen nurkassa seuraavien 6 kuukauden aikana. Onneksi Safari 9 sisältää myös mahdollisuuden nollata kaikki äänet kaikkiin välilehtiin nopeasti napsauttamalla.

4) Kosketa kosketustapahtumia

Applen uusilla MacBook-tietokoneilla on tehokas kosketuslevy; ohjauslevyt, jotka tunnistavat paitsi koskettamia, mutta voiman, jolla napautat. Safari 9 esittelee useita uusia JavaScript-tapahtumia - ironisesti luokiteltuja hiiren tapahtumiin - käsitellä ominaisuutta: webkitmouseforcewillbegin, webkitmouseforcedownown, webkitmouseforceup ja webkitmouseforcechanged.

Force touch -tapahtumat ovat todennäköisesti hyödyllisiä lisäalennukselle tässä vaiheessa, koska tekniikka ei ole pelkästään ohjelmisto vaan myös laitteisto, rajoitettu. Kuitenkin, jos niitä käytetään progressiivisena lisälaitteena, ne avaavat mielenkiintoisia mahdollisuuksia erityisesti pelaamisen ja kokeellisen UI-suunnittelun alalla.

5) SFSafariViewController

Ensi silmäyksellä SFSafariViewController vaikuttaa kiinnostavalta app-suunnittelijoilta kuin web-suunnittelijoilta. Sen avulla sovellukset voivat näyttää verkkosisällön sovelluksessa sovelluksen avulla.

SFSafariViewController on suunniteltu selkeyttämään skenaarioita, kuten natiivisovelluksen avaaminen ja tilin luominen yrityksen verkkosivulla ennen kuin palaa sovellukseen kirjautuakseen tiliin. SFSafariViewController on tärkeä asia, joka sallii verkon sijaan natiivin yrityksen verkkojärjestelmien peruskivi. Se on pieni ohjelmisto, joka herättää erittäin suuren askeleen lähemmäs äidinkielen ja verkon integraatiota.

6) ECMAScript 6

JavaScript on askeleen lähemmäksi tulossa OOP-kieltä, jonka pitäisi todellakin olla

JavaScript-kehittäjät ovat innoissaan oppimaan, että Safari 9 sisältää täyden tuen luokkiin, laskettuihin ominaisuuksiin, heikkoihin asetuksiin, numeroobjektiin, oktaali- ja binääriluvuteksteihin, symboliobjekteihin ja mallipohjaisiin kirjaimiin. Tämä tuki tarkoittaa sitä, että JavaScript on askel lähempänä OOP-kieltä tulossa siihen, että sen pitäisi olla jo nyt.

7) CSS-suodattimet

Taustasuodattimen CSS-ominaisuus on lisätty Safari 9. Kaikki on saatavana hämärtymistä, kirkkautta, kontrastia, pudotusvarjoja, harmaasävyjä, värisävyä kiertäviä, käänteisiä, opasiteettia, saturoitumista ja seepian suodattimia.

8) Kehittäjätilapäivitykset

Safari 9: ssä on otettu käyttöön reagoiva suunnittelumoodi, jolla voidaan luoda nopeita asettelumalleja eri näkökulmista. Kaikki Apple-laitteet sisältyvät esiasetuksiin, mutta se on hyödyllisempi esittelytyökalu asiakkaiden kokouksissa kuin dev-työkalu, sillä parhaat käytännöt suosivat sisältöä, toisin kuin näkymäportti, raja-arvot. On tärkeää huomata, että reagoiva muotoilu muuttaa vain näkymää, mutta se ei simuloi eri laitteita. Se voi olla hyödyllinen pikakokeessa, kun uusia Applen laitteita käynnistetään, ennen kuin laite simulaattorit tulevat kiinni.

Verkkotarkastaja on uudistettu. Yhdessä UI: n parannuksia UX: n parantamiseksi kehyksen renderointi ja suorituskyky korostuvat entisestään.

9) Epäedullinen CSS

Jotkut päivitykset ovat tervetulleita toisiin verrattuna. Yksi tervetullut, mutta vähemmän todennäköisesti huomattu, on selaimen etuliitteiden pudottaminen yli 45 CSS-ominaisuudelle. Vaikka se ei ole kovin lyhyellä aikavälillä vanhojen selainten ollessa yhä käytössä, sitä nopeammin selaimet laskevat etuliitteitä, sitä nopeammin sanomme heille hyvästä.

Merkittävimpiä etuliitteettömiksi ovat flex- ominaisuudet, siirtymäominaisuudet , muunnosominaisuudet ja animaatioominaisuudet .