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

# 75: Πώς να μην σχεδιάσετε ένα Ταμείο - CSS-Κόλπα

# 75: Πώς να μην σχεδιάσετε ένα Ταμείο - CSS-Κόλπα

Θα πρέπει να με συγχωρήσετε εδώ παιδιά, αυτό δεν είναι ένα πολύ εποικοδομητικό σενάριο. Ήμουν απογοητευμένος με τη δυσάρεστη διαδικασία αγοράς για ένα προϊόν λογισμικού I "

# 73: Δημιουργία ιστότοπου (3 από 3): Θέμα WordPress - CSS-Κόλπα

# 73: Δημιουργία ιστότοπου (3 από 3): Θέμα WordPress - CSS-Κόλπα

Στο μέρος 3 αυτής της σειράς, παίρνουμε το HTML και το CSS που έχουμε ήδη δημιουργήσει για αυτό το σχέδιο και το μετατρέπουμε σε θέμα WordPress. Ξεκινάμε με ένα "

# 74: Επεξεργάσιμη συλλογή εικόνων CSS3 - CSS-Κόλπα

# 74: Επεξεργάσιμη συλλογή εικόνων CSS3 - CSS-Κόλπα

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

# 71: Δημιουργία ιστότοπου (1 από 3): Mockup Photoshop - CSS-Κόλπα

# 71: Δημιουργία ιστότοπου (1 από 3): Mockup Photoshop - CSS-Κόλπα

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

# 69: Πρώτα δέκα λεπτά με TypeKit - CSS-Κόλπα

# 69: Πρώτα δέκα λεπτά με TypeKit - CSS-Κόλπα

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

# 70: Τυχαία Pet Peeves - CSS-Κόλπα

# 70: Τυχαία Pet Peeves - CSS-Κόλπα

Απλώς τυχαία περνάω μερικές μικρές ενοχλήσεις και δυσκολίες που έχω με τα πάντα, από το OS X έως το Photoshop έως το WordPress έως το CSS. Σκέφτηκα περίπου 5 ακόμη "

# 68: Τεχνική σκεφτείτε το φόντο Geek - CSS-Κόλπα

# 68: Τεχνική σκεφτείτε το φόντο Geek - CSS-Κόλπα

Αυτό το βίντεο δείχνει την τεχνική που εμφανίζεται στον ιστότοπο Think Geek 3.0. Το κάτω μέρος του ιστότοπου έχει ένα σχέδιο από πολλά ρομπότ και όπως είναι η οθόνη

# 6: Εργαλεία του εμπορίου - CSS-Κόλπα

# 6: Εργαλεία του εμπορίου - CSS-Κόλπα

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

# 67: jQuery Μέρος 3 - Προσθήκη τίτλου εικόνας - CSS-Κόλπα

# 67: jQuery Μέρος 3 - Προσθήκη τίτλου εικόνας - CSS-Κόλπα

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

# 191: Μάθετε κάνοντας: CUBE CSS - CSS-Κόλπα

# 191: Μάθετε κάνοντας: CUBE CSS - CSS-Κόλπα

Ο Andy Bell με συμμετέχει για να μιλήσω μέσω της μεθοδολογίας CSS που καλεί CUBE CSS. Αυτή είναι η σύνθεση, το βοηθητικό πρόγραμμα, το μπλοκ και η εξαίρεση. Το CUBE CSS είναι μια μεθοδολογία CSS "

# 64: Δημιουργία φωτογραφίας - CSS-Κόλπα

# 64: Δημιουργία φωτογραφίας - CSS-Κόλπα

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

# 65: Προχωρημένες χρήσεις για προσαρμοσμένα πεδία στο WordPress - CSS-Κόλπα

# 65: Προχωρημένες χρήσεις για προσαρμοσμένα πεδία στο WordPress - CSS-Κόλπα

Περισσότερο από οποιοδήποτε άλλο μοναδικό χαρακτηριστικό, αυτό που καθιστά το WordPress CMS (σε αντίθεση με απλώς μια πλατφόρμα blogging) είναι προσαρμοσμένα πεδία. Τα προσαρμοσμένα πεδία είναι κομμάτια δεδομένων "

# 66: Στυλ πίνακα 2, σταθερή κεφαλίδα και επισήμανση - CSS-Κόλπα

# 66: Στυλ πίνακα 2, σταθερή κεφαλίδα και επισήμανση - CSS-Κόλπα

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

# 58: HTML & CSS - Τα ΠΟΛΥ βασικά - CSS-Κόλπα

# 58: HTML & CSS - Τα ΠΟΛΥ βασικά - CSS-Κόλπα

Αυτό το βίντεο είναι ΠΟΛΥ βασικά στοιχεία για το τι είναι HTML και CSS, για τον απόλυτο αρχάριο. Τα αρχεία HTML και CSS είναι, κυριολεκτικά, απλά αρχεία κειμένου. Δεν χρειάζεται "

# 63: Σε προβολή σκηνής - CSS-Κόλπα

# 63: Σε προβολή σκηνής - CSS-Κόλπα

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

# 62: Προηγμένο στυλ και λειτουργικότητα - CSS-Κόλπα

# 62: Προηγμένο στυλ και λειτουργικότητα - CSS-Κόλπα

Αυτό το screencast διασχίζει τον κώδικα που τροφοδοτεί μια αρκετά προηγμένη φόρμα ιστού. Χρησιμοποιεί το jQuery για να κρύβει και να εμφανίζει εισόδους όπως απαιτείται, καθώς και την ισχύ τριών "

# 60: AJAX Ανανέωση περιεχομένου RSS - CSS-Κόλπα

# 60: AJAX Ανανέωση περιεχομένου RSS - CSS-Κόλπα

Στο βίντεο # 55 το τελικό αποτέλεσμα ήταν το FeedSmusher, το οποίο εισήγαγε περιεχόμενο από εξωτερικές τροφοδοσίες RSS σε μια δική μας σελίδα. Σε αυτό το screencast, θα ξεκινήσουμε "

# 61: Βασικό στυλ τραπεζιού με CSS - CSS-Κόλπα

# 61: Βασικό στυλ τραπεζιού με CSS - CSS-Κόλπα

Τα τραπέζια είναι υπέροχα. Είναι ιδανικά για χρήση στον Ιστό. Δηλαδή, για την εμφάνιση δεδομένων πίνακα! Σε αυτό το σενάριο θα καλύψουμε αυτό που πραγματικά "

# 59: Ενσωμάτωση ήχου - CSS-Κόλπα

# 59: Ενσωμάτωση ήχου - CSS-Κόλπα

Η τοποθέτηση μιας εικόνας σε μια ιστοσελίδα είναι εύκολη, αρχεία ήχου, όχι τόσο πολύ. Το HTML5 θα το κάνει τόσο εύκολο όσο θα έπρεπε, αλλά μέχρι τότε, πρέπει να καταφύγουμε σε άλλα "

# 5: Στήλες ίσου ύψους: Σούπερ απλή διάταξη δύο στηλών - CSS-Κόλπα

# 5: Στήλες ίσου ύψους: Σούπερ απλή διάταξη δύο στηλών - CSS-Κόλπα

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

# 57: Χρήση CSS3 - CSS-Κόλπα

# 57: Χρήση CSS3 - CSS-Κόλπα

Το τελευταίο κύμα των προγραμμάτων περιήγησης ιστού έχει αρκετά καλή υποστήριξη για μια ποικιλία από CSS3 πράγματα. Ιδιαίτερα το Safari 4 και το Firefox 3.1. Αυτό το screencast καλύπτει πολλά "

# 56: Ενσωμάτωση FoxyCart και WordPress - CSS-Κόλπα

# 56: Ενσωμάτωση FoxyCart και WordPress - CSS-Κόλπα

Το FoxyCart είναι ένα πολύ προσαρμόσιμο σύστημα ηλεκτρονικού εμπορίου. Τα προϊόντα είναι ενσωματωμένα εν κινήσει ως μέρος των κουμπιών προσθήκης στο καλάθι που είναι απλώς HTML. Αυτό σημαίνει ότι εσείς "

# 55: Προσθήκη περιεχομένου RSS με SimplePie - CSS-Κόλπα

# 55: Προσθήκη περιεχομένου RSS με SimplePie - CSS-Κόλπα

Το "Πραγματικά απλό" μέρος του RSS είναι μερικές φορές παραπλανητικό. Τι γίνεται αν θέλετε να τραβήξετε περιεχόμενο από μια ροή RSS και να το εμφανίσετε στον ιστότοπό σας; Κάνοντας αυτό από το "

# 54: Εισαγωγή στο FLIR - CSS-Κόλπα

# 54: Εισαγωγή στο FLIR - CSS-Κόλπα

Το FLIR (Face Lift Image Replacement) τιμολογείται ως «εναλλακτική λύση στο sIFR». Είναι σίγουρα στην ίδια κατηγορία. Το sIFR έχει κάποια επιπλέον λειτουργικότητα, "

# 52: Δημιουργία φύλλου στυλ εκτύπωσης - CSS-Κόλπα

# 52: Δημιουργία φύλλου στυλ εκτύπωσης - CSS-Κόλπα

Η τεχνική μου για τη δημιουργία φύλλων στυλ εκτύπωσης είναι έτσι. 1) Ξεκινήστε από το μηδέν 2) Αφήστε τις περισσότερες προεπιλογές μόνοι σας 2) Εξαλείψτε κάθε πράγμα στη σελίδα που έχετε "

# 53: Προσαρμογή φορμών, κουμπιών και κεφαλίδων PayPal - CSS-Κόλπα

# 53: Προσαρμογή φορμών, κουμπιών και κεφαλίδων PayPal - CSS-Κόλπα

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

# 4: Αναγκαστική γραμμή κύλισης: Εξάλειψη των "Οριζόντιων Άλματα" - CSS-Κόλπα

# 4: Αναγκαστική γραμμή κύλισης: Εξάλειψη των "Οριζόντιων Άλματα" - CSS-Κόλπα

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

# 50: Δημιουργία προσαρμοσμένης και δυναμικής φόρμας παραγγελίας - CSS-Κόλπα

# 50: Δημιουργία προσαρμοσμένης και δυναμικής φόρμας παραγγελίας - CSS-Κόλπα

Οι πραγματικοί πελάτες έχουν πραγματικές ανάγκες για τις ιστοσελίδες τους. Δεν ενδιαφέρονται για τα φανταχτερά RSS feeds και το AJAX, θέλουν απλώς τον ιστότοπό τους να κάνει ό, τι "

# 51: Ένα μάθημα που μαθαίνεται στην Προσβασιμότητα - CSS-Κόλπα

# 51: Ένα μάθημα που μαθαίνεται στην Προσβασιμότητα - CSS-Κόλπα

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

# 49: Hodgepodge του Photoshop Tricks - CSS-Κόλπα

# 49: Hodgepodge του Photoshop Tricks - CSS-Κόλπα

Το Photoshop είναι το εργαλείο επιλογής μου στο σχεδιασμό για τον Ιστό. Μου αρέσει να επιλέγω την κιθάρα ως όργανο για να παίξω. Μια κιθάρα ακούγεται υπέροχη μόνη και εκεί "