I gårsdagens hovedtale på Apple WWDC var det to nye operativsystemer. Den nye MacOS heter El Capitan etter en rockformasjon i Yosemite (som har blitt tatt av de fleste kommentatorer for å indikere at Apple ser sitt neste OS som en mindre, i stedet for den store versjonen). MacOS El Capitan, og iOS 9 er nå tilgjengelig for Apple-utviklere, vil bli utgitt til offentlig beta neste måned, og vil gå live i høst.
Skjult blant de underwhelming kunngjøringene om at Apple betalte ut til en hel rekke land (Canada og Storbritannia) og Apples streaming musikkjeneste, var en rekke ledetråder om hvordan Apple ser på nettet og Safaris rolle, som utvikler seg de neste årene ...
En av de største annonsene til webdesignere er implementeringen av CSS scroll snapping. Scroll snapping - som nå er oppnådd med JavaScript - er en metode for å justere letingen på en rulle slik at rullen klikker til en forhåndsdefinert posisjon. Hvis du noen gang har rullet et enkelt nettstedsside som glidet til neste del, i motsetning til et vilkårlig antall piksler, har du opplevd at du snakkes av.
Apple forventer at trenden for enkeltsidene vil fortsette
Det er en indikasjon på at Apple forventer trenden for enkeltsidene, med seksjoner som fyller hele visningsporten, for å fortsette å være uformelle.
Safari 9 introduserer følgende CSS-rulle snakkegenskaper : -webkit-scroll-snap-type, -webkit-bla-snap-poeng-y, -webkit-bla-snap-poeng-x, -webkit-bla-snap-destinasjon, og -webkit-scroll-snap-koordinat.
Ettersom scroll snapping er stort sett sett som en progressiv forbedring, kan det snart være praktisk å bytte denne effekten fra JavaScript til CSS.
Safari 9 introduserer festede nettsteder. Pinned-områder er en måte å holde favorittnettstedene dine åpne i nettleseren for rask tilgang, uten å forlate en åpen kategori. Hvis du vil bruke pinnede nettsteder i Safari 9, drar du bare en åpen kategori til venstre, og et lite ikon blir opprettet i bokmerkelinjen slik at du raskt kan få tilgang til siden.
Brukere vil utvilsomt forvente å bruke denne funksjonen, så alle nettsteder må være forberedt. For å være klar er alt du trenger å gjøre å lage et ikon: gjør det solidt svart, med gjennomsiktig bakgrunn, og lagre det som en SVG. Du kan deretter koble til ikonet i hodet på HTML-dokumentet ditt, slik som:
Hvis du vil farge ikonet for å matche merket ditt, legg til dette metatagget umiddelbart etter det:
Safari 9 introduserer et par forbedringer for HTML5-video.
Airplay tillater tilpassede kontroller for HTML5-medier. Ved hjelp av JavaScript kan du oppdage Airplay-tilgjengelighet og hvor det er mulig (dvs. i Safari 9) levere tilpassede kontroller. Ideell for alle andre som er lei av standardkontroller som bryter merkevarekonsistensen.
PiP (Picture in Picture) er en stil med video som brukes mye på TV. PiP innebærer å spille av en video i hjørnet av skjermen mens annet innhold vises andre steder; bla gjennom kanalføreren på en Tivo-boks mens den gjeldende kanalen spiller i hjørnet, er et godt eksempel.
Safari 9 introduserer PiP er en utrolig innovasjon for alle som liker å se live-hendelser (som Apple WWDC-keynote) mens de faktisk jobber. Imidlertid er, som de fleste teknologier, PiP åpen for misbruk; du vil sannsynligvis se de første PiP-annonsene dukker opp i hjørnet av nettleseren din i løpet av de neste 6 månedene. Heldigvis inkluderer Safari 9 også muligheten til å dempe all lyd over alle fanene med et raskt klikk.
Apples nye MacBooks-funksjon styrer styresporene; Trackpads som registrerer ikke bare kraner, men også den kraften du trykker på. Safari 9 introduserer flere nye JavaScript-hendelser - ironisk klassifisert som museventilstander - for å håndtere funksjonen: webkitmouseforcewillbegin, webkitmouseforcedown, webkitmouseforceup og webkitmouseforcechanged.
Force touch hendelser er bare sannsynlig å være nyttige for supplerende navigasjon på dette punktet, da teknologien ikke bare er programvare, men også maskinvare, begrenset. Men hvis de brukes som en progressiv forbedring, åpner de noen interessante muligheter, spesielt når det gjelder spill og eksperimentell brukergrensesnitt.
Ved første øyekast synes SFSafariViewController å være av større interesse for appdesignere enn webdesignere. Det vil tillate apper å vise webinnhold i en app ved hjelp av Safari-gjengivelsen.
Konstruert for å effektivisere scenarier som å åpne en innfødt app, og deretter opprette en konto på selskapets nettside, før den går tilbake til en app for å logge på kontoen, er det viktig med SFSafariViewController som gjør at web, i stedet for innfødte, kan være den keystone av et selskaps elektroniske systemer. Det er et lite stykke programvare som gnister et veldig stort skritt mot nærmere integrering av innfødte og web.
JavaScript er et skritt nærmere å bli OOP-språket som det egentlig burde være
JavaScript-utviklere vil være begeistret for å vite at Safari 9 inneholder full støtte for klasser, beregnede egenskaper, svakt sett , tallobjekt , oktal og binær bokstav, symbolobjekter og malte bokstaver. Denne støtten betyr at JavaScript er et skritt nærmere å bli OOP-språket som det egentlig burde være nå.
Bakgrunnsfilter-CSS-egenskapen er lagt til i Safari 9. Blur, lysstyrke, kontrast, skygge, gråtoner, fargetone, inverter, opasitet, mettet og sepia- filtre er alle tilgjengelige.
Responsive designmodus er innført i Safari 9 som en måte å gi rask bytte av layouter på tvers av ulike visningsportaler. Alle Apple-enheter er inkludert som forhåndsinnstillinger, men det er mer et nyttig presentasjonsverktøy for klientmøter enn et dev-verktøy som beste praksis favoriserer innhold, i motsetning til visningsport, brytepunkter. Det er viktig å merke seg at responsiv designmodus bare endrer visningsporten, det simulerer ikke forskjellige enheter. Det kan være nyttig som en rask test når nye Apple-enheter lanseres, før enhetssimulatorer blir tatt opp.
Nettinspektøren har blitt omformet. Sammen med noen UI-tweaks for å forbedre UX, er det større vekt på rammeavkastning og ytelse.
Noen oppdateringer er mer velkommen enn andre. En av de mest velkomne, men mindre sannsynlig å bli lagt merke til, er å droppe nettleserprefikser for over 45 CSS-egenskaper. Selv om det ikke er lite på kort sikt med eldre nettlesere som fortsatt er i bruk, slipper de tidligere nettleserne prefikser, jo raskere vil vi si farvel til dem for godt.
Det viktigste for å gå prefiksfri er flexegenskapene , overgangseiendommene , transformasjonsegenskapene og animasjonsegenskapene .