Χρησιμοποιήστε Video για background στο site σας
Υπάρχουν φορές που ίσως θα θέλατε να δημιουργήσετε μια αίσθηση εντυπωσιασμού στους χρήστες του διαδικτυακού σας τόπου, ή του διαδικτυακού τόπου κάποιου πελάτη σας. Αν μια μεγάλη εικόνα καλής ποιότητας δεν είναι αρκετή, τότε μπορείτε με την χρήστη του bigvideo.js να χρησιμοποιήσετε για background ένα full screen video. Το bigvideo.js είναι φτιαγμένο πάνω στο videojs.com και την jQuery βιβλιοθήκη. Αν το αρχικό δείγμα video που χρησιμοποιήσετε είναι καλής ποιότητας, τότε το αποτέλεσμα που παράγεται, ακόμα και σε μεγάλες οθόνες, είναι αρκετά ικανοποιητικό για τον χρήστη.
Το bigvideo.js σας δίνει την δυνατότητα να δημιουργήσετε ακόμα, image slide shows, να παίξετε πολλά video το ένα μετά το άλλο, αλλά και να δώσετε περισσότερες δυνατότητες στους χρήστες όπως την επιλογή του video background αλλά και τη δυνατότητα της διαχείρισης των video προσθέτοντας σε αυτά media player options (play, pause, κλπ). (περισσότερα…)
HTML5, CSS3, JQuery & WordPress Cheat Sheets. Το οπλοστάσιο του Web Designer.
Το Web Design Blog έχει παρουσιάσει στο παρελθόν αρκετές φορές Cheat Sheets. Από το 2008 που είχε γίνει η πρώτη τέτοια παρουσίαση μέχρι σήμερα, έχουν γραφτεί 5 αντίστοιχα άρθρα, αλλά οι εξελίξεις προχωράνε με γοργούς ρυθμούς και όπως είναι φυσικό έχουν αλλάξει πολλά (και αλλάζουν συνεχώς) στον χώρο. Για τον λόγο αυτό η ομάδα του WDB έκανε έρευνα ώστε να παρουσιάσει μια πιο πρόσφατη λίστα με Cheat Sheets για HTML5, CSS3, JQuery και WordPress.
Πολλά από τα Cheat Sheets που ακολουθούν περιέχουν όμοιες μεταξύ τους πληροφορίες αλλά αυτό δεν σημαίνει πως δεν έπρεπε να παρουσιαστούν όλα μαζί στην ίδια λίστα. Κάθε αρχείο παρουσιάζει την επιθυμητή πληροφορία με το δικό του τρόπο και έτσι μπορεί κάποιο από αυτά να σας εξυπηρετεί περισσότερο από κάποιο άλλο. Είναι στην κρίση σας ποιο θα χρησιμοποιήσετε. (περισσότερα…)
Δωρεάν συλλογή jQuery που δεν πρέπει να χάσετε!
Όλο και περισσότεροι επαγγελματίες του διαδικτυακού κλάδου καταφεύγουν πλέον σε λύσεις javascript για θέματα προβολής περιεχομένου. Το WDB κατά καιρούς έχει δημοσιεύσει σχετικά άρθρα για τη συγκεκριμένη τεχνολογία και έχει τονίσει τα πλεονεκτήματα και τα οφέλη της χρήσης της. (περισσότερα…)
Πολύ όμορφο και εύκολο jQuery Twitter Ticker.
Το Web Design Blog σας παρουσιάζει ένα πολύ όμορφο και εύκολο jQuery Twitter Ticker που μπορείτε να χρησιμοποιήσετε στο δικό σας διαδικτυακό τόπο. Είναι εικαστικά παραμετροποιήσιμο με δυνατότητα προβολής πολλαπλών λογαριασμών twitter και εμφανίζεται με “ελαφριά” & ωραία κίνηση. Είναι βασισμένο σε CSS & jQuery και δεν χρειάζεται κάποια βάση δεδομένων ή προγραμματισμό για να δουλέψει. Το συγκεκριμένο ticker μπορεί να προβληθεί σε οποιοδήποτε website και να τροποποιηθεί σχεδιαστικά για να ικανοποιήσει τα προσωπικά γούστα του καθενός. Δείτε το παράδειγμα / demo και μελετήστε το tutorial για να κάνετε τις αλλαγές που επιθυμείτε. (περισσότερα…)
Ενδιαφέρον και χρήσιμο jQuery Visual Cheat Sheet για το αρχείο σας.
Κυκλοφόρησε πρόσφατα ένα χρήσιμο και πρακτικό Visual Cheet sheet το οποίο περιλαμβάνει ουσιαστικές πληροφορίες και παραδείγματα για το jQuery 1.3. Είναι σχεδιασμένο από το γνωστό Antonio Lupetti / Woork blog και διατίθεται δωρεάν για τους ενδιαφερόμενους επαγγελματίες του διαδικτύου, που χρησιμοποιούν jQuery στα websites και στις εφαρμογές τους. (περισσότερα…)
jQuery cheat sheet σχεδιασμένο για iPhone.
To iPhone εκτός από ένα πανέμορφο smart phone αποτελεί ένα σημαντικό εργαλείο για κάθε δυναμικό χρήστη και επαγγελματία του διαδικτύου. Υπάρχουν πολλές εφαρμογές που μπορείτε να εγκαταστήσετε για να λαμβάνετε χρήσιμες πληροφορίες και γρήγορες αναφορές σε θέματα και ζητήματα που σας αφορούν. (περισσότερα…)
Η απόλυτη λίστα για το jQuery.
Από τότε που πρώτο-παρουσιάστηκε το jQuery στις 11 Ιανουαρίου το 2006 από τον John Resig, κανείς δεν πίστευε πως θα είχε τόσο μεγάλη ανταπόκριση από την διαδικτυακή κοινότητα. Μέσα σε μια διετία και μετά την ανακοίνωση το Σεπτέμβριο του 2008 πως η Microsoft και η Nokia θα υιοθετήσουν το jQuery στην επίσημη τεχνολογική πλατφόρμα ανάπτυξης τους, κατάφερε να εδραιωθεί σε παγκόσμιο επίπεδο, παρέχοντας πολύπλευρες λύσεις στο τρόπο εμφάνισης περιεχόμενου ενός διαδικτυακού τόπου. Πλέον όλο και περισσότεροι επαγγελματίες και εταιρίες χρησιμοποιούν τη συγκεκριμένη τεχνολογία (JavaScript library) , σχεδιάζοντας websites με καλύτερο navigation / UI προσφέροντας μια ξεχωριστή εμπειρία στους σημερινούς χρήστες του διαδικτύου.
Εξαιρετικά δείγματα από τεχνικές animation με την χρήση jQuery
H πιο διαδεδομένη τεχνολογία για την κατασκευή και προβολή στοιχείων μιας διαδικτυακής εφαρμογής με τα σημερινά δεδομένα είναι το Flash. Στο παρελθόν έχουν υπάρξει τεχνικές με χρήση Shockwave, DHTML και animated giff οι οποίες παρείχαν μια επαγγελματική αλλά μέση λύση λόγω των περιορισμών και μειονεκτημάτων που επιβάρυναν το τελικό αποτέλεσμα. (περισσότερα…)
Αξιόλογα δείγματα από jQuery navigations.
Το WDB σας παρουσιάζει μερικά αξιόλογα websites που χρησιμοποιούν jQuery navigations. Τα παραδείγματα πληθαίνουν καθώς η συγκεκριμένη τεχνολογία γίνεται όλο και πιο αρεστή από τους επαγγελματίες του διαδικτύου. (περισσότερα…)
jQuery menus/ navigations tutorials
Το jQuery το τελευταίο καιρό έχει κερδίσει πολλούς οπαδούς στην διαδικτυακή κοινότητα καθώς είναι ένα Javascript framework που παρέχει ευκολία δουλεύοντας με το Document Object Model (DOM) και ταυτόχρονα ενισχύει τη χρήση Ajax τεχνολογίας. (περισσότερα…)
Recent comments
Πολυ καλο αθρο πραγματικα!
Η σωστή αρχιτεκτονική ενός website και τα οφέλη τηςΠολύ χρήσιμη η λίστα με τα online tools. Ο επιτυχημένος σχεδιασμός μιας ιστοσελίδας βοηθά σε δύο κατευθύνσεις. Η πρώτη είναι ότι βελτιώνει την εμπειρία του επισκέπτη της ιστοσελίδας με συνέπεια ο τελευταίος να βλέπει περισσότερες σελίδες και να μένει περισσότερο χρόνο σε αυτή. Η δεύτερη είναι ότι επειδή ακριβώς βελτιώνονται τα στατιστικά στοιχεία της ιστοσελίδας, όπως το bounce rate, ο μέσος χρόνος παραμονής στην ιστοσελίδα και ο αριθμός των σελίδων ανά επίσκεψη, βελτιώνεται και η κατάταξη της ιστοσελίδας στα οργανικά αποτελέσματα της Google.
10+1 Χρήσιμα website και on line tools