Κυριακή 20 Σεπτεμβρίου 2009
FreshGenerator - Δημιουργία Γραφικών
Το FreshGenerator webdesign είναι ένα εργαλείο που μπορεί να δημιουργήσει ενδιαφέροντα γραφικά στοιχεία που χρησιμοποιούνται σε πολλούς δικτυακούς τόπους Web 2.0. Μπορείτε να το χρησιμοποιήσετε για να δημιουργήσετε στοιχεία με διαφορετικά στυλ και χρώματα. Για να κάνετε αλλαγές στην εικόνα σας αργότερα, αποθηκεύστε το σύνδεσμο που υπάρχει κάτω απο την εικόνα. Για να αποθηκεύσετε το αρχείο που μόλις δημιουργήσατε, κάντε δεξί κλικ πάνω στην εικόνα και επιλέξτε "Αποθήκευση εικόνας ως".
Σάββατο 19 Σεπτεμβρίου 2009
14 Συμβουλές για μεγαλύτερη παραγωγικότητα
Χρονοδιάγραμμα
Δημιουργήστε ένα σαφές χρονοδιάγραμμα εργάσιμης ημέρας και να επιμείνετε σε αυτό.
Αν αποφασίσετε να αρχίσει την εργασία στις 8:00 κάθε πρωί, τότε σηκωθείτε, κάντε ένα ντους, ντυθείτε και αρχίστε τη δουλειά . Τα να περιπλανάστε στο γραφείο ή στο σπίτι σας με τις πιτζάμες σας δε σας προδιαθέτει για μια παραγωγική ημέρα. Ακολουθήστε τον κανόνα αυτό και μπορεί να εκπλαγείτε από το επίπεδο της αύξησης της παραγωγικότητας αμέσως.
Διαλείμματα
Οι μελέτες δείχνουν ότι οι άνθρωποι που κάνουν σύντομα διαλείμματα κατά τη διάρκεια της εργασίας τείνουν να γίνουν πιο παραγωγικοί . Δαπανήστε λίγα λεπτά μακριά από την εργασία και θα επιστρέψετε ανανεωμένοι και έτοιμοι για την επόμενη αποστολή. Έναν περίπατο, ένα σνακ ένα καφέ. Παύσης εργασίας 30 λεπτά ή μία ώρα κάθε μέρα σε προκαθορισμένη ώρα για γεύμα. Η παράκαμψη γεύματος μπορεί να σημαίνει περισσότερο χρόνο για την εργασία, αλλά εργασία με άδειο στομάχι οδηγεί σε χαμηλή συγκέντρωση. Στόχος σας εδώ θα πρέπει να είναι στην ποιότητα και όχι στην ποσότητα.
Ορισμός Στόχων
Χωρίς στόχους, θα βρεθούμε γρήγορα απογοητευμένοι. Οι στόχοι μας κρατούν σε καλό δρόμο με ένα σαφές όραμα. Ορίστε βραχυπρόθεσμους, μεσοπρόθεσμους και μακροπρόθεσμους στόχους . Για παράδειγμα, τι ελπίζετε να επιτύχετε αυτή την εβδομάδα, αυτό το μήνα ή ακόμα και φέτος; Οι Μακροπρόθεσμοι στόχοι βοηθούν στη διαμόρφωση της βραχυπρόθεσμης διάρκειας των στόχων σας. Αφιερώστε κάποιο χρόνο να σκεφτείτε αυτό που θέλετε να πετύχετε και στη συνέχεια, γράψτε το.
Δημιουργήστε λίστες
Χρησιμοποιήστε λίστα με τους εβδομαδιαίους στόχους σας και δημιουργήστε τις καθημερινές σας λίστες. Μπορείτε να χρησιμοποιήσετε οποιοδήποτε μέσω για να τις δημιουργήσετε desktop app, ένα online app ή απλά μολύβι και χαρτί. Ανεξάρτητα από τη μορφή που προτιμάτε, έχοντας τις εργασίες της μέρα σας καθορισμένες, μπορείτε να παραμείνετε εστιασμένοι στην υλοποίηση τους. Δημιουργήστε για την επόμενη ημέρα τη νέα λίστα στο τέλος της κάθε ημέρας και προσπαθήστε να εμείνετε στο στόχο.
Μεγάλες Εργασίες σε μικρά Τεμάχια
Όταν δημιουργούμε μια λίστα, δεν γράφουμε , "Κατασκευή ιστοσελίδας"
Γινόμαστε πιο συγκεκριμένοι, όπως, "κλείσιμο domain" ή "Άνοιγμα χώρου φιλοξενίας." Αν οι εργασίες είναι συγκεκριμένες, τότε θα περιορίσετε το ενδιαφέρον σας και θα εργαστείτε πιο αποτελεσματικά.
Υπολογίστε το χρόνο
Είναι σημαντικό να Γνωρίζετε εάν χρησιμοποιείτε το χρόνο σας σοφά .
Υπολογίστε πόσο χρόνο θα χρειαστεί για να ολοκληρωθούν οι εργασίες: μπορεί να μείνετε έκπληκτοι αν διαπιστώσετε πόσος χρόνος φεύγει σε άχρηστες ασχολίες κάθε μέρα. Γνωρίζοντας το χρόνο που απαιτεί κάθε εργασία μπορεί να σας βοηθήσει να σχεδιάσετε καλύτερα τις ημέρες σας, οδηγώντας σε μεγαλύτερη αποτελεσματικότητα.
Αξιολογήσει την απόδοσή σας Στο τέλος της ημέρας, κάντε μία αναδρομή στο πόσο καλά ανταποκριθήκατε στους στόχους που έχετε ορίσει. Πετύχατε αυτό που έχετε θέση ως στόχο; Αν όχι, γιατί;
Βρείτε τι έφταιξε και βελτιώστε το. Θέσει ρεαλιστικούς στόχους αναλύστε την απόδοσή σας για να διαπιστώσετε αν υπάρχει περιθώριο για βελτίωση.
Κάντε ένα από τα καθήκοντα σε μια ώρα
Το Multi-tasking έχει ένας όρος μόνο για υπολογιστές και όχι για εργαζόμενους. Στην πραγματικότητα, κάνοντας ένα έργο με απόλυτη προσοχή είναι πολύ καλύτερο από ό, τι το να κάνεις δύο εργασίες με λιγότερη προσοχή. Το μοίρασμα της εστίαση σας μεταξύ πολλαπλών καθηκόντων οδηγεί σε μειωμένη ποιότητα και παραγωγικότητα. Κάντε μόνο ένα πράγμα τη φορά και θα δείτε την παραγωγικότητά σας να ανεβαίνει, μαζί με την ποιότητα της εργασίας σας.
Περιορίστε τον χρόνο που δαπανάτε στο σερφάρισμα
Καθορίστε ένα ορισμένο χρονικό διάστημα κάθε μέρα για περιήγηση στο Web, και φροντίστε να είναι σχετικό μ την εργασία σας. Χρησιμοποιήστε RSS αναγνώστη να έχετε το νέο περιεχόμενο από τις αγαπημένες σας ιστοσελίδες και blogs. Αυτό είναι πολύ πιο αποτελεσματικό από το να επισκέπτεστε αυτές τις ιστοσελίδες πολλές φορές την ημέρα για να δείτε αν κάτι νέο έχει δημοσιευθεί. Εάν χρησιμοποιείτε ήδη έναν αναγνώστη RSS, τότε θα μπορούσε πιθανώς να κερδίσετε χρόνο με το να διαγράψετε κάποιες τροφοδοσίες που σπάνια διαβάζετε. Επίσης, οργανώστε τις τροφοδοσίες σας σε φακέλους για καλύτερη οργάνωση.
Απόσπαση της προσοχής
Διαθέστε ορισμένες ώρες της ημέρας για έλεγχο των email και των RSS. Αντί να διατηρείτε πάντα ανοιχτό το πρόγραμμα ανάγνωσης email στην επιφάνεια εργασίας σας και να σας αποσπά συνεχώς την προσοχή σας, αποφασίστε πόσο χρόνο είστε πρόθυμοι να αφιερώσετε. Για παράδειγμα, μπορεί να αποφασίσει να ελέγχετε και να απαντάτε στα e-mail δύο φορές την ημέρα. Να είστε σίγουροι πως θα χρειαστείτε λιγότερο χρόνο για την ανάγνωση και απάντηση σε πολλά μηνύματα μια ή δύο φορές την ημέρα από το να το κάνετε αυτό αποσπασματικά κατά τη διάρκεια της ημέρας.
Σεβασμός στο γραφείο σας
Κρατήστε το γραφείο σας καθαρό και τακτικό. Να έχουν μόνο τα ουσιώδη για την εργασίας σας: υπολογιστής, τηλέφωνο, εκτυπωτή, κλπ. Ένα παραφορτωμένο γραφείο επηρεάζει αρνητικά τη διάθεσή σας, κι αυτό θα έχει αρνητικό αντίκτυπο στην εργασία σας. Η εργασία σε χαώδες περιβάλλον είναι αντιπαραγωγική. Αφιερώστε χρόνο και φροντίστε ώστε όλα τα πράγματα που χρειάζεστε να είναι ακριβώς μπροστά σας. Το να ψάχνετε συνεχώς διάφορα πράγματα, το περπάτημα μέχρι τον εκτυπωτή και άλλες παρόμοιες ενέργειες μπορούν πραγματικά να αποτελέσουν μεγάλη σπατάλη χρόνου.
Άνεση
Κάντε χώρο εργασίας σας άνετο. Από το άνοιγμα του παραθύρου μια ωραία ημέρα ή παίζοντας μερικά από τα αγαπημένα σας μουσικά κομμάτια. Ο Χώρος της εργασίας σας δεν θα πρέπει να είναι σκοτεινός και θλιμμένος όπου αισθάνεστε σαν σκλάβος απομονωμένοι όλη την ημέρα. Μπορείτε να απολαμβάνετε την εργασία σας. Επενδύστε σε μια εργονομική καρέκλα, το πληκτρολόγιο και το ποντίκι. Ο πόνος στην πλάτη ή στον καρπό και στους τένοντες δεν θα σας κάνει πιο παραγωγικούς. Κάντε έρευνα σχετικά με την εργονομία για να μάθετε πώς να δημιουργήσετε ένα άνετο και υγιές περιβάλλον.
Φορητότητα
Ένα από τα πλεονεκτήματα του να είναι ελεύθερος επαγγελματίας κάποιος είναι το ότι δεν χρειάζεται να είναι σε κάποιο συγκεκριμένο σημείο για να κάνει τη δουλειά του. Αν βρεθείτε λοιπόν σε εργασιακό τέλμα, τα πράγματα μπορούν να αλλάζουν εάν μπορείτε να μεταφερθείτε κάπου αλλού. Στο τοπικό καφέ, ή στο πάρκο. Μια αλλαγή σκηνικού μπορεί να επηρεάσει σε μεγάλο βαθμό την ψυχολογία μας και να ανανεώσει τη διάθεσή μας, δεδομένου ότι οι περισσότερες πόλεις έχουν πολλά δωρεάν WiFi hotspots. Απλά το φορητό υπολογιστή παραμάσχαλα ...
Εξωτερική Βοήθεια
Σκεφτείτε την πρόσληψη ενός βοηθού προκειμένου να διεκπεραιώνει εργασίες , τιμολόγησης , πληρωμών , καταθέσεων ώστε να μένει σε εσάς περισσότερος χρόνος για την εργασία μας. Αναθέστε τα φορολογικά σε έναν λογιστή Λογιστής .Έτσι θα γίνονται τα πράγματα σωστά και θα έχετε ένα λιγότερο πράγμα να ανησυχείτε. Όλα τα είδη των υπηρεσιών για ιδιοκτήτες μικρών επιχειρήσεων είναι εκεί έξω. Δεν έχει νόημα να αναλώνεστε με αυτά.
Μάθετε από άλλους Επαγγελματίες
Γίνετε μέλη σε φόρουμ συναδέλφων σας και μοιραστείτε γνώση και νέες ιδέες κάθε μέρα. Θα μπορούσατε να μάθετε πράγματα όπως το πώς να αντιμετωπίζετε καλύτερα τους πελάτες και ποιο είναι το καλύτερο λογισμικό τιμολόγησης. Γίνετε μέλος και θα καρπωθείτε τα οφέλη από τη συλλογική εμπειρία των freelancers .
Μετάφραση απο smashingmagazine.com
Δημιουργήστε ένα σαφές χρονοδιάγραμμα εργάσιμης ημέρας και να επιμείνετε σε αυτό.
Αν αποφασίσετε να αρχίσει την εργασία στις 8:00 κάθε πρωί, τότε σηκωθείτε, κάντε ένα ντους, ντυθείτε και αρχίστε τη δουλειά . Τα να περιπλανάστε στο γραφείο ή στο σπίτι σας με τις πιτζάμες σας δε σας προδιαθέτει για μια παραγωγική ημέρα. Ακολουθήστε τον κανόνα αυτό και μπορεί να εκπλαγείτε από το επίπεδο της αύξησης της παραγωγικότητας αμέσως.
Διαλείμματα
Οι μελέτες δείχνουν ότι οι άνθρωποι που κάνουν σύντομα διαλείμματα κατά τη διάρκεια της εργασίας τείνουν να γίνουν πιο παραγωγικοί . Δαπανήστε λίγα λεπτά μακριά από την εργασία και θα επιστρέψετε ανανεωμένοι και έτοιμοι για την επόμενη αποστολή. Έναν περίπατο, ένα σνακ ένα καφέ. Παύσης εργασίας 30 λεπτά ή μία ώρα κάθε μέρα σε προκαθορισμένη ώρα για γεύμα. Η παράκαμψη γεύματος μπορεί να σημαίνει περισσότερο χρόνο για την εργασία, αλλά εργασία με άδειο στομάχι οδηγεί σε χαμηλή συγκέντρωση. Στόχος σας εδώ θα πρέπει να είναι στην ποιότητα και όχι στην ποσότητα.
Ορισμός Στόχων
Χωρίς στόχους, θα βρεθούμε γρήγορα απογοητευμένοι. Οι στόχοι μας κρατούν σε καλό δρόμο με ένα σαφές όραμα. Ορίστε βραχυπρόθεσμους, μεσοπρόθεσμους και μακροπρόθεσμους στόχους . Για παράδειγμα, τι ελπίζετε να επιτύχετε αυτή την εβδομάδα, αυτό το μήνα ή ακόμα και φέτος; Οι Μακροπρόθεσμοι στόχοι βοηθούν στη διαμόρφωση της βραχυπρόθεσμης διάρκειας των στόχων σας. Αφιερώστε κάποιο χρόνο να σκεφτείτε αυτό που θέλετε να πετύχετε και στη συνέχεια, γράψτε το.
Δημιουργήστε λίστες
Χρησιμοποιήστε λίστα με τους εβδομαδιαίους στόχους σας και δημιουργήστε τις καθημερινές σας λίστες. Μπορείτε να χρησιμοποιήσετε οποιοδήποτε μέσω για να τις δημιουργήσετε desktop app, ένα online app ή απλά μολύβι και χαρτί. Ανεξάρτητα από τη μορφή που προτιμάτε, έχοντας τις εργασίες της μέρα σας καθορισμένες, μπορείτε να παραμείνετε εστιασμένοι στην υλοποίηση τους. Δημιουργήστε για την επόμενη ημέρα τη νέα λίστα στο τέλος της κάθε ημέρας και προσπαθήστε να εμείνετε στο στόχο.
Μεγάλες Εργασίες σε μικρά Τεμάχια
Όταν δημιουργούμε μια λίστα, δεν γράφουμε , "Κατασκευή ιστοσελίδας"
Γινόμαστε πιο συγκεκριμένοι, όπως, "κλείσιμο domain" ή "Άνοιγμα χώρου φιλοξενίας." Αν οι εργασίες είναι συγκεκριμένες, τότε θα περιορίσετε το ενδιαφέρον σας και θα εργαστείτε πιο αποτελεσματικά.
Υπολογίστε το χρόνο
Είναι σημαντικό να Γνωρίζετε εάν χρησιμοποιείτε το χρόνο σας σοφά .
Υπολογίστε πόσο χρόνο θα χρειαστεί για να ολοκληρωθούν οι εργασίες: μπορεί να μείνετε έκπληκτοι αν διαπιστώσετε πόσος χρόνος φεύγει σε άχρηστες ασχολίες κάθε μέρα. Γνωρίζοντας το χρόνο που απαιτεί κάθε εργασία μπορεί να σας βοηθήσει να σχεδιάσετε καλύτερα τις ημέρες σας, οδηγώντας σε μεγαλύτερη αποτελεσματικότητα.
Αξιολογήσει την απόδοσή σας Στο τέλος της ημέρας, κάντε μία αναδρομή στο πόσο καλά ανταποκριθήκατε στους στόχους που έχετε ορίσει. Πετύχατε αυτό που έχετε θέση ως στόχο; Αν όχι, γιατί;
Βρείτε τι έφταιξε και βελτιώστε το. Θέσει ρεαλιστικούς στόχους αναλύστε την απόδοσή σας για να διαπιστώσετε αν υπάρχει περιθώριο για βελτίωση.
Κάντε ένα από τα καθήκοντα σε μια ώρα
Το Multi-tasking έχει ένας όρος μόνο για υπολογιστές και όχι για εργαζόμενους. Στην πραγματικότητα, κάνοντας ένα έργο με απόλυτη προσοχή είναι πολύ καλύτερο από ό, τι το να κάνεις δύο εργασίες με λιγότερη προσοχή. Το μοίρασμα της εστίαση σας μεταξύ πολλαπλών καθηκόντων οδηγεί σε μειωμένη ποιότητα και παραγωγικότητα. Κάντε μόνο ένα πράγμα τη φορά και θα δείτε την παραγωγικότητά σας να ανεβαίνει, μαζί με την ποιότητα της εργασίας σας.
Περιορίστε τον χρόνο που δαπανάτε στο σερφάρισμα
Καθορίστε ένα ορισμένο χρονικό διάστημα κάθε μέρα για περιήγηση στο Web, και φροντίστε να είναι σχετικό μ την εργασία σας. Χρησιμοποιήστε RSS αναγνώστη να έχετε το νέο περιεχόμενο από τις αγαπημένες σας ιστοσελίδες και blogs. Αυτό είναι πολύ πιο αποτελεσματικό από το να επισκέπτεστε αυτές τις ιστοσελίδες πολλές φορές την ημέρα για να δείτε αν κάτι νέο έχει δημοσιευθεί. Εάν χρησιμοποιείτε ήδη έναν αναγνώστη RSS, τότε θα μπορούσε πιθανώς να κερδίσετε χρόνο με το να διαγράψετε κάποιες τροφοδοσίες που σπάνια διαβάζετε. Επίσης, οργανώστε τις τροφοδοσίες σας σε φακέλους για καλύτερη οργάνωση.
Απόσπαση της προσοχής
Διαθέστε ορισμένες ώρες της ημέρας για έλεγχο των email και των RSS. Αντί να διατηρείτε πάντα ανοιχτό το πρόγραμμα ανάγνωσης email στην επιφάνεια εργασίας σας και να σας αποσπά συνεχώς την προσοχή σας, αποφασίστε πόσο χρόνο είστε πρόθυμοι να αφιερώσετε. Για παράδειγμα, μπορεί να αποφασίσει να ελέγχετε και να απαντάτε στα e-mail δύο φορές την ημέρα. Να είστε σίγουροι πως θα χρειαστείτε λιγότερο χρόνο για την ανάγνωση και απάντηση σε πολλά μηνύματα μια ή δύο φορές την ημέρα από το να το κάνετε αυτό αποσπασματικά κατά τη διάρκεια της ημέρας.
Σεβασμός στο γραφείο σας
Κρατήστε το γραφείο σας καθαρό και τακτικό. Να έχουν μόνο τα ουσιώδη για την εργασίας σας: υπολογιστής, τηλέφωνο, εκτυπωτή, κλπ. Ένα παραφορτωμένο γραφείο επηρεάζει αρνητικά τη διάθεσή σας, κι αυτό θα έχει αρνητικό αντίκτυπο στην εργασία σας. Η εργασία σε χαώδες περιβάλλον είναι αντιπαραγωγική. Αφιερώστε χρόνο και φροντίστε ώστε όλα τα πράγματα που χρειάζεστε να είναι ακριβώς μπροστά σας. Το να ψάχνετε συνεχώς διάφορα πράγματα, το περπάτημα μέχρι τον εκτυπωτή και άλλες παρόμοιες ενέργειες μπορούν πραγματικά να αποτελέσουν μεγάλη σπατάλη χρόνου.
Άνεση
Κάντε χώρο εργασίας σας άνετο. Από το άνοιγμα του παραθύρου μια ωραία ημέρα ή παίζοντας μερικά από τα αγαπημένα σας μουσικά κομμάτια. Ο Χώρος της εργασίας σας δεν θα πρέπει να είναι σκοτεινός και θλιμμένος όπου αισθάνεστε σαν σκλάβος απομονωμένοι όλη την ημέρα. Μπορείτε να απολαμβάνετε την εργασία σας. Επενδύστε σε μια εργονομική καρέκλα, το πληκτρολόγιο και το ποντίκι. Ο πόνος στην πλάτη ή στον καρπό και στους τένοντες δεν θα σας κάνει πιο παραγωγικούς. Κάντε έρευνα σχετικά με την εργονομία για να μάθετε πώς να δημιουργήσετε ένα άνετο και υγιές περιβάλλον.
Φορητότητα
Ένα από τα πλεονεκτήματα του να είναι ελεύθερος επαγγελματίας κάποιος είναι το ότι δεν χρειάζεται να είναι σε κάποιο συγκεκριμένο σημείο για να κάνει τη δουλειά του. Αν βρεθείτε λοιπόν σε εργασιακό τέλμα, τα πράγματα μπορούν να αλλάζουν εάν μπορείτε να μεταφερθείτε κάπου αλλού. Στο τοπικό καφέ, ή στο πάρκο. Μια αλλαγή σκηνικού μπορεί να επηρεάσει σε μεγάλο βαθμό την ψυχολογία μας και να ανανεώσει τη διάθεσή μας, δεδομένου ότι οι περισσότερες πόλεις έχουν πολλά δωρεάν WiFi hotspots. Απλά το φορητό υπολογιστή παραμάσχαλα ...
Εξωτερική Βοήθεια
Σκεφτείτε την πρόσληψη ενός βοηθού προκειμένου να διεκπεραιώνει εργασίες , τιμολόγησης , πληρωμών , καταθέσεων ώστε να μένει σε εσάς περισσότερος χρόνος για την εργασία μας. Αναθέστε τα φορολογικά σε έναν λογιστή Λογιστής .Έτσι θα γίνονται τα πράγματα σωστά και θα έχετε ένα λιγότερο πράγμα να ανησυχείτε. Όλα τα είδη των υπηρεσιών για ιδιοκτήτες μικρών επιχειρήσεων είναι εκεί έξω. Δεν έχει νόημα να αναλώνεστε με αυτά.
Μάθετε από άλλους Επαγγελματίες
Γίνετε μέλη σε φόρουμ συναδέλφων σας και μοιραστείτε γνώση και νέες ιδέες κάθε μέρα. Θα μπορούσατε να μάθετε πράγματα όπως το πώς να αντιμετωπίζετε καλύτερα τους πελάτες και ποιο είναι το καλύτερο λογισμικό τιμολόγησης. Γίνετε μέλος και θα καρπωθείτε τα οφέλη από τη συλλογική εμπειρία των freelancers .
Μετάφραση απο smashingmagazine.com
Σάββατο 12 Σεπτεμβρίου 2009
Τετάρτη 9 Σεπτεμβρίου 2009
All You Need for Cascading Stylesheets (CSS)
CSS Tutorials (all-in-one)
http://www.thefixor.com/code_css.php#tutor
Tutorials, Demos, and Hacks
http://nemesis1.f2o.org/links
Florida State University Webmaster - Curriculum Cascading Style Sheets (CSS 2.1) Reference
http://learningforlife.fsu.edu/webmaster/references/css/index.cfm
1. Rebuilding a Site With Standards
http://www.meyerweb.com/eric/talks/2002/wdw-boston/meyer-rebuilding.html
2. W3C Web Style Sheets CSS tips & tricks
http://www.w3.org/Style/Examples/007/
3. Tables or CSS? Choosing a layout http://www.saila.com/usage/layouts/cssvtables.shtml
4. Tableless Layout with CSS HowTo (W3C)
http://www.w3.org/2002/03/csslayout-howto.html.en
5. How to build a web site without tables
http://www.mako4css.com/Tutorial.htm
6. CSS Quick Reference
http://www.devguru.com/Technologies/css/quickref/css_index.html
7. CSS Bugs and Workarounds
http://css.nu/pointers/bugs.html
8. How to hide CSS from buggy browsers
http://w3development.de/css/hide_css_from_browsers/
9. Hiding CSS form Netscape 4+
http://www.v2studio.com/k/css/n4hide/
10. External link icons the CSS way:
http://www.kryogenix.org/days/173.html
11. CSS Top Menu Combination - Does not work in Internet Explorer 6.0. It does work in Mozilla 1.4., Opera 6.0., and Safari 1.0.
http://moronicbajebus.com/playground/cssplay/top-menu/
12. Hover Sidebar with CSS - It is known to work in Mozilla 1.3b or later (though in Mozilla 1.4a it was buggy but then was fixed) and it also works in Opera 7.0. But alas, it does not work in Internet Explorer 6.0 because Internet Explorer does not support :hover on anything but hyperlinks ().
http://moronicbajebus.com/playground/cssplay/hover-sidebar/
13. Erlarger Button Menu with CSS - Overlapping the other elements:
http://moronicbajebus.com/playground/cssplay/enlarger-button-menu/ This does not work in Internet Explorer.
14. Reformat the tables with CSS - It works in Mozilla 1.4+ and Opera 7.0. It does not work in Windows Internet Explorer 6.
http://moronicbajebus.com/playground/cssplay/reformat-table/
15. Image replacement - no span with CSS - This works great in Windows Internet Explorer 6, Mozilla 1.4+, and Opera 6+; but in Windows Internet Explorer 5 nothing shows up. This can easily be solved, note of problem and solution courtesy...
http://moronicbajebus.com/playground/cssplay/image-replacement/ 16. Mark you jump - You need a browser that supports CSS3. This is where the time traveling comes in because as of today (2003/2/June) CSS3 is still in the draft stage; but you are in for some luck Mozilla 1.3 does support :target—those wacky Mozilla people.
http://moronicbajebus.com/playground/cssplay/markyourjump/
17. Horizontal Menu using CSS
http://moronicbajebus.com/playground/cssplay/hormenu/
18. Add banner positioning with CSS
http://www.peterbailey.net/test/banner.htm
19. Box Model Hack
http://www.tantek.com/CSS/Examples/boxmodelhack.html
20. Designing for two Style Sheets - This method is suitable for use when you have a site that is laid out using CSS positioning as opposed to tables, and where the content is likely to get displayed badly in older browsers. By carefully planning your layout you can create an alternate stylesheet that will display correctly in older browsers and still be able to do an advanced CSS layout for the rest.
http://www.edgeofmyseat.com/showarticle.do?AID=5
21. CSS-driven tabs
http://www.clagnut.com/writings/csstabs/
22. CSS: Mix and match Classes
http://catcode.com/csstips/classes.html
23. CSS: Graphic List Bullets
http://catcode.com/csstips/graphic_list.html
24. CSS: Centered Tables
http://catcode.com/csstips/center_table.html
25. CSS and Netscape 4.xx Issues - The market share of browsers that do not support any CSS is now below 0.5%. Therefore web developers have more freedom to actually separate content (HTML) and presentation (CSS). The biggest challenges that web developers face when implementing CSS is backwards compatibility and browser support.
http://www.mako4css.com/Issues.htm
26. Mark external links on your site (and others!)
http://www.sitepoint.com/newsletter/viewissue.php?id=3&issue=60&format=html#6
27. CSS Positioning Properties
http://www.miswebdesign.com/resources/articles/css-positioning-properties.html
28. CSS Menus - Uberlink CSS Rollovers:
http://www.projectseven.com/tutorials/css_menus/list_01/index.htm
29. CSS-TD CSS Table Design:
http://www.projectseven.com/tutorials/css_t/index.htm
30. Navigation Menu without Images:
http://www.bravenet.com/resources/tipsandtricks/showtip.php?view=160
31. Dynamic @import CSS files using PHP:
http://www.1976design.com/blog/archive/2004/02/03/php-dynamic-css/
32. max-width in Internet Explorer:
http://www.svendtofte.com/code/max_width_in_ie/
33. The Basics of Positioning
http://www.communitymx.com/content/article.cfm?cid=3B56F
34. Creating radically different list options
http://css.maxdesign.com.au/listamatic/
35. CSS Rollover Tutorial
http://info.vilesilencer.com/main.php?rock=css_tute1.php
------- Tools and Utilities (please report broken links)
1. Build tableless (with CSS) pages with this free online tool:
http://www.fu2k.org/alex/css/layouts/3Col_OrderedAbsolute.mhtml
2. User Style Sheet Wizzard
http://www.techdis.ac.uk/seven/wizards/user-style.html
3. FREE Accessible Forms Creator Desktop Software (for building forms with CSS or tables):
http://www.hisoftware.com/access/valueadd9.html
4. Style Master - CSS Web Page layout Editor for Windows and Macintosh:
http://www.westciv.com/style_master/
5. Layout-Matic - Generates CSS for formatting lists in a variety of forms:
http://www.inknoise.com/experimental/layoutomatic.php
The Advanced CSS Reference -
http://www.blooberry.com/indexdot/css/
Tabs using CSS -
http://www.brainjar.com/css/tabs/default.asp
How to Create a Photographic Gallery Using CSS -
http://www.webreference.com/programming/css_gallery/
Πηγή: http://www.freestuff.gr/forums/viewtopic.php?t=21390
http://www.thefixor.com/code_css.php#tutor
Tutorials, Demos, and Hacks
http://nemesis1.f2o.org/links
Florida State University Webmaster - Curriculum Cascading Style Sheets (CSS 2.1) Reference
http://learningforlife.fsu.edu/webmaster/references/css/index.cfm
1. Rebuilding a Site With Standards
http://www.meyerweb.com/eric/talks/2002/wdw-boston/meyer-rebuilding.html
2. W3C Web Style Sheets CSS tips & tricks
http://www.w3.org/Style/Examples/007/
3. Tables or CSS? Choosing a layout http://www.saila.com/usage/layouts/cssvtables.shtml
4. Tableless Layout with CSS HowTo (W3C)
http://www.w3.org/2002/03/csslayout-howto.html.en
5. How to build a web site without tables
http://www.mako4css.com/Tutorial.htm
6. CSS Quick Reference
http://www.devguru.com/Technologies/css/quickref/css_index.html
7. CSS Bugs and Workarounds
http://css.nu/pointers/bugs.html
8. How to hide CSS from buggy browsers
http://w3development.de/css/hide_css_from_browsers/
9. Hiding CSS form Netscape 4+
http://www.v2studio.com/k/css/n4hide/
10. External link icons the CSS way:
http://www.kryogenix.org/days/173.html
11. CSS Top Menu Combination - Does not work in Internet Explorer 6.0. It does work in Mozilla 1.4., Opera 6.0., and Safari 1.0.
http://moronicbajebus.com/playground/cssplay/top-menu/
12. Hover Sidebar with CSS - It is known to work in Mozilla 1.3b or later (though in Mozilla 1.4a it was buggy but then was fixed) and it also works in Opera 7.0. But alas, it does not work in Internet Explorer 6.0 because Internet Explorer does not support :hover on anything but hyperlinks ().
http://moronicbajebus.com/playground/cssplay/hover-sidebar/
13. Erlarger Button Menu with CSS - Overlapping the other elements:
http://moronicbajebus.com/playground/cssplay/enlarger-button-menu/ This does not work in Internet Explorer.
14. Reformat the tables with CSS - It works in Mozilla 1.4+ and Opera 7.0. It does not work in Windows Internet Explorer 6.
http://moronicbajebus.com/playground/cssplay/reformat-table/
15. Image replacement - no span with CSS - This works great in Windows Internet Explorer 6, Mozilla 1.4+, and Opera 6+; but in Windows Internet Explorer 5 nothing shows up. This can easily be solved, note of problem and solution courtesy...
http://moronicbajebus.com/playground/cssplay/image-replacement/ 16. Mark you jump - You need a browser that supports CSS3. This is where the time traveling comes in because as of today (2003/2/June) CSS3 is still in the draft stage; but you are in for some luck Mozilla 1.3 does support :target—those wacky Mozilla people.
http://moronicbajebus.com/playground/cssplay/markyourjump/
17. Horizontal Menu using CSS
http://moronicbajebus.com/playground/cssplay/hormenu/
18. Add banner positioning with CSS
http://www.peterbailey.net/test/banner.htm
19. Box Model Hack
http://www.tantek.com/CSS/Examples/boxmodelhack.html
20. Designing for two Style Sheets - This method is suitable for use when you have a site that is laid out using CSS positioning as opposed to tables, and where the content is likely to get displayed badly in older browsers. By carefully planning your layout you can create an alternate stylesheet that will display correctly in older browsers and still be able to do an advanced CSS layout for the rest.
http://www.edgeofmyseat.com/showarticle.do?AID=5
21. CSS-driven tabs
http://www.clagnut.com/writings/csstabs/
22. CSS: Mix and match Classes
http://catcode.com/csstips/classes.html
23. CSS: Graphic List Bullets
http://catcode.com/csstips/graphic_list.html
24. CSS: Centered Tables
http://catcode.com/csstips/center_table.html
25. CSS and Netscape 4.xx Issues - The market share of browsers that do not support any CSS is now below 0.5%. Therefore web developers have more freedom to actually separate content (HTML) and presentation (CSS). The biggest challenges that web developers face when implementing CSS is backwards compatibility and browser support.
http://www.mako4css.com/Issues.htm
26. Mark external links on your site (and others!)
http://www.sitepoint.com/newsletter/viewissue.php?id=3&issue=60&format=html#6
27. CSS Positioning Properties
http://www.miswebdesign.com/resources/articles/css-positioning-properties.html
28. CSS Menus - Uberlink CSS Rollovers:
http://www.projectseven.com/tutorials/css_menus/list_01/index.htm
29. CSS-TD CSS Table Design:
http://www.projectseven.com/tutorials/css_t/index.htm
30. Navigation Menu without Images:
http://www.bravenet.com/resources/tipsandtricks/showtip.php?view=160
31. Dynamic @import CSS files using PHP:
http://www.1976design.com/blog/archive/2004/02/03/php-dynamic-css/
32. max-width in Internet Explorer:
http://www.svendtofte.com/code/max_width_in_ie/
33. The Basics of Positioning
http://www.communitymx.com/content/article.cfm?cid=3B56F
34. Creating radically different list options
http://css.maxdesign.com.au/listamatic/
35. CSS Rollover Tutorial
http://info.vilesilencer.com/main.php?rock=css_tute1.php
------- Tools and Utilities (please report broken links)
1. Build tableless (with CSS) pages with this free online tool:
http://www.fu2k.org/alex/css/layouts/3Col_OrderedAbsolute.mhtml
2. User Style Sheet Wizzard
http://www.techdis.ac.uk/seven/wizards/user-style.html
3. FREE Accessible Forms Creator Desktop Software (for building forms with CSS or tables):
http://www.hisoftware.com/access/valueadd9.html
4. Style Master - CSS Web Page layout Editor for Windows and Macintosh:
http://www.westciv.com/style_master/
5. Layout-Matic - Generates CSS for formatting lists in a variety of forms:
http://www.inknoise.com/experimental/layoutomatic.php
The Advanced CSS Reference -
http://www.blooberry.com/indexdot/css/
Tabs using CSS -
http://www.brainjar.com/css/tabs/default.asp
How to Create a Photographic Gallery Using CSS -
http://www.webreference.com/programming/css_gallery/
Πηγή: http://www.freestuff.gr/forums/viewtopic.php?t=21390
JQuery
JQuery
[ Πριν χρησιμοποιήσετε το Jquery μπορεί να θέλετε να ρίξετε μία ματιά σε αυτές τις σελίδες για το πώς λειτoυργει ]
http://15daysofjquery.com/ - 15 Days με το JQuery
http://www.learningjquery.com/ - Learning JQuery
http://docs.jquery.com/ - JQuery Documentation
http://15daysofjquery.com/draggable-droppables-and-selectables-oh-my/22/ - Δημιουργώντας Dragable Objects http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery – Ξεκινώντας με το JQuery
Scripts
http://www.webresourcesdepot.com/featured-content-slider-with-jquery-ui/ - Feature Contect Gallery
http://conceptlogic.com/jcart/ - JQuery Cart with php5 http://thisblog.usejquery.com/2009/03/18/create-a-unique-gallery-by...index-and-jquery/ - Jquery and zindex Gallery
http://www.ronniesan.com/articles/jquery-multiple-file-upload.php - File Uploader me Jquery
http://jquery.thewikies.com/sifr/ - Fonts
http://www.ericmmartin.com/projects/simplemodal - SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog.
http://docs.jquery.com/Using_jQuery_with_Other_Libraries - Use Jquery with other libraries with no problemo!
http://ui.jquery.com/ - To UI του Jquery
http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ - Jquery Scroller Image Gallery
http://www.leigeber.com/2008/12/javascript-slideshow/ - Javascript slideshow
http://webtoolkit4.me/2008/12/31/jquery-alert-dialogs/ - Costumize Jquery Alert boxes
http://developerfox.com/13-excellent-tutorials-on-creating-jquery-navigation-menu/584 - Menus me to Jquery
http://www.serie3.info/s3slider/index.php - TOPED jquery library for Image previews!
http://www.reindel.com/accessible_news_slider/ : sliders with news
http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding - Easy Image slider plugin
http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider - Slider Image effect
http://www.thewojogroup.com/2008/10/simplecartjs-paypal-e-commerce-in-minutes/ - Shopping cart me AJAX
http://bassistance.de/jquery-plugins/jquery-plugin-validation/ - Form Validation
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ - Autocomplite
http://www.atblabs.com/jquery.corners.html - Ajax rounded corners with Jquery
http://kitchen.net-perspective.com/open-source/scroll-follow/ - Scroll down effect Με το Jquery
http://www.5bosses.com/examples/agile_carousel/multi_example/carousel.html - Jquery Carusell ( Download:
http://plugins.jquery.com/files/jquery.agile_carousel-beta.2.0.zip )
http://www.gruppo4.com/~tobia/cross-slide.shtml - Cute effe σε φωτογραφίες, για Image Gallery previews portfolios και τα σχετικα
http://malsup.com/jquery/cycle/ - Cycle Images Gallery
http://nettuts.com/javascript-ajax/create-a-tabbed-interface-using-jquery/ - Tabbed Content
http://nettuts.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/ - Tanned content
http://www.codylindley.com/blogstuff/js/jtip/ - Jquery tooltip
http://sorgalla.com/jcarousel/ - Image Carusell
http://plugins.jquery.com/project/scrollto - Inside page scroller
http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12 - Inside page scroller
http://demos.flesler.com/jquery/scrollTo/ - Inside page scroller
http://www.stilbuero.de/jquery/tabs_3/ - UI for creating Tabs
http://theportraitofageek.com/blog/?p=170 - Password Checker
http://nodstrum.com/2007/09/19/autocompleter/ - Auto Completer
http://www.sastgroup.com/jquery/240-plugins-jquery - 250 examples me to Jquery
http://www.deensoft.com/lab/protochart/ - Φτιάχνουμε Charts.
http://jqueryfordesigners.com/using-ajax-to-validate-forms/ - Using JQuery για Forms Validation
http://devkick.com/lab/galleria/ - Ajax Gallery με Thumbalish και rotating Images
http://theportraitofageek.com/blog/?p=130 – Δημιουργούμε Image Captions τα οποία φένονται σε όλη τη σελίδα. Φτιάχτηκε και από τον δικό μας, Gerasimos Tsiamalos
http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en – JQuery Multimedia Portfolio
http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en – Jquery Tags Cloud
http://plugins.jquery.com/project/pagination - JQuery pagination plugin
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm - Accordination menu με AJAX!
http://jquery.bassistance.de/treeview/demo/ - JQuery tree like menu
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html - JQuery επέλεξε και μετέφερε στοιχεία από το ένα menu στο άλλο.
http://malsup.com/jquery/form/ - JQuery forms
http://projects.bundleweb.com.ar/jWYSIWYG/ - jWYSIWYG editor
http://eyebulb.com/dropshadow/ - Shadow effects με AJAX
http://www.balupton.com/sandbox/jquery_lightbox/ - LightBox effect (ανοίξτε την καινούργια φωτογραφεία σε νέο in-site παράθυρο.)
http://famspam.com/facebox - AJAX effect όπως το facebook
http://www.openstudio.fr/Animated-InnerFade-with-JQuery.html - Δημιουργείτε μία ξενάγηση βασισμένη σε φωτογραφείς.
http://odyniec.net/projects/imgareaselect/ - Image Area selection
http://boedesign.com/2008/02/20/jtabber-for-jquery/ - Tabs με το Jquery
http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm - Αριθμομηχανή για μεγάλους υπολογισμούς
http://remysharp.com/2008/02/28/upgraded-jquery-tag-suggestions/ - Αναζητείτε tag και κάνει selection μόνο του
http://www.bennadel.com/blog/1009-jQuery-Demo-Creating-A-Sliding-Im...uzzle-Plug-In.htm - Δημιουργείτε puzzles με το JQuery
http://css-tricks.com/designing-the-digg-header-how-to-download/ - Diggit like header
http://avidansoft.com/dsrte/ - Rich Text Editor
http://www.sean-o.com/jquery/jmp3/ - mp3 player με Ajax
http://jquery.com/demo/thickbox/ - Thickbox plugin, για τα Images μία Alternative επιλογή του lightbox
http://webplicity.net/flexigrid/ - Πίνακες από Data
http://blog.jeremymartin.name/2008/02/blogger-trick-style-author-comments.html - Διαφορετικά χρώματα στα style
http://swedishfika.com/2008/03/04/creating-a-fading-header/ - Fading Images
http://stilbuero.de/jquery/tabs_3/ - Tabs
http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php - Ακόμη ένα menu με expanded slides
http://gmarwaha.com/blog/?cat=8 – Selection menu
http://sorgalla.com/jcarousel/ - Images sliding με selectors
http://acko.net/dev/farbtastic - Color Picker
http://www.ericmmartin.com/simplemodal/ - Ανοίχτε text, σαν lightbox effect
http://bassistance.de/jquery-plugins/jquery-plugin-validation/ - Form validation
http://php.scripts.psu.edu/rja171/widgets/rating.php - Simple star Rating system
http://www.codylindley.com/blogstuff/js/jtip/ - Tooltips effect
http://interface.eyecon.ro/demos/drag_drop_tree.html - Drag and Drop menu
http://www.kelvinluck.com/article/switch-stylesheets-with-jquery - Αλάξτε styles στην σελίδα με την χρήση του JQuery
Πηγή : http://www.freestuff.gr/forums/viewtopic.php?t=28039
[ Πριν χρησιμοποιήσετε το Jquery μπορεί να θέλετε να ρίξετε μία ματιά σε αυτές τις σελίδες για το πώς λειτoυργει ]
http://15daysofjquery.com/ - 15 Days με το JQuery
http://www.learningjquery.com/ - Learning JQuery
http://docs.jquery.com/ - JQuery Documentation
http://15daysofjquery.com/draggable-droppables-and-selectables-oh-my/22/ - Δημιουργώντας Dragable Objects http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery – Ξεκινώντας με το JQuery
Scripts
http://www.webresourcesdepot.com/featured-content-slider-with-jquery-ui/ - Feature Contect Gallery
http://conceptlogic.com/jcart/ - JQuery Cart with php5 http://thisblog.usejquery.com/2009/03/18/create-a-unique-gallery-by...index-and-jquery/ - Jquery and zindex Gallery
http://www.ronniesan.com/articles/jquery-multiple-file-upload.php - File Uploader me Jquery
http://jquery.thewikies.com/sifr/ - Fonts
http://www.ericmmartin.com/projects/simplemodal - SimpleModal is a lightweight jQuery plugin that provides a simple interface to create a modal dialog.
http://docs.jquery.com/Using_jQuery_with_Other_Libraries - Use Jquery with other libraries with no problemo!
http://ui.jquery.com/ - To UI του Jquery
http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ - Jquery Scroller Image Gallery
http://www.leigeber.com/2008/12/javascript-slideshow/ - Javascript slideshow
http://webtoolkit4.me/2008/12/31/jquery-alert-dialogs/ - Costumize Jquery Alert boxes
http://developerfox.com/13-excellent-tutorials-on-creating-jquery-navigation-menu/584 - Menus me to Jquery
http://www.serie3.info/s3slider/index.php - TOPED jquery library for Image previews!
http://www.reindel.com/accessible_news_slider/ : sliders with news
http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding - Easy Image slider plugin
http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider - Slider Image effect
http://www.thewojogroup.com/2008/10/simplecartjs-paypal-e-commerce-in-minutes/ - Shopping cart me AJAX
http://bassistance.de/jquery-plugins/jquery-plugin-validation/ - Form Validation
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ - Autocomplite
http://www.atblabs.com/jquery.corners.html - Ajax rounded corners with Jquery
http://kitchen.net-perspective.com/open-source/scroll-follow/ - Scroll down effect Με το Jquery
http://www.5bosses.com/examples/agile_carousel/multi_example/carousel.html - Jquery Carusell ( Download:
http://plugins.jquery.com/files/jquery.agile_carousel-beta.2.0.zip )
http://www.gruppo4.com/~tobia/cross-slide.shtml - Cute effe σε φωτογραφίες, για Image Gallery previews portfolios και τα σχετικα
http://malsup.com/jquery/cycle/ - Cycle Images Gallery
http://nettuts.com/javascript-ajax/create-a-tabbed-interface-using-jquery/ - Tabbed Content
http://nettuts.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/ - Tanned content
http://www.codylindley.com/blogstuff/js/jtip/ - Jquery tooltip
http://sorgalla.com/jcarousel/ - Image Carusell
http://plugins.jquery.com/project/scrollto - Inside page scroller
http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12 - Inside page scroller
http://demos.flesler.com/jquery/scrollTo/ - Inside page scroller
http://www.stilbuero.de/jquery/tabs_3/ - UI for creating Tabs
http://theportraitofageek.com/blog/?p=170 - Password Checker
http://nodstrum.com/2007/09/19/autocompleter/ - Auto Completer
http://www.sastgroup.com/jquery/240-plugins-jquery - 250 examples me to Jquery
http://www.deensoft.com/lab/protochart/ - Φτιάχνουμε Charts.
http://jqueryfordesigners.com/using-ajax-to-validate-forms/ - Using JQuery για Forms Validation
http://devkick.com/lab/galleria/ - Ajax Gallery με Thumbalish και rotating Images
http://theportraitofageek.com/blog/?p=130 – Δημιουργούμε Image Captions τα οποία φένονται σε όλη τη σελίδα. Φτιάχτηκε και από τον δικό μας, Gerasimos Tsiamalos
http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en – JQuery Multimedia Portfolio
http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en – Jquery Tags Cloud
http://plugins.jquery.com/project/pagination - JQuery pagination plugin
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu.htm - Accordination menu με AJAX!
http://jquery.bassistance.de/treeview/demo/ - JQuery tree like menu
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html - JQuery επέλεξε και μετέφερε στοιχεία από το ένα menu στο άλλο.
http://malsup.com/jquery/form/ - JQuery forms
http://projects.bundleweb.com.ar/jWYSIWYG/ - jWYSIWYG editor
http://eyebulb.com/dropshadow/ - Shadow effects με AJAX
http://www.balupton.com/sandbox/jquery_lightbox/ - LightBox effect (ανοίξτε την καινούργια φωτογραφεία σε νέο in-site παράθυρο.)
http://famspam.com/facebox - AJAX effect όπως το facebook
http://www.openstudio.fr/Animated-InnerFade-with-JQuery.html - Δημιουργείτε μία ξενάγηση βασισμένη σε φωτογραφείς.
http://odyniec.net/projects/imgareaselect/ - Image Area selection
http://boedesign.com/2008/02/20/jtabber-for-jquery/ - Tabs με το Jquery
http://www.pengoworks.com/workshop/jquery/calculation/calculation.plugin.htm - Αριθμομηχανή για μεγάλους υπολογισμούς
http://remysharp.com/2008/02/28/upgraded-jquery-tag-suggestions/ - Αναζητείτε tag και κάνει selection μόνο του
http://www.bennadel.com/blog/1009-jQuery-Demo-Creating-A-Sliding-Im...uzzle-Plug-In.htm - Δημιουργείτε puzzles με το JQuery
http://css-tricks.com/designing-the-digg-header-how-to-download/ - Diggit like header
http://avidansoft.com/dsrte/ - Rich Text Editor
http://www.sean-o.com/jquery/jmp3/ - mp3 player με Ajax
http://jquery.com/demo/thickbox/ - Thickbox plugin, για τα Images μία Alternative επιλογή του lightbox
http://webplicity.net/flexigrid/ - Πίνακες από Data
http://blog.jeremymartin.name/2008/02/blogger-trick-style-author-comments.html - Διαφορετικά χρώματα στα style
http://swedishfika.com/2008/03/04/creating-a-fading-header/ - Fading Images
http://stilbuero.de/jquery/tabs_3/ - Tabs
http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php - Ακόμη ένα menu με expanded slides
http://gmarwaha.com/blog/?cat=8 – Selection menu
http://sorgalla.com/jcarousel/ - Images sliding με selectors
http://acko.net/dev/farbtastic - Color Picker
http://www.ericmmartin.com/simplemodal/ - Ανοίχτε text, σαν lightbox effect
http://bassistance.de/jquery-plugins/jquery-plugin-validation/ - Form validation
http://php.scripts.psu.edu/rja171/widgets/rating.php - Simple star Rating system
http://www.codylindley.com/blogstuff/js/jtip/ - Tooltips effect
http://interface.eyecon.ro/demos/drag_drop_tree.html - Drag and Drop menu
http://www.kelvinluck.com/article/switch-stylesheets-with-jquery - Αλάξτε styles στην σελίδα με την χρήση του JQuery
Πηγή : http://www.freestuff.gr/forums/viewtopic.php?t=28039
Ενδιαφέρoντα links για Ajax και Ajax Libraries, Scripts
papatzas http://script.aculo.us/
http://script.aculo.us/downloads
http://www.bestajaxscripts.com/
cherouvim http://jquery.com/
skeftomilos Yahoo! UI Library
ExtJS
cpulse http://dojotoolkit.org/
http://ajaxian.com/
dimsis http://ajaxpatterns.org/Javascript_Multipurpose_Frameworks
http://www.zkoss.org/zkdemo/userguide/
http://www.vegui.org/
cordis http://bookmarks.freestuff.gr/tags/ajax
dik_mootools
Πηγή http://www.freestuff.gr/forums/viewtopic.php?t=28039
http://script.aculo.us/downloads
http://www.bestajaxscripts.com/
cherouvim http://jquery.com/
skeftomilos Yahoo! UI Library
ExtJS
cpulse http://dojotoolkit.org/
http://ajaxian.com/
dimsis http://ajaxpatterns.org/Javascript_Multipurpose_Frameworks
http://www.zkoss.org/zkdemo/userguide/
http://www.vegui.org/
cordis http://bookmarks.freestuff.gr/tags/ajax
dik_mootools
Πηγή http://www.freestuff.gr/forums/viewtopic.php?t=28039
Δευτέρα 7 Σεπτεμβρίου 2009
Εισαγωγή Στο Google Adwords
Πιο αναλυτικά μπορείτε να βρείτε πληροφορίες για :
Τη συμπεριφορά των ελλήνων χρηστών σχετικά με τον τρόπο που αναζητούν πληροφορίες στο Internet
Τον τρόπο λειτουργίας του μοντέλου online διαφήμισης Pay Per Click (PPC)
Τα πλεονεκτήματα του Google Adwords
Που εμφανίζονται οι διαφημίσεις του Google Adwords
Το σωστό τρόπο διαμόρφωσης ενός λογαριασμού στο Google Adwords
Εργαλεία και μεθόδους για την επιλογή των κατάλληλων keywords
Τα βασικά χαρακτηριστικά των επιτυχημένων διαφημίσεων
Τη σημασία που έχει η σειρά εμφάνισης των διαφημίσεων
Τον τρόπο με τον οποίο το Google κατατάσσει τις διαφημίσεις
Τους βασικούς παράγοντες, όπως το Quality Score (QS) και το Click Through Rate (CTR), που επηρεάζουν τη δημοπρασία στο Google Adwords
Τις δυνατότητες ανάλυσης και reporting για την παρακολούθηση του Return Of Investment (ROI)
Νίκος Καψωμενάκης
O επίσημος SEO οδηγός εκμάθησης της Google (για νέους χρήστες)
Search Engine Optimization (SEO)
O επίσημος SEO οδηγός εκμάθησης της Google (για νέους χρήστες), διαθέσιμος σε 40 γλώσσες - ανάμεσα τους και τα ελληνικά. Τι περιμένετε, κατεβάστε τον και αρχίστε την μελέτη!
http://www.google.gr/intl/el/webmasters/docs/search-engine-optimization-starter-guide-el.pdf
O επίσημος SEO οδηγός εκμάθησης της Google (για νέους χρήστες), διαθέσιμος σε 40 γλώσσες - ανάμεσα τους και τα ελληνικά. Τι περιμένετε, κατεβάστε τον και αρχίστε την μελέτη!
http://www.google.gr/intl/el/webmasters/docs/search-engine-optimization-starter-guide-el.pdf
και για πιο έμπειρους χρήστες αυτήν την φορά, σίγουρα αξίζει να ρίξετε και σε αυτόν τον οδηγό μια ματιά για να μάθετε να μιλάτε SEO
