Σε αυτό το πρώτο μέρος της σειράς βοηθημάτων, που θα σας μετατρέψει από αρχάριο, σε CSS Super Hero, θα κάνουμε τα πρώτα μας βήματα στον μαγευτικό κόσμο των CSS και θα φτάσουμε να γνωρίζουμε ότι χρειάζεται για να τα χρησιμοιποιήσουμε στις ιστοσελίδες μας αλλά ακόμα και επαγγελματικά.

Ακολουθήστε και εσείς την νέα μας σειρά βοηθημάτων, για την εκμάθηση των CSS. Σε αυτήν την σειρά, θα μάθουμε τα πάντα για τα CSS, από επίπεδο αρχάριου, μέχρι επίπεδο Super Hero! Μετατρέψτε και εσείς την αγάπη σας για το design σε χόμπυ, αλλά ακόμα και σε επάγγελμα. Διαβάστε περισσότερα για την σειρά CSS Super Hero

Χτές, στο πρώτο μέρος, είδαμε βήμα-βήμα πως δημιουργούμε την ιστοσελίδα, στην οποία σήμερα θα προσθέσουμε το περιεχόμενο (κείμενο/εικόνες), και θα ενεργοποιήσουμε το drag n drop σε όλα τα παράθυρα με τα περιεχόμενα στην ιστοσελίδα μας.

Σε αυτή την μίνι σειρά βοηθημάτων, θα δούμε πως με την χρήση HTML, CSS και jQuery, μπορούμε να δημιουργήσουμε μια ιστοσελίδα στην οποία θα μπορούμε να μετακινήσουμε και να ανακατατάξουμε (με drag ‘n’ drop) τα διάφορα παράθυρα (blocks) σε διαφορετικές προκαθορισμένες θέσεις.

Πρόσφατα είδαμε πως μπορούμε να δημιουργήσουμε ένα μενού πλοήγησης με το Adobe Photoshop. Σε αυτό το βοήθημα, θα δούμε βήμα βήμα πως μπορούμε χρησιμοποιόντας την HTML και τα CSS να μετατρέψουμε το γραφικό μας σε πλήρες λειτουργικό μενού.

Σε αυτό το βοήθημα θα δούμε βήμα προς βήμα πως μπορούμε να προσθέσουμε εικονίδια δίπλα από τους συνδέσμους στην σελίδα μας, ώστε να κάνουμε τους σύνδεσμους πιο εμφανίσιμους και κατανοητούς.

Στις προσωπικές μας ιστοσελίδες συνήθως βάζουμε κάποιον σύνδεσμο με το βιογραφικό μας, σε μορφή εγγράφου Word. Σε αυτό το βοήθημα θα δούμε πως μπορούμε να δημιουργήσουμε μια ιστοσελίδα/βιογραφικό, ωστε να δώσουμε μια πολύ πιο όμορφη εικόνα του βιοφραφικού μας.

Σε προηγούμενο άρθρο είδαμε πως να μπορείτε δημιουργήσετε εύκολα ένα web2.0 button σε 5 μόνο βήματα. Αυτό έγινε με την βοήθεια του Adobe Photoshop. Τώρα θα δούμε πως να δημιουργήσουμε το ίδιο web2.0 button με την βοήθεια των CSS3.

Σε αυτό το βοήθημα θα δούμε πως μπορούμε να χρησιμοποιήσουμε τα CSS3 για να ομορφύνουμε διάφορα html στοιχεία, όπως φόρμες επικοινωνίας και στην ιστοσελίδα μας. Θα εξηγήσουμε βήμα προς βήμα ενώ θα χρησιμοποιήσουμε σκίαση, ντεγκραντέ χρωματισμούς και μερικά άλλα νέα κόλπα που μας φέρνει η νέα έκδοση των Cascading Style Sheets.

Στο σημερινό βοήθημα θα δούμε πώς μπορούμε να δημιουργήσουμε ένα πολύ όμορφο εφέ στις εικόνες μας ή στους συνδέσμους μας, όταν ο χρήστης περάσει τον κέρσορα πάνω από την εικόνα ή τον σύνδεσμο. Θα χρησιμοποιήσουμε κάποια βασική HTML, CSS και jQuery.

Πλέον οι περισσότερες ιστοσελίδες έχουν εγκαταλήψει το flash και έχουν στραφεί στο Javasxript για την δημιουργία των μενού τους. Στο βοήθημα αυτό θα δούμε πως μπορούμε να δημιουργήσουμε ένα απλό μενού, για την ιστοσελίδα μας, με πολύ όμορφο animation όταν ο χρήστης περνάει τον δείκτη πάνω από το μενού, χρησιμοποιώντας μόνο CSS και jQuery.