Σκηνές βίντεο 2025, Ιανουάριος

# 018 - Υποσέλιδο - CSS-Κόλπα

# 018 - Υποσέλιδο - CSS-Κόλπα

Αυτό θα αφορά το απλούστερο υποσέλιδο που υπάρχει ποτέ σε έναν ιστότοπο. Θα είναι ένα σύμβολο πνευματικών δικαιωμάτων με το όνομα του Jeff (Είναι πάντα ωραίο, νομίζω, να έχουμε το όνομα του

# 016 - Πλοήγηση στο σπίτι, Μέρος 2 - CSS-Κόλπα

# 016 - Πλοήγηση στο σπίτι, Μέρος 2 - CSS-Κόλπα

Έχουμε ένα καλό ξεκίνημα στην πλοήγηση στην αρχική σελίδα, αλλά υπάρχουν κάποια πράγματα που πρέπει να γίνουν ακόμη. Ξεκινάμε συμπληρώνοντας το ίδιο το περιεχόμενο, "

# 017 - Πλοήγηση στο σπίτι, Μέρος 3 - CSS-Κόλπα

# 017 - Πλοήγηση στο σπίτι, Μέρος 3 - CSS-Κόλπα

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

# 015 - Πλοήγηση στην αρχική σελίδα, Μέρος 1 - CSS-Κόλπα

# 015 - Πλοήγηση στην αρχική σελίδα, Μέρος 1 - CSS-Κόλπα

Έχουμε ένα σχέδιο για την πλοήγηση στην αρχική σελίδα, απλά πρέπει να το κάνουμε σε κώδικα. Πλοήγηση στην αρχική σελίδα, λέω συγκεκριμένα, επειδή αυτό είναι πιθανό μόνο "

# 014 - Τοποθέτηση του ρυθμιστικού - CSS-Κόλπα

# 014 - Τοποθέτηση του ρυθμιστικού - CSS-Κόλπα

Το ρυθμιστικό λειτουργεί! Αλλά δεν τοποθετείται ακριβώς όπως έχουμε σχεδιάσει στο αρχείο Photoshop. Χρειαζόμαστε περισσότερο χώρο από κάτω για να εκθέσουμε περισσότερα από τα κύρια

# 013 - Αλλαγή του ρυθμιστικού - CSS-Κόλπα

# 013 - Αλλαγή του ρυθμιστικού - CSS-Κόλπα

Το ρυθμιστικό εφαρμόζεται και λειτουργεί, απλά δεν μοιάζει με το πώς το έχουμε σχεδιάσει. Περνάμε τη διαδικασία απομάκρυνσης HTML και CSS που "

# 012 - Θεμέλια ρυθμιστικών - CSS-Κόλπα

# 012 - Θεμέλια ρυθμιστικών - CSS-Κόλπα

Αποφασίσαμε να πάμε με το RoyalSlider για το ρυθμιστικό στην αρχική σελίδα. Ήμουν από καιρό οπαδός του AnythingSlider, επειδή ήμουν μέρος της δημιουργίας του και εγώ "

# 010 - CodeKit για μεγάλη επιτυχία - CSS-Κόλπα

# 010 - CodeKit για μεγάλη επιτυχία - CSS-Κόλπα

Σε αυτό το screencast έχουμε το CodeKit να αρχίσει να παρακολουθεί το έργο μας. Αυτό κάνει πολλές εργασίες προγραμματιστή πολύ πιο εύκολη. Το πρώτο πράγμα που κάνουμε είναι να το "

# 008 - Δίνοντας στον εαυτό μας ένα νέο ξεκίνημα με ένα καθαρό θέμα, Μέρος 1 - CSS-Κόλπα

# 008 - Δίνοντας στον εαυτό μας ένα νέο ξεκίνημα με ένα καθαρό θέμα, Μέρος 1 - CSS-Κόλπα

Σύντομα θα σταματήσουμε να βλέπουμε τον παλιό ιστότοπο. Αυτή είναι η τελευταία φορά! Το σχέδιό μας τώρα που έχουμε ένα κατάλληλο τοπικό περιβάλλον dev είναι να δώσουμε "

# 011 - Η κεφαλίδα και οι προσαρμοσμένες γραμματοσειρές μέσω TypeKit - CSS-Κόλπα

# 011 - Η κεφαλίδα και οι προσαρμοσμένες γραμματοσειρές μέσω TypeKit - CSS-Κόλπα

Διαλέξαμε το Proxima Nova ως την κύρια γραμματοσειρά που θα χρησιμοποιηθεί για τον ιστότοπο του Jeff. Είναι πολύ δημοφιλές αυτές τις μέρες, αλλά φαίνεται υπέροχο με τη δουλειά του Jeff. Απλός,"

# 009 - Δίνοντας στον εαυτό μας μια νέα αρχή με ένα καθαρό θέμα, Μέρος 2 - CSS-Κόλπα

# 009 - Δίνοντας στον εαυτό μας μια νέα αρχή με ένα καθαρό θέμα, Μέρος 2 - CSS-Κόλπα

Εμείς στη μέση της απογύμνωσης του θέματος WordPress σε περίπου γυμνά κόκαλα όσο μπορούμε να το πάρουμε. Δεν ανησυχούμε για το σχέδιο που προσπαθούμε να φτάσουμε, "

# 007 - Δημιουργία περιβάλλοντος τοπικής ανάπτυξης - CSS-Κόλπα

# 007 - Δημιουργία περιβάλλοντος τοπικής ανάπτυξης - CSS-Κόλπα

Θέλουμε να εργαζόμαστε τοπικά ενώ εργαζόμαστε σε αυτό το έργο. Λίγοι μόνο λόγοι: Είναι γρήγορο. Μπορούμε να εργαστούμε εκτός σύνδεσης από οπουδήποτε. Εργαζόμαστε για ένα πλήρες "

# 006 - Photoshopping Mobile, Μέρος 2 - CSS-Κόλπα

# 006 - Photoshopping Mobile, Μέρος 2 - CSS-Κόλπα

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

# 005 - Photoshopping Mobile, Μέρος 1 - CSS-Κόλπα

# 005 - Photoshopping Mobile, Μέρος 1 - CSS-Κόλπα

Ξεκινάμε με το αρχείο Photoshop ανοιχτό. Το μάλλον ανόητο "επιμήκη" στιγμιότυπο οθόνης iPhone, το οποίο απλώς μας δίνει πρώτα έναν καμβά στο κινητό "

# 004 - Ένας καμβάς Photoshop - CSS-Κόλπα

# 004 - Ένας καμβάς Photoshop - CSS-Κόλπα

Από το τελευταίο βίντεο, γνωρίζουμε ότι έχουμε πέντε σημαντικά σημεία που πρέπει να λάβουμε υπόψη κατά την έναρξη του σχεδιασμού αυτού του ιστότοπου. Θα τα κρατήσουμε στο μυαλό μας ως "

# 003 - Αρχική επικοινωνία πελάτη - CSS-Κόλπα

# 003 - Αρχική επικοινωνία πελάτη - CSS-Κόλπα

Σε αυτό το screencast μιλάω για το πώς ήταν η επικοινωνία ανάμεσα σε μένα και τον Jeff όταν με έστειλε για πρώτη φορά ότι ήθελα να επανασχεδιάσω τον ιστότοπο. Ο"

# 001 - Εισαγωγή στη σειρά - CSS-Κόλπα

# 001 - Εισαγωγή στη σειρά - CSS-Κόλπα

Γεια σε όλους! Καλώς ήρθατε στην πλήρη σειρά για τη δημιουργία ενός ιστότοπου πρώτου καλλιτέχνη για κινητά με το WordPress. Αυτό είναι ελαφρώς διαφορετικό από την τελευταία σειρά "