jQuery: γύρος ακμές στις εικόνες για επικάλυψη

Πέμπτη, 30 Οκτωβρίου 2008

Λόγω του διαφορετικού απόδοση μεταξύ διαφορετικό πρόγραμμα περιήγησης, που σίγουρα βλ. Microsoft Internet Explorer στο μυαλό, πρέπει πάντα να ισχύει για λύση artifizi αποτελέσματα που τώρα θα πρέπει να αποτελεί πρότυπο. Η πολυ-συζητήθηκε στρογγυλεμένες γωνίες είναι ένα κλασικό παράδειγμα της "καταστροφής" που παράγεται από την πλήρη αδυναμία να επιτύχουν ένα πρότυπο σοβαρά για σελιδοποίηση HTML / CSS. Υπάρχουν πολλές λύσεις δικτύωσης που σας επιτρέπουν να έχει "συνέπειες" (απαλλαγή των επιπτώσεων dall'HTML παρουσιάσει ως στρογγυλεμένες άκρες, σκιά ενέργειες, σκέψεις, κτλ ...) με έμπλαστρα στα φύλλα του στυλ, ειδικά τεχνάσματα που χρησιμοποιούν div μπολιασμένα, βιβλιοθήκες Javascript, χρήση του canvas κτλ ...
Για καθαρά εκπαιδευτικούς θα εξηγήσει περαιτέρω τεχνικούς (cross-browser), να εφαρμόσει στην στρογγυλεμένες γωνίες των εικόνων:

Demos και πηγές

Συνεχίστε να το διαβάσετε ... "

Σχετικές Post

Δημιουργήστε εφαρμογές με το Google Desktop Chrome και ο Firefox;

Τρίτη, 28 Οκτωβρίου 2008

Chrome Google σας επιτρέπει να δημιουργήσετε Desktop εφαρμογές από μια ιστοσελίδα; Στην πραγματικότητα, όπως φαίνεται στο στοιχείο του μενού, είναι απλώς τη δυνατότητα να δημιουργήσετε μια συντόμευση σε μια συντόμευση που - με τη σειρά του - ανοίγει ένα παράθυρο χωρίς μπάρα διεύθυνσης ΧΩΡΙΣ όλα τα frills του browser. Με αυτό δεν σημαίνει ότι έχουμε δημιουργήσει ένα Desktop, και μόλις δημιουργηθεί μια σύνδεση με το ίδιο το Google Chrome λειτουργία - για να το πω έτσι-χρωμίου-λιγότερο.

Μεγάλου Simla, αλλά πιο φιλόδοξη, είχε ήδη προταθεί από την Mozilla Foundation το 2007 μέσα από το πρίσμα. Αυτή είναι σίγουρα η πλέον ευέλικτη και άρθρωση, η οποία συνοδεύεται από μια χρήσιμη επέκταση που σας επιτρέπει να δημιουργήσετε desktop εφαρμογές μενού του Firefox, όπως το Google Chrome.

Ωστόσο, και οι δύο λύσεις είναι μακριά από την τεχνολογία Adobe AIR. Πριν κάποιος συγχέει την καλή τονίζουν οι ουσιαστικές διαφορές μεταξύ μια συντόμευση στην επιφάνεια εργασίας, η οποία ανοίγει ένα παράθυρο, χωρίς μενού, και μια επιφάνεια εργασίας και την ορθή εφαρμογή αλήθεια.
Adobe AIR, στην πραγματικότητα, σε αντίθεση με τις λύσεις που προτείνονται από την Google Chrome και πρίσματος επιτρέπει:

  • Σχεδόν πλήρης πρόσβαση στο σύστημα που τρέχει η εφαρμογή με την ικανότητα να διαβάζουν και να γράφουν αρχεία. Ευκαιρία να επεκτείνει τη λειτουργικότητα μέσω ενός DLL (βιβλιοθήκη δυναμικής σύνδεσης), επεκτάσεις και προϊόντα τρίτων κατασκευαστών, όπως Shu Player (βλ. Distribute Adobe AIR: AIR σήμα μέχρι ένα Shu Player)
  • Διαχειρίζεται την εφαρμογή συστήματος όπως όλες οι άλλες εφαρμογές: την εγκατάσταση και απεγκατάσταση

Σχετικές Post

jQuery εναντίον όλων: ένα σημείο αναφοράς με 5 browser

Τετάρτη, 17 Σεπτεμβρίου 2008

εικόνα Ένας καλός προγραμματιστής δεν έχει κανένα πρόβλημα να μετακινούνται από μια γλώσσα προγραμματισμού στην άλλη. Η επιλογή να επικεντρωθεί σε μια συγκεκριμένη γλώσσα, και πλαίσιο ανάπτυξης περιβάλλοντος, υπαγορεύεται περισσότερο από την διαθεσιμότητα του χρόνου και του είδους της εργασίας που πραγματοποιείται. Ωστόσο, ένας σημαντικός παράγοντας που μπορεί να επηρεάσουν την επιλογή του "πλαίσιο", όπως, είναι η συμπάθεια ή η πάθηση που μπορεί ώριμη την πάροδο του χρόνου.
Συγκεκριμένα, ήθελα να αναλύσει ορισμένες - δεν είναι όλα - Javascript πλαίσιο διαθέσιμα σήμερα, διότι "ενημέρωσε" για να εξετάσουμε κατά πρώτο λόγο στην jQuery.
Οι δημιουργοί του mootools (ένα από τα πιο δημοφιλή Javascript πλαίσιο) έχει διατεθεί ένα εργαλείο για τη λειτουργία μιας δοκιμής της ταχύτητας και της ισχύος των πέντε γνωστούς πλαίσιο Javascript: Slickspeed. Η δοκιμή αυτή, τα αποτελέσματα δεν έκπτωση σε όλα, είναι σημαντική, καθώς το πλαίσιο λειτουργίας Javascript client-side, η οποία διευθύνεται από τον φυλλομετρητή μας. Ακριβώς για το λόγο αυτό, μερικοί Safari ταχύτερα από τον Internet Explorer ή το Google Chrome γρηγορότερα από το Firefox. Ωστόσο, αυτό συχνά εξαρτάται από το είδος της σελίδα που βλέπετε. Στην πραγματικότητα, μπορεί να συμβεί πολύ καλά ότι μια συγκεκριμένη τοποθεσία είναι στην πραγματικότητα πιο "γρήγορο" όταν εμφανίζεται στο Safari, αλλά αυτό δεν σημαίνει ότι "όλες οι τοποθεσίες θα είναι ταχύτερη με Safari! Φυσικά, αυτή η ομιλία είναι έγκυρη για κάθε άλλο browser.

Σημείο αναφοράς

Σε δοκιμές που θα διεξαχθούν με Slickspeed έχω σχέση το πρόγραμμα περιήγησης που διατίθενται για το μηχάνημά μου (Utilmate Windows Vista 64bit - Intel Core 2 Quad 2.4GHz με 8GB RAM).
Δυστυχώς, οι δοκιμές δεν είναι σε θέση να το τρέξετε με τον Internet Explorer 7, διότι το κλείδωμα του αυτοκινήτου, ακόμη και παύσης της κλίμακας με τα αποτελέσματα! Και πάλι συγχαρητήρια Microsoft.
I crercato ταυτόσημες να διατηρήσει το καθεστώς του υπολογιστή κατά τη διάρκεια της δοκιμής, το άνοιγμα του browser ξεχωριστά και δεν στέλνει κανείς άλλος εκτελεί διαδικασία.

Σημείωση: Αν αισθάνεστε σαν να κάνεις μία ή περισσότερες από τις δοκιμές αυτές, μπορείτε να σχολιάσω αυτό το αξίωμα σε περίπτωση "περίεργος" και διαφορετικά αποτελέσματα.

εικόνα

Google Chrome είναι πραγματικά γρήγορα, με αξία 68 (μέσος όρος) σε δοκιμή με jQuery. Η πιο αργή, όμως, φάνηκε κοπαδιού, παρά προέρχονται από την ίδια "μητέρα" Mozilla. Αυτό το κακό αποτέλεσμα για σμήνος είναι πραγματικά περίεργο λόγω της κοπής κοινωνικό δίκτυο, διότι είναι το Δίκτυο Κοινωνικής Web 2.0 εκμεταλλευτεί πολλές από Javascript πλαίσιο, ώστε να παρέχουν ένα πλοήγησης και της αλληλεπίδρασης πραγματικά καινοτόμες.
Μια έκπληξη beat Firefox και Opera έχει επίσης πολλά », ακόμη και να τους δίνει μια 74 του Dojo! Firefox και Safari, μετά από όλα, είναι εξίσου, με το Safari πιο γρήγορα σε δοκιμές με Mootools και jQuery.

Ποιο πλαίσιο επιλογής;

Αν δεν badiamo να δοκιμαστεί η ταχύτητα στην εκτέλεση και δεν ενδιαφερόμαστε για το μέγεθος στη Kbytes του ιδίου πλαισίου, η απάντηση μπορεί να είναι "τι είναι για σας" ή, αν προτιμάτε, "Αυτό που γνωρίζω καλύτερα ή είναι πιο αρμονικό με το δικό σας στυλ του προγραμματισμού. "
Τελικά, αυτά τα πλαίσια, θα δούμε κάπως 'όλα (δείτε την χρήση του $ για παράδειγμα), παρά τις κάποιες σημαντικές και ουσιαστικές διαφορές που να μπορεί να μεταβεί στα μάτια ενός εμπειρογνώμονα ή πραγματικά ωθούνται σε μια συγκεκριμένη βιβλιοθήκη. Κατ 'αρχήν, στην πραγματικότητα, ό, τι αυτό μπορεί να επιτευχθεί με jQuery, για παράδειγμα, μπορείτε να το κάνετε καλά με mootools ή πρωτότυπο! Αν jQuery έχει ένα πολύ συμπαγή σύνταξη, όπως όλες οι μέθοδοι πάντα την επιστροφή jQuery αντικείμενο τη βάση, δημιουργώντας έτσι ατελείωτες αρχεία της oggetto.metodo().metodo().metodo()... λένε ότι αυτή είναι σε όλα τα κόστος μια δύναμη, ειδικά για εκείνους που θα πρέπει να debug!
Οι Βιβλιοθήκες prototype.js αμαρτία ίσως λόγω της απουσίας των γραφικών αποτελεσμάτων, ακόμη και απλή, αναγκάζοντας τον κύριο του έργου για την υλοποίηση Spin-off ως scriptaculous.js, βαριά και μακριά από τη βιβλιοθήκη πρώτη επιλογή.

Ένα παράδειγμα

Ακριβώς αυτό το τελευταίο λόγο, για παράδειγμα, χρειάστηκαν για να αντικαταστήσει το πρωτότυπο συνδυασμό / scriptaculous με jQuery να κάνουν οι ομάδες διαδραστικών / κινούμενα εδώ στο sidebar των undolog.com. Πράγματι, ακόμη και με το Google API για την εισαγωγή των βιβλιοθηκών, είναι ένα φορτίο αποβλήτων όλη τη βιβλιοθήκη scriptaculous για slideDown και slideUp. Για πληροφορίες και δείγμα, εδώ χθες κώδικα Javascript σε συνδυασμό με το πρωτότυπο / scriptaculous:

JavaScript:
  1. / / Πρωτοτύπου / scriptaculous
  2. ) . each ( $ $ ( 'H2.dropdown'). Κάθε (
  3. element ) { λειτουργία (στοιχείο) (
  4. = "pointer" ; στοιχείο. στυλ. δρομέα = "pointer"?
  5. 'click' , στοιχείο. παρατηρεί ( «κλικ»,
  6. event ) { λειτουργία (γεγονός) (
  7. this . next ( ) . style . display == "" ) new Effect. BlindUp ( this . next ( ) , { duration:. 5 } ) ; εάν (this. επόμενη (). στυλ. οθόνης == "") νέα Effect. BlindUp (this. επόμενη (), (duration. 5))?
  8. Effect. BlindDown ( this . next ( ) , { duration:. 3 } ) ; Επιπτώσεις άλλο νέο. BlindDown (this. επόμενη (), (διάρκεια:. 3))?
  9. event ) ; Εκδήλωση. Stop (γεγονός)?
  10. )
  11. )
  12. )
  13. )?

και τώρα είναι με jQuery:

JavaScript:
  1. / / JQuery
  2. ) . each ( $ ( 'H2.dropdown'). Κάθε (
  3. i ) { λειτουργία (s) (
  4. ) . css ( 'cursor' , 'pointer' ) . click ( $ (Η). Css ( «δρομέας», «δείκτη»). Κάντε κλικ (
  5. λειτουργία () (
  6. $ ( this ) . next ( ) . is ( ':hidden' ) ) $ ( this ) . next ( ) . slideDown ( ) ; else $ ( this ) . next ( ) . slideUp ( ) ; εάν ($ (αυτό). επόμενη (). είναι ( "κρυφές")) $ (αυτό). επόμενη (). slideDown ()? άλλο $ (αυτό). επόμενη (). slideUp ()?
  7. )
  8. )?
  9. )
  10. )?

Μετά από όλα, σε όλα, δεν νομίζω ότι υπάρχει μεγάλη διαφορά! Αλλά όπως είπα και πριν ... ερώτημα είναι "καλά" του προσωπικού γούστου.

Σχετικές Post

Flick και γενεαλογικού

Τρίτη, 19 Αυγούστου 2008

Αν υπάρχει κάτι που Mozilla browsers έχει πολύ καλές!

Γενεαλογικού

Σμήνος είναι ένα πρόγραμμα περιήγησης με μια ποικιλία λειτουργιών για το κοινωνικό δίκτυο και το ιστολόγιο. Διατίθεται για Mac, Windows και Linux προσφέρει μια νέα εμπειρία από την περιήγηση σε εκείνους που, όπως εγώ, έχει πολλούς λογαριασμούς στο κοινωνικό δίκτυο (Facebook, έξαψη, YouTube, ...) και θα χειριστεί RSS feeds τόσο ομαλή και γρήγορη.

Εγκατάσταση

Αν έχετε FireFox (η οποία δεν πρέπει να αφαιρείτε) όλες οι ρυθμίσεις σας μπορούν να μεταφερθούν στο γενεαλογικό κατά την πρώτη χρήση: cookies, κωδικούς πρόσβασης, σελιδοδείκτες, όλα βραχυπρόθεσμα. Μετά τη χρήση γενεαλογικού για λίγα λεπτά, μου ήρθε αυθόρμητα καταργήσετε την εξαιρετική FeedReader τώρα περιττή, δεδομένου του άριστη διαχείριση της τροφοδοσίας του σμήνους.

Χαρακτηριστικά

Επιπλέον να διαθέτει πολλά χαρακτηριστικά παρόμοια με Firefox, το οποίο το καθιστά άμεσα διαθέσιμη, γενεαλογικού επιτρέπει:

  • Blog Editor
    Απλό αλλά αποτελεσματικό editor για τη δημοσίευση του Post για το blog μας. Υποστηρίζει τόσο προσωπικό της blog, πλατφόρμες όπως WordPress, Blogger και το Live Journal. Εξαιρετική η "Σημειώσεις", το Web πρόχειρο, που βρέθηκαν σε διάφορα μέρη του προγράμματος περιήγησης
  • Άνθρωποι Panel
    Μέσα από το απλό drag & Drop μπορείτε να συνδέουν άμεσα και να μοιραστούν εικόνες με τις επαφές μας, που ανακτώνται από έξαψη, Facebook, YouTube και Flickr
  • Media Bar
    Γενεαλογικού μπορούν αυτόματα να αναγνωρίσει πολλές δυνατότητες όταν μπαίνει σε ένα Web site (Blog ή Κοινωνικής Network). Για παράδειγμα εισέρχονται Flickr ή το YouTube είναι μια Apera Media Bar, στην κορυφή, όπου μπορείτε να μετακινηθείτε οριζόντια ταινίες και φωτογραφίες επιτρέποντάς σας να στείλετε ή να αντιγράψετε τα περιεχόμενα αμέσως
  • Μηχανή Αναζήτησης
    Η διαχείριση της έρευνας είναι πλήρως προσαρμόσιμες (όπως ήδη συμβαίνει στον Firefox χάρη στο πρότυπο Open Search) που καθιστά δυνατή και να προσθέσετε μια σειρά από εναλλακτικές μηχανές αναζήτησης, τόσο από τον κατάλογο που προτείνεται στην ιστοσελίδα του γενεαλογικού είναι μέσω της αυτόματης αναγνώρισης σε αυτό το μια τοποθεσία
  • Plugins και επεκτάσεις
    Ακόμη και γενεαλογικού όπως FireFox ήδη έχει πολλές παρατάσεις, ένα όπλο που έχει αποδειχθεί επιτυχής για Firefox. Μερικά είναι ειδικά για γενεαλογικού ακόμη και αν μπορείτε να βρείτε κάποια «θυρίδες» της σημειώνει επεκτάσεις FireFox
  • Διαχείριση της μετάδοσης των φωτογραφίες
    Αποστολέας με φωτογραφία, μπορείτε να χρησιμοποιήσετε ένα εσωτερικό γενεαλογικού γρήγορα να μας στείλετε φωτογραφίες σε Flickr ή Facebook.

Σχετικές Post

Safari, διαγράψτε το μπλε σε πεδία

Δευτέρα 14 Ιουλίου, 2008

Safari, τον browser της Apple διατίθεται για τα Windows, παράγει ένα μπλε (μπλε) όταν κάνετε κλικ σε ένα πεδίο input Αν σε ορισμένες περιπτώσεις μπορεί να είναι ευχάριστη, ενώ άλλες καθίστανται πραγματικά εξοργιστικό! Για να διαγράψετε μόλις τεθεί σε μας φύλλο στυλ:

CSS:
  1. / * Remove ____________________________ μπλε * /
  2. : 0 none } Είσοδος (περιγραφή: ΚΑΝΕΝΑ 0)

Ή, εναλλακτικά, να αποδοθούν άμεσα την ετικέτα όπως input

HTML:
  1. ... <εισροών style = "περίγραμμα: 0 ΚΑΝΕΝΑ" ... />

Σχετικές Post

Πληκτρολογήστε το κείμενο με το CSS: IE7, μια κακή συμφωνία

Τρίτη, 10 Ιουνίου 2008

Για άλλη μια φορά, όταν πιάνω τον εαυτό μου να γράψει για τις ικανότητες των φύλλων στυλ, είμαι υποχρεωμένος να αφήσει στην άκρη τον Microsoft Internet Explorer! Με CSS2 εισήχθη ένα πραγματικά ενδιαφέρον χαρακτηριστικό, ιδιοκτησίας content που χρησιμοποιούνται σε συνδυασμό με την ψευδο-στοιχεία before Μέσα από αυτό το "στυλ" μπορεί να αλλάξει το περιεχόμενο ενός site που ενεργούν αποκλειστικά για το CSS αρχείο. Για παράδειγμα, αν γράψετε:

CSS:
  1. content : ">>" } LI: πριν (περιεχόμενο: ">>")

Μια λίστα με κουκκίδες LI θα προηγείται κάθε χαρακτήρες ">>"! Τίποτα, φυσικά, μπορεί να αντιμετωπίζονται με αυτό τον τρόπο:

HTML:
  1. fogli di stile </span> </p> <p> να εισαγάγετε χαρακτήρες με <span> CSS </ span> </ p>

CSS:
  1. content : "-->" } p span: πριν (περιεχόμενο:) "-->"

Η ευελιξία του το στοιχείο αυτό δεν τελειώνει εδώ! Μπορείτε να χρησιμοποιήσετε άλλες παραμέτρους πέρα από την απλή (αλλά χρήσιμο) κείμενο. content που επιτρέπει επίσης ειδικές τιμές ή URL:

CSS:
  1. content : url ( images/quote.gif ) } p: πριν (περιεχόμενο: url (images / quote.gif))
  2. content : close-quote } p: μετά (περιεχόμενο: close-παραθέτω)
  3. content : url ( waves/sound.wav ) } p: πριν (περιεχόμενο: url (κύματα / sound.wav))

Για λεπτομέρειες σχετικά με την εφαρμογή αναφέρεται απευθείας στην W3C - κρίμα που δεν υπάρχει καν η Microsoft!

Σχετικές Post

FireFox 3 RC1 οξέος 3

Τρίτη, 3 Ιούνιος, 2008

Acid Test 3

Είμαστε σε καλό δρόμο από πριν! :)

Σχετικές Post

FireFox 3: Ψάχνω προς τα εμπρός

Πέμπτη, 8 Μαΐου 2008

Τρέφω για κάποιο χρονικό διάστημα από τη λήψη beta έκδοση του Firefox 3! Χρησιμοποιήστε FireFox κάθε μέρα τότε δεν θέλω scasinare όλα για την βιασύνη. Ωστόσο, δεν βλέπω μόνο τη στιγμή που φτάνει η επίσημη ημερομηνία κυκλοφορίας αυτού του browser φανταστική, ότι με την απελευθέρωση 3 υποσχέσεις διερωτάται ότι είχα την ευχαρίστηση να δοκιμάσετε ένα άλλο μηχάνημα (Beta 5).

FireFox 3

Συνέχιση ανάγνωσης ... "

Σχετικές Post

Four browsers: Acid 3 Test μια απογοήτευση ...

Παρασκευή 28 Μαρτίου 2008

Για να παραφράσω την ταινία Four Brothers, εδώ είναι ποιος έχει περάσει το Acid 3 Test!

εικόνα

Από πάνω αριστερά: IE7, Opera, Safari, Firefox! Όλες οι πρόσφατες εκδόσεις για τα Windows Vista 64 bit! Μια καταστροφή! ?)

Σχετικές Post

Tunneling και οι proxy για Ajax και πέρα

Δευτέρα, 10 Δεκεμβρίου 2007

Λόγω της ικανότητάς της να επικοινωνεί με το διακομιστή, το αντικείμενο XMLHttpRequest (XHR), που χρησιμοποιούνται στην τεχνολογία Ajax (Asynchronous JavaScript για σύντομη και XML, του οποίου η προφορά θα ήταν "egiacs" ακόμη και αν εμείς οι Ιταλοί προτιμούν "aiacs"), έχει ένα μπλόκο της προστασίας που εμποδίζει τη λειτουργία του από εφαρμογές εκτός του τομέα στον οποίο δραστηριοποιείται. Η προστασία αυτή είναι απαραίτητη για την αποφυγή Javascript έγχυσης (τεχνικές της "ένεση" εξαιρετικά επικίνδυνο κώδικα, προκειμένου να παραβιάζουν το σύστημα) διαφόρων τύπων, με τον απώτερο στόχο του «διάλειμμα» στο σύστημα.
Το όριο αυτό είναι τώρα ληφθεί σοβαρά υπόψη και είναι κατά κάποιον τρόπο σκέψης για την επίλυσή τους - άμεσα σε XMLHttpRequest - χωρίς να θέτει σε κίνδυνο την ασφάλεια (βλ. επίσης: Τρίτη πρόταση για cross-site επεκτάσεις XMLHttpRequest).

Ωστόσο, η κατάσταση σήμερα έχει ως εξής:

XHR

Συνέχιση ανάγνωσης ... "

Σχετικές Post