Η χθεσινή εκδήλωση στο Apple WWDC χαρακτήρισε δύο νέα λειτουργικά συστήματα. Το νέο MacOS ονομάζεται El Capitan μετά από ένα σχηματισμό βράχου στο Yosemite (το οποίο έχει ληφθεί από τους περισσότερους σχολιαστές για να δείξει ότι η Apple βλέπει το επόμενο λειτουργικό του σύστημα ως μια δευτερεύουσα και όχι σημαντική έκδοση). Το MacOS El Capitan και το iOS 9 είναι τώρα διαθέσιμα στους προγραμματιστές της Apple, θα κυκλοφορήσουν στο public beta τον επόμενο μήνα και θα κυκλοφορήσουν το φθινόπωρο.
Κρυμμένο ανάμεσα στις εντυπωσιακές ανακοινώσεις σχετικά με την πληρωμή της Apple σε ολόκληρες δύο χώρες (τον Καναδά και το Ηνωμένο Βασίλειο) και την υπηρεσία μουσικής συνεχούς ροής της Apple, υπήρχαν ορισμένες ενδείξεις για το πώς η Apple βλέπει τον Ιστό και ο ρόλος του Safari εξελίσσεται τα επόμενα χρόνια ...
Μία από τις μεγαλύτερες ανακοινώσεις για τους σχεδιαστές ιστοσελίδων είναι η εφαρμογή του CSS scroll snapping. Η μετατόπιση κύλισης - η οποία επιτυγχάνεται με τη χρήση του JavaScript - είναι μια μέθοδος προσαρμογής της χαλάρωσης σε ένα κύλινδρο έτσι ώστε το κύλιση να ασφαλίζει σε μια προκαθορισμένη θέση. Αν έχετε μετακινηθεί ποτέ σε έναν ιστότοπο μιας σελίδας που μετατοπίστηκε στην επόμενη ενότητα, σε αντίθεση με έναν αυθαίρετο αριθμό εικονοστοιχείων, έχετε δοκιμάσει να μετακινηθείτε με κύλιση.
Η Apple αναμένει ότι η τάση για τοποθεσίες μίας σελίδας ... θα συνεχιστεί
Είναι μια ένδειξη ότι η Apple αναμένει ότι η τάση για ιστότοπους μίας σελίδας, με τμήματα που γεμίζουν ολόκληρο το παράθυρο προβολής, θα συνεχιστεί αμείωτα.
Το Safari 9 εισάγει τις ακόλουθες ιδιότητες πρόσπτωσης κύλισης CSS: -webkit-scroll-snap-type, -webkit-scroll-snap-points-y, -webkit-scroll-snap-points -x, και -webkit-scroll-snap-coordinate.
Καθώς η αποκοπή κύλισης θεωρείται σε μεγάλο βαθμό ως μια προοδευτική ενίσχυση, μπορεί σύντομα να είναι πρακτική η αλλαγή αυτού του αποτελέσματος από τη JavaScript στο CSS.
Το Safari 9 εισάγει καρφιτσωμένους ιστότοπους. Οι συνδεδεμένες τοποθεσίες είναι ένας τρόπος για να διατηρήσετε τις αγαπημένες σας ιστοσελίδες ανοιχτές στο πρόγραμμα περιήγησης για γρήγορη πρόσβαση, χωρίς να αφήσετε ανοιχτή την καρτέλα. Για να χρησιμοποιήσετε καρφιτσωμένους ιστότοπους στο Safari 9, σύρετε μια ανοικτή καρτέλα προς τα αριστερά και ένα μικρό εικονίδιο θα δημιουργηθεί στη γραμμή σελιδοδεικτών που σας επιτρέπει να έχετε γρήγορη πρόσβαση στη σελίδα.
Οι χρήστες αναμφίβολα αναμένουν να χρησιμοποιήσουν αυτό το χαρακτηριστικό, οπότε όλοι οι ιστότοποι πρέπει να προετοιμαστούν. Για να είστε έτοιμοι, το μόνο που χρειάζεται να κάνετε είναι να δημιουργήσετε ένα εικονίδιο: το κάνετε μαύρο, με διαφανές υπόβαθρο και αποθηκεύστε το ως SVG. Στη συνέχεια, μπορείτε να συνδέσετε το εικονίδιο στο κεφάλι του εγγράφου HTML, όπως παρακάτω:
Αν θέλετε να χρωματίσετε το εικονίδιο ώστε να ταιριάζει με το εμπορικό σήμα σας, προσθέστε αυτήν την μετα-ετικέτα αμέσως μετά:
Το Safari 9 εισάγει μερικές βελτιώσεις για βίντεο HTML5.
Το Airplay επιτρέπει προσαρμοσμένους ελέγχους για μέσα HTML5. Με τη χρήση του JavaScript θα μπορείτε να ανιχνεύσετε τη διαθεσιμότητα του Airplay και, όπου είναι εφικτό (δηλ. Στο Safari 9), να παρέχετε προσαρμοσμένους ελέγχους. Ιδανικό για οποιονδήποτε άλλον που έχει κουραστεί από προεπιλεγμένους ελέγχους που σπάζουν τη συνοχή της μάρκας.
Το PiP (Picture in Picture) είναι ένα στυλ βίντεο που χρησιμοποιείται ευρέως στην τηλεόραση. Το PiP περιλαμβάνει την αναπαραγωγή ενός βίντεο στη γωνία της οθόνης ενώ άλλο περιεχόμενο προβάλλεται αλλού. η περιήγηση στον οδηγό καναλιού σε ένα κουτί Tivo, ενώ το τρέχον κανάλι παίζει στη γωνία, αποτελεί καλό παράδειγμα.
Το Safari 9 που εισάγει το PiP είναι μια απίστευτη καινοτομία για όσους θέλουν να παρακολουθήσουν ζωντανά γεγονότα (όπως το Apple WWDC keynote) ενώ δουλεύουν πραγματικά. Ωστόσο, όπως και οι περισσότερες τεχνολογίες, το PiP είναι ανοικτό σε κατάχρηση. είναι πιθανό να εμφανιστούν οι πρώτες διαφημίσεις PiP στη γωνία του προγράμματος περιήγησής σας τους επόμενους 6 μήνες. Ευτυχώς, το Safari 9 περιλαμβάνει επίσης την επιλογή σίγασης όλων των ήχων σε όλες τις καρτέλες με ένα γρήγορο κλικ.
Η νέα λειτουργία MacBooks της Apple απαιτεί touchpads touch. trackpads που ανιχνεύουν όχι μόνο τις βρύσες, αλλά τη δύναμη με την οποία αγγίζετε. Το Safari 9 εισάγει αρκετά νέα συμβάντα JavaScript - ειρωνικά ταξινομημένα ως εκδηλώσεις ποντικιού - για να χειριστεί το χαρακτηριστικό: webkitmouseforcewillbegin, webkitmouseforcedown, webkitmouseforceup και webkitmouseforcechanged.
Τα γεγονότα αφής είναι πιθανό να είναι χρήσιμα μόνο για συμπληρωματική πλοήγηση σε αυτό το σημείο, καθώς η τεχνολογία δεν είναι μόνο λογισμικό, αλλά και υλικό, περιορισμένη. Ωστόσο, αν χρησιμοποιηθούν ως προοδευτική ενίσχυση, ανοίγουν μερικές ενδιαφέρουσες δυνατότητες, ειδικά στον τομέα του παιχνιδιού και του πειραματικού σχεδιασμού του UI.
Με την πρώτη ματιά, το SFSafariViewController φαίνεται να ενδιαφέρει περισσότερο τους σχεδιαστές εφαρμογών από τους σχεδιαστές ιστοσελίδων. Θα επιτρέψει σε εφαρμογές να εμφανίζουν περιεχόμενο Web σε μια εφαρμογή χρησιμοποιώντας την απόδοση του Safari.
Σχεδιασμένο για τον εξορθολογισμό σεναρίων, όπως το άνοιγμα μιας εγγενούς εφαρμογής και στη συνέχεια η δημιουργία ενός λογαριασμού στην ιστοσελίδα μιας εταιρείας, πριν να επιστρέψετε σε μια εφαρμογή για να συνδεθείτε με το λογαριασμό, το σημαντικό για το SFSafariViewController είναι ότι επιτρέπει στον ιστό, αντί να είναι εγγενής, βασικό στοιχείο των ηλεκτρονικών συστημάτων μιας εταιρείας. Είναι ένα μικρό κομμάτι λογισμικού που προκαλεί ένα πολύ μεγάλο βήμα προς την πληρέστερη ενσωμάτωση της μητρικής και του ιστού.
Η JavaScript είναι ένα βήμα πιο κοντά για να γίνει η γλώσσα OOP που πραγματικά πρέπει να είναι
Οι προγραμματιστές του JavaScript θα είναι ενθουσιασμένοι που θα μάθουν ότι το Safari 9 περιλαμβάνει πλήρη υποστήριξη για μαθήματα, υπολογισμένες ιδιότητες, αδύναμο σύνολο, αντικείμενο αριθμού, οκταδικά και δυαδικά κυκλώματα, αντικείμενα συμβόλων και κυκλικά πρότυπα. Αυτή η υποστήριξη σημαίνει ότι το JavaScript είναι ένα βήμα πιο κοντά στο να γίνει η γλώσσα OOP που θα έπρεπε να είναι μέχρι τώρα.
Η ιδιότητα CSS του φίλτρου backdrop έχει προστεθεί στο Safari 9. Είναι όλα διαθέσιμα η θόλωση, η φωτεινότητα, η αντίθεση, η σκιά σταγόνας, η κλίμακα του γκρι, η απόχρωση, η περιστροφή, η αδιαφάνεια, το κορεσμό και τα φίλτρα σέπιας .
Ο τρόπος σχεδίασης με ευαισθησία έχει εισαχθεί στο Safari 9 ως ένας τρόπος για την ταχεία αλλαγή των σχεδίων σε διάφορα παράθυρα προβολής. Όλες οι συσκευές της Apple συμπεριλαμβάνονται ως προεπιλογές, αλλά είναι περισσότερο χρήσιμο εργαλείο παρουσίασης για τις συνεδριάσεις πελατών από ένα εργαλείο dev, καθώς οι βέλτιστες πρακτικές ευνοούν το περιεχόμενο, σε αντίθεση με τα παράθυρα προβολής, τα σημεία διακοπής. Είναι σημαντικό να σημειωθεί ότι η λειτουργία ανταποκρινούς σχεδιασμού αλλάζει μόνο το παράθυρο προβολής, δεν προσομοιώνει διαφορετικές συσκευές. Μπορεί να είναι χρήσιμος ως γρήγορος έλεγχος κάθε φορά που εκκινούνται νέες συσκευές της Apple, προτού προλάβουν οι προσομοιωτές συσκευών.
Ο επιθεωρητής ιστού έχει επανασχεδιαστεί. Μαζί με ορισμένες βελτιώσεις του UI για τη βελτίωση του UX, δίνεται μεγαλύτερη έμφαση στην απόδοση καρέ και την απόδοση.
Ορισμένες ενημερώσεις είναι πιο ευπρόσδεκτες από άλλες. Ένα από τα πιο ευπρόσδεκτα, αλλά λιγότερο πιθανό να παρατηρηθεί, είναι η πτώση των προθεμάτων του προγράμματος περιήγησης για πάνω από 45 ιδιότητες CSS. Παρόλο που δεν κάνει πολύ βραχυπρόθεσμα τα παλαιότερα προγράμματα περιήγησης παλαιού τύπου, όσο πιο σύντομα τα προγράμματα περιήγησης εγκαταλείπουν προθέματα, τόσο πιο γρήγορα θα τους αποχαιρετήσουμε για πάντα.
Τα πιο σημαντικά για να πάει χωρίς πρόθεμα είναι οι ιδιότητες flex , οι ιδιότητες μετάβασης , οι ιδιότητες μετασχηματισμού και οι ιδιότητες κινούμενης εικόνας .