Επίλυση Όλων Των Προβλημάτων Των Παραθύρων Και Άλλων Προγραμμάτων

Πρώτη ματιά: Το Adobe Edge κάνει το HTML5 να χορεύει

Ο πόλεμος Flash-εναντίον HTML είναι κυρίως διαφημιστική εκστρατεία. Τα HTML5, CSS3 και JavaScript δεν μπορούν να επιτύχουν όλα όσα μπορεί να κάνει το Flash σήμερα και με τον τρέχοντα ρυθμό ανάπτυξής τους, θα χρειαστούν πολύ χρόνο για να φτάσουν (ενώ το Flash παραμένει κινητός στόχος). Ωστόσο, οι δυνατότητες του HTML5 είναι αρκετά πλούσιες ώστε πολλοί προγραμματιστές αναρωτήθηκαν δυνατά εάν τα πρότυπα Ιστού θα είναι σύντομα σε θέση να αντικαταστήσουν το Flash για ορισμένες εφαρμογές πολυμέσων - ιδιαίτερα λόγω της άρνησης της Apple να επιτρέψει το Flash στο iOS.

Οι έξυπνοι προγραμματιστές Ιστού παράγουν εντυπωσιακά demos από τότε που έφτασαν τα πρώτα προγράμματα περιήγησης συμβατά με HTML5. Το πρόβλημα: Δεν είναι εύκολο. Υπάρχουν λίγα διαθέσιμα εργαλεία που δίνουν στους καλλιτέχνες και στους σχεδιαστές την ελευθερία να οργανώνουν οπτικά στοιχεία HTML και τα εργαλεία που υπάρχουν είναι γενικά προσανατολισμένα στη διάταξη σελίδας και όχι στα πολυμέσα. Η παραγωγή κάτι παρόμοιο με την πιο απλή διαφήμιση banner Flash μπορεί να απαιτεί σελίδες χειρόγραφου κώδικα JavaScript.



[Επίσης στο InfoWorld: ' 11 σκληρές αλήθειες για το HTML5 .. ' | Ανάγνωση Ιστολόγιο Fatal Exception του Neil McAllister και λάβετε νέα και πληροφορίες για την ανάπτυξη λογισμικού από Ενημερωτικό δελτίο InfoWorld's Developer World Ε ]



Ποιος καλύτερα να καλύψει αυτό το κενό από την Adobe; Η εταιρεία θεωρεί εδώ και καιρό το Flash και το HTML ως συμπληρωματικές τεχνολογίες και όχι ως ανταγωνιστές. Στο Flash Professional, η Adobe έχει ήδη ένα ώριμο μοντέλο για το πώς πρέπει να φαίνεται και να αισθάνεται ένα εργαλείο σχεδιασμού πολυμέσων Ιστού. Το Adobe Edge, ένα νέο προϊόν που διατίθεται τώρα ως δωρεάν λήψη με περιορισμένο χρονικό διάστημα, επεκτείνει αυτό το μοντέλο για να σας επιτρέψει να αναπτύξετε κινούμενο περιεχόμενο σε καθαρή HTML, CSS και JavaScript. Ως προεπισκόπηση κυκλοφορίας, είναι ακόμα τραχύ στις άκρες, αλλά δείχνει πολλές υποσχέσεις.

Λαμβάνοντας το προγραμματισμός εκτός JavaScript Το περιβάλλον χρήστη του Edge Preview μοιάζει με αυτό των άλλων προϊόντων της σειράς Adobe Creative Suite, μόνο πολύ πιο περιορισμένο. Η Adobe λέει ότι η εστίαση της προεπισκόπησης είναι στη μηχανή κινούμενων σχεδίων και τα εργαλεία για τη σύνθεση κινούμενων σχεδίων είναι ουσιαστικά το μόνο που έχετε.



Όλα τα εφέ κίνησης του Edge επιτυγχάνονται χρησιμοποιώντας το jQuery και το πρόσθετο jQuery Easing. Εάν είστε προγραμματιστής Ιστού και έχετε εργαστεί με αυτές τις βιβλιοθήκες JavaScript στο παρελθόν, το πιθανότερο είναι ότι είστε ήδη ικανοί να γράψετε κώδικα που μπορεί να επιτύχει οτιδήποτε μπορείτε να κάνετε με το Edge. Από την άλλη πλευρά, εάν δεν γνωρίζετε πολλά για τον προγραμματισμό JavaScript - και ειδικά αν δεν θέλετε να γνωρίζετε - το Edge καθιστά δυνατή την επίτευξη ικανοποιητικών αποτελεσμάτων με ελάχιστη αντιπαράθεση κώδικα.

Moreσως το πιο σημαντικό, το Edge στοχεύει στην εξάλειψη κάποιου πόνου από την κινούμενη εικόνα που βασίζεται σε JavaScript, επιτρέποντας στους εμψυχωτές να προβάλλουν οπτικά τις ακολουθίες τους, χρησιμοποιώντας μια διεπαφή χρήστη με βάση το χρονοδιάγραμμα που θα είναι οικεία σε όποιον έχει χρησιμοποιήσει άλλα εργαλεία ψηφιακής κινούμενης εικόνας (όπως το Flash ). Αυτή η δυνατότητα από μόνη της είναι αρκετά βολική ώστε ακόμη και έμπειροι κωδικοποιητές JavaScript να θελήσουν να ενσωματώσουν το Edge στις ροές εργασίας τους.

Κάποια μέρα ίσως. Προς το παρόν, το Edge είναι αρκετά ακατέργαστο. Αισθάνεται σφάλμα και δεν διαθέτει το πλήρες σύνολο χαρακτηριστικών που περιμένει κανείς εργαλείο επαγγελματικής ανάπτυξης. Ωστόσο, η Adobe έχει δημοσιεύσει μια εντυπωσιακή συλλογή από demos που προβάλλουν τα είδη των banner, των ταινιών και των infographics που μπορούν να δημιουργηθούν ακόμη και με αυτήν την πρώιμη έκδοση του προϊόντος.



η ασύρματη φόρτιση μειώνει τη διάρκεια ζωής της μπαταρίας

Το Adobe Edge μπορεί να συνθέσει κινούμενα σχέδια χρησιμοποιώντας τίποτα περισσότερο από γραφικά Web, CSS και JavaScript, αλλά θα χρειαστείτε ένα σύγχρονο, συμβατό με HTML5 πρόγραμμα περιήγησης για να τα αναπαράγετε σωστά.

Όχι πολύ Flash, αλλά φτάνει εκεί Η δημιουργία κινούμενων εικόνων στο Edge είναι απλή, αλλά χρειάζεται λίγος συνηθισμός. Πρώτα πρέπει να εισαγάγετε «σύμβολα» και να τα τοποθετήσετε στη «σκηνή». Αυτοί είναι όροι που δανείστηκαν από το Flash, αλλά σε αυτό το πλαίσιο, ένα σύμβολο είναι ένα γραφικό GIF, JPEG, PNG ή SVG και το στάδιο είναι το ενεργό παράθυρο. Μπορείτε επίσης να δημιουργήσετε σύμβολα απευθείας στο Edge, αν και σε αυτήν την έκδοση προεπισκόπησης που περιορίζεται σε ορθογώνια πλαίσια και κείμενο.

Αφού συλλέξετε τα σύμβολά σας, μπορείτε να χειριστείτε ένα ζευγάρι 'κεφαλές αναπαραγωγής' στο χρονοδιάγραμμα της κινούμενης εικόνας για να καθορίσετε το σημείο εκκίνησης και τη διάρκεια των εφέ που θέλετε να εφαρμόσετε. Όταν εφαρμόζετε ένα εφέ σε ένα σύμβολο, το Edge συμπληρώνει αυτόματα τα βασικά πλαίσια για να το ζωντανέψει για τη διάρκεια που καθορίζετε. Εάν αλλάξετε γνώμη, μπορείτε να τροποποιήσετε τη διάρκεια του εφέ, να το διαγράψετε ή να το μετακινήσετε προς τα πάνω ή προς τα κάτω στο χρονοδιάγραμμα όπως κρίνετε κατάλληλο, εξαλείφοντας μεγάλο μέρος της επαναλαμβανόμενης δοκιμής και σφάλματος των τεχνικών κινούμενων εικόνων που βασίζονται αποκλειστικά σε κώδικα.

Τα εργαλεία κινούμενων εικόνων προσφέρουν μια ποικιλία εφέ για να διαλέξετε. Μπορείτε να μετακινήσετε σύμβολα στη σκηνή και να ζητήσετε από τον Edge να ζωντανέψει την κίνησή τους. Μπορείτε να τα περιστρέψετε, να τα κλιμακώσετε και να τα στραβώσετε. Μπορείτε επίσης να ελέγξετε την αδιαφάνεια τους, κάνοντάς τα να ξεθωριάζουν μέσα και έξω.

Το Edge υποστηρίζει επίσης την έννοια των «διευκολύνσεων», οι οποίες είναι συμπεριφορές που μπορούν να εφαρμοστούν σε εφέ κίνησης. Για παράδειγμα, εάν μετακινήσετε ένα σύμβολο στη σκηνή, μπορεί να ολισθήσει ομαλά ή μπορεί να ανακατευτεί, να ταλαντευτεί ή να αναπηδήσει. Τα διευκολύνσεις στο Edge κληρονομούν τα ονόματά τους από το πρόσθετο jQuery Easing, πράγμα που σημαίνει ότι έχουν τόσο λιγότερο χρήσιμες ετικέτες όπως το easyOutSine, το easyInCubic και το easyInOutExpo.

Το να κολλήσετε τα εργαλεία δεν είναι δύσκολο, αλλά η εργασία εντός του Edge μπορεί να είναι δύσκολη. Η συνολική διεπαφή χρήστη είναι αργή και επιρρεπής σε σύγκρουση. Τα κινούμενα σχέδια αναπαράγονται πολύ πιο ομαλά σε ένα πρόγραμμα περιήγησης από ό, τι στο περιβάλλον Edge, όπου φαίνονται σπασμωδικά και φαίνεται να παίζουν με χαμηλό ρυθμό καρέ.

Σημειώστε επίσης ότι πολλά από τα εφέ του Edge βασίζονται σε ιδιότητες CSS3 που είναι διαθέσιμες μόνο σε νεότερα προγράμματα περιήγησης. Κανένα από τα δοκιμαστικά κινούμενα σχέδια δεν έπαιξε σωστά στον Firefox 3.0 ή στον Internet Explorer 7, ενώ όλα αυτά λειτουργούσαν σε Chrome 12, Firefox 5 και IE9. Ορισμένα από τα αρχεία επίδειξης της Adobe έπαιξαν διαφορετικά στον Firefox από ό, τι στο Chrome. Τα προγράμματα περιήγησης που βασίζονται στο WebKit φαίνεται να λειτουργούν καλύτερα προς το παρόν, αλλά πρέπει να περιμένετε ασυνεπείς συμπεριφορές εφόσον η υποστήριξη για HTML5 και CSS3 διαφέρει μεταξύ των προγραμμάτων περιήγησης.

Ούτε το Dreamweaver Εκτός από τη δημιουργία νέων κινούμενων εικόνων, η Adobe λέει ότι μπορείτε να χρησιμοποιήσετε το Edge για να προσθέσετε εφέ κίνησης σε υπάρχουσες ιστοσελίδες. Στην πράξη, αυτό αποδείχθηκε δύσκολο, ωστόσο, επειδή ο αναλυτής HTML του Edge είναι εξαιρετικά ασυγχώρητος. Προσπάθησα να ανοίξω έναν αριθμό σελίδων HTML, συμπεριλαμβανομένων μερικών από δικά μου προηγούμενα έργα και κάποιων αποθηκευμένων από τον Ιστό, αλλά κυρίως χωρίς αποτέλεσμα. Είτε το Edge δεν θα αναγνώριζε τα αντικείμενα στη σελίδα ως σύμβολα, είτε θα μπορούσε να τα δει αλλά δεν θα μπορούσε να εφαρμόσει μετασχηματισμούς σε αυτά. Or αν η σελίδα ήταν αρκετά περίπλοκη, απλώς θα παγώσει ή θα σπάσει με ένα σφάλμα. Για να σας δώσω μια ιδέα, ακόμη και να συνεργαστείτε Google Η αρχική σελίδα έφερε στον Edge πρόβλημα.

Προσπάθησα να καταλάβω τι παραπατούσε το Edge. Περιστρέφω τα αρχεία μου, μετατρέπω παλαιότερες σελίδες σε HTML5, αφαιρώ πίνακες, αφαιρώ την τοποθέτηση CSS και αφήνω τυχόν περιττά στυλ. Τίποτα δεν φάνηκε να βοηθάει. Ακόμα και μετά την αντιστοίχιση μιας σελίδας σε λίγο περισσότερο από μια στοίβα εικόνων σε λευκό φόντο που επικυρώθηκε ως HTML5, ο Edge δεν μπορούσε να κάνει τίποτα με αυτό. Στη συνέχεια πρόσθεσα ιδιότητες ταυτότητας σε όλα τα στοιχεία της εικόνας και ξαφνικά όλα λειτούργησαν! Αυτό ήταν περίεργο, αφού ο Edge είχε επίσης εργαστεί σε άλλη σελίδα όπου κανένα από τα στοιχεία δεν είχε αναγνωριστικά.

Από όσο μπορώ να πω, στον Edge αρέσει ο καθαρός, τακτοποιημένος, καλά δομημένος κώδικας, χωρίς πολλά εξωγενή στοιχεία και όχι πολύ CSS ή JavaScript που παρεμποδίζουν. Ωστόσο, όταν το τροφοδοτείτε με κώδικα πραγματικού κόσμου, είναι χάλια. Θα ξέρετε πότε δυσκολεύεται γιατί θα γίνει νωθρό και μπορεί να συντριβεί. Εάν καταφέρετε να προσθέσετε κινούμενα σχέδια σε μια περίπλοκη σελίδα, τουλάχιστον με αυτήν την έκδοση προεπισκόπησης, θεωρήστε τον εαυτό σας τυχερό.

Θυμάμαι τις πρώτες μέρες των Web IDE όπως το Dreamweaver και το GoLive. Ισχυρίστηκαν ότι έκαναν την κατασκευή ιστοσελίδων τόσο εύκολη όσο και το drag and drop, και έτειναν να απογοητεύουν. Φαίνεται ότι η ανάλυση και ο χειρισμός σύνθετων εγγράφων HTML με οπτικά εργαλεία είναι πιο δύσκολη από ό, τι ακούγεται.

απαλλαγείτε από την ειδοποίηση αναβάθμισης των Windows 10

Βασισμένο σε πρότυπα αλλά ιδιόκτητο Το Edge εξάγει τις ακολουθίες κινούμενων εικόνων του ως συνδυασμό CSS και JavaScript. Αν και η Adobe περιγράφει το Edge ως εργαλείο HTML5, στην πραγματικότητα δεν εμπλέκεται πολύ HTML. Κατά τη δημιουργία νέων κινούμενων εικόνων, οι εικόνες και άλλα σύμβολα φορτώνονται και τοποθετούνται εξ ολοκλήρου χρησιμοποιώντας JavaScript, το οποίο καλείται από ένα σχεδόν κενό αρχείο HTML. Εάν εργάζεστε με μια υπάρχουσα σελίδα, το δικό σας HTML παραμένει ανέγγιχτο, εκτός από τους συνδέσμους που προστίθενται για τη φόρτωση των αρχείων Edge.

Για κώδικα που παράγεται από μηχανή, η έξοδος του Edge είναι εκπληκτικά ευανάγνωστη, αλλά η Adobe σας προειδοποιεί να μην προσπαθήσετε να τον επεξεργαστείτε με το χέρι. Στην πραγματικότητα, η Adobe φαίνεται να θέλει να επικεντρωθείτε αποκλειστικά στα οπτικά και να αγνοήσετε εντελώς τον κώδικα. Το Edge δεν προσφέρει προβολή πηγαίου κώδικα όπως έχετε στο Dreamweaver και δεν υπάρχει τρόπος να προσθέσετε προσαρμοσμένες συμπεριφορές ή ιδιότητες σε στοιχεία χρησιμοποιώντας CSS ή JavaScript.

Αυτό σημαίνει ότι δεν υπάρχει αξιόπιστος τρόπος για να προσθέσετε διαδραστικότητα σε ένα έργο Edge. Σε αντίθεση με το Flash Professional, δεν θα χρησιμοποιείτε το Edge για τη δημιουργία παιχνιδιών. Περιορίζεστε αυστηρά σε κινούμενα σχέδια με βάση το χρονοδιάγραμμα-στην πραγματικότητα, δεν υπάρχει καν ένας τρόπος για να κάνετε συνεχώς έναν βρόχο κινούμενων σχεδίων.

Η ενορχήστρωση και η αναπαραγωγή ακολουθιών κινούμενων σχεδίων γίνεται από δύο ιδιόκτητες βιβλιοθήκες JavaScript της Adobe, οι οποίες μαζί προσθέτουν περίπου 60KB στις σελίδες σας. Η Adobe σας δίνει άδεια για τη διανομή αυτών των βιβλιοθηκών με τα έργα σας, αλλά μόνο σε συμπιεσμένη, μη τροποποιημένη μορφή.

Το Edge Preview ρίχνει επίσης τα δικά του αντίγραφα των jQuery 1.4.2 και jQuery Easing 1.3 στο φάκελο του έργου σας. Δημιουργεί τον δικό του κατάλογο για αυτό, οπότε δεν θα αντικαταστήσει κανένα από τα τρέχοντα αρχεία σας, αλλά επίσης δεν είναι αρκετά έξυπνο για να γνωρίζετε ποιες βιβλιοθήκες JavaScript μπορεί να χρησιμοποιείτε ήδη. Εάν δεν είστε προσεκτικοί, μπορείτε να καταλήξετε σε μια σελίδα που προσπαθεί να φορτώσει πολλές εκδόσεις του jQuery ή άλλων βιβλιοθηκών που βρίσκονται σε διένεξη.

Μια πρώτη γενναία προσπάθεια Η προεπισκόπηση Adobe Edge χρεώνεται ως προϊόν της Adobe Labs και αυτό είναι κατάλληλο. Σε αυτό το στάδιο, όλα σχετικά με αυτό φαίνονται πειραματικά (και όχι πάντα αποτελεσματικά). Ακόμα, δεν γνωρίζω κανένα άλλο εργαλείο που μπορεί να κάνει ό, τι μπορεί να κάνει το Edge, και το γεγονός ότι ακόμη και η Adobe πασχίζει να το κάνει με επιτυχία είναι απόδειξη του εύρους του προβλήματος που προσπαθεί να αντιμετωπίσει ο Edge.

Ακόμη και μόλις ωριμάσει, ωστόσο, η προσέγγιση του Edge δεν θα είναι για όλους. Ορισμένοι προγραμματιστές θα αντιταχθούν στη χρήση των ιδιόκτητων βιβλιοθηκών JavaScript της Adobe, ενώ άλλοι θα προτιμήσουν να έχουν πιο άμεσο έλεγχο των κινούμενων εικόνων σε επίπεδο κώδικα. Το Edge είναι πιθανώς πολύ ογκώδες εργαλείο αν το μόνο που θέλετε είναι να ντύσετε εταιρικές ιστοσελίδες με φανταχτερά εφέ. Από την άλλη πλευρά, θα μπορούσε να είναι ένας αποτελεσματικός τρόπος προβολής διαφημίσεων banner, infographics, πώς να κάνετε επίδειξη και άλλων κονσερβοποιημένων κινούμενων σχεδίων χωρίς να χρειάζεστε plug-ins του προγράμματος περιήγησης-εφόσον, δηλαδή, η Adobe μπορεί να παρέχει ένα πλουσιότερο σύνολο εργαλείων και ξεπεράσει μερικά από τα τρέχοντα προβλήματα απόδοσης του Edge.

Αυτό το άρθρο, ' Πρώτη ματιά: Το Adobe Edge κάνει το HTML5 να χορεύει , «δημοσιεύτηκε αρχικά στο InfoWorld.com Ε Ακολουθήστε τα τελευταία νέα στο ανάπτυξη λογισμικού , γλώσσες και πρότυπα , και HTML στο InfoWorld.com. Για τα τελευταία νέα επιχειρηματικής τεχνολογίας, ακολουθήστε InfoWorld.com στο Twitter Ε

Διαβάστε περισσότερα για την ανάπτυξη εφαρμογών στο κανάλι ανάπτυξης εφαρμογών του InfoWorld.

Αυτή η ιστορία, 'Πρώτη ματιά: Το Adobe Edge κάνει το HTML5 χορό' δημοσιεύτηκε αρχικά από τον InfoWorld Ε

Επιλογή Συντάκτη

Η IBM ετοιμάζει το Lotus Notes Traveller για Android

Η IBM είναι έτοιμη να αποστείλει μια νέα έκδοση του λογισμικού ηλεκτρονικού ταχυδρομείου της Lotus Notes Traveler που είναι συμβατή με το Android, έγραψε ένας υπάλληλος της IBM σε ένα blog που δημοσιεύτηκε την Τρίτη.

Η Apple στην Κίνα συνιστά τη χρήση επίσημων προσαρμογέων ισχύος για iPhone

Η Apple συμβουλεύει τους πελάτες της στην Κίνα να χρησιμοποιούν τους επίσημους προσαρμογείς USB της εταιρείας κατά την επαναφόρτιση των συσκευών τους, καθώς η αστυνομία συνέχισε τις έρευνες την Παρασκευή για τον θάνατο από ηλεκτροπληξία μιας τοπικής γυναίκας που μπορεί να συνδέεται με iPhone.

Ο παγκόσμιος κύκλος τεχνολογίας εξαρτάται από τα iPhone, ισχυρίζεται το ΔΝΤ

Το iPhone της Apple έχει γίνει βασικός παράγοντας για την παγκόσμια οικονομική ανάπτυξη, υποστηρίζει το Διεθνές Νομισματικό Ταμείο (ΔΝΤ). Αλλά οι χρόνοι άνθησης μπορεί να έχουν τελειώσει, προειδοποιεί.

Η Microsoft θα υποστηρίξει τις γιγαντιαίες οθόνες αφής Windows 8

Η Microsoft αγοράζει τον κατασκευαστή των μεγαλύτερων οθονών πολλαπλής αφής στον κόσμο σε μια προσπάθεια δημιουργίας συσκευών Windows 8 που μπορούν να χρησιμοποιηθούν για συνεργασία.

Ανασκόπηση: Οι Ομάδες Outlook είναι τώρα ένας πόνος σε όλες τις πλατφόρμες

Οι Ομάδες Outlook μπορεί να αποτελούν τον πυρήνα της στρατηγικής συνεργασίας της Microsoft, αλλά δεν είναι βασική για το Office 365 ή ακόμη και το Outlook