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

Πολλοί ιστότοποι δεν χρησιμοποιούν κανένα φανταχτερό Σύστημα Διαχείρισης Περιεχομένου (CMS) για να δημιουργήσουν τις σελίδες τους, είναι απλώς καλό περιεχόμενο στατικού HTML. Ένας ιστότοπος για το "

Όπως έχουμε πει εδώ πολλές φορές: οι γραμματοσειρές εικονιδίων είναι καταπληκτικές. Είναι αποτελεσματικά με τον ίδιο τρόπο που τα sprite CSS είναι αποδοτικά: πολλές εικόνες μπορούν να χρησιμοποιηθούν για "

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

Δεν έχω υποβάλει ποτέ στη ζωή μου ένα "Αίτημα Pull" στο GitHub. Ήθελα να το δοκιμάσω, έτσι αυτό το βίντεο καταγράφει τη στιγμή που προσπαθώ να καταλάβω "

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

Παρουσιάζω τέσσερα πραγματικά απλά πράγματα που μπορείτε να κάνετε για να κάνετε τους ιστότοπούς σας πιο γρήγορους. Τίποτα ούτε τόσο περίπλοκο όσο η κατασκευή εικόνων (που δεν είναι αυτό "

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

Το CodePen PRO προσφέρει πολλές νέες δυνατότητες. Μπορείτε να τα διαβάσετε, αλλά καλύτερα να τα δείξετε; : και αυτή είναι μόνο η αρχή. "

Το CodePen είναι μια εφαρμογή για κοινή χρήση και αναπαραγωγή με κώδικα διεπαφής. Το έφτιαξα με μερικούς φίλους μου: τον Alex Vazquez και τον Tim Sabat. Σε αυτό το τυπικό "

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

Σε αυτό το screencast μεταφέρω τον προσωπικό μου ιστότοπο από τους παλιούς τρόπους επεξεργασίας FTP σε ένα κατάλληλο σύστημα ελεγχόμενης έκδοσης, συμπεριλαμβανομένης της ανάπτυξης. Δεν έχω "

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

Υπάρχουν τρεις διαφορετικοί τύποι διατάξεων για ιστότοπους: Fixed Width, Fluid Width και Elastic Width. Σε αυτό το screencast βλέπουμε και τα τρία αυτά "

Το Chartwell είναι μια γραμματοσειρά ειδικά για τη δημιουργία απλών και όμορφων γραφημάτων πίτας, γραφημάτων ράβδων και γραφημάτων γραμμών. Είναι τόσο απλό όσο η σύνταξη απλών εξισώσεων "

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

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

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

Στο οποίο παίρνω ένα πραγματικό παράδειγμα κάπου που ήξερα ότι η χρήση sprite θα ήταν καλή ιδέα, η δημιουργία του sprite με το χέρι στο Photoshop (η προτιμώμενη μέθοδος μου) και "

Απλώς αποθηκεύστε τον ιστότοπο από το πρόγραμμα περιήγησης (στον Firefox, λαμβάνετε ένα αρχείο .html και όλους τους πόρους), αποθέστε τον στον δημόσιο φάκελό σας και χρησιμοποιήστε το δεξί κλικ "

Στην οποία παρουσιάζω και εξηγώ τα βασικά του τι έχει να κάνει με το "ανταποκρίσιμο σχεδιασμό ιστοσελίδων". Τότε πηγαίνω παντού και δείχνω παραδείγματα, σχετικά "

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

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

Αυτό είναι ένα επιπλέον ειδικό επεισόδιο με θέμα το EMPIRE STRIKES BACK της σειράς επανασχεδιασμού v10! Όλα ξεκινούν καλά. Αρχίζουμε να μεταφέρουμε κάποια πράγματα "

Αυτό είναι ένα επιπλέον ειδικό επεισόδιο ΕΠΙΣΤΡΟΦΗΣ ΤΟΥ JEDI της σειράς επανασχεδιασμού v10! Αφήσαμε το τελευταίο screencast ηττημένο εντελώς. Προσπαθούσαμε να χρησιμοποιήσουμε "

Το Almanac ήταν κάτι που κυκλοφόρησε στο v9 και δεν έγινε ποτέ. Όλο και πιο κοντά πλησιάζει κάθε μέρα. Έτσι στο v10 θα σχεδιάσουμε γύρω από το "

Η αναζήτηση λειτουργεί! Είναι απλώς το πρότυπο στο οποίο προσγειώνεστε δεν είναι απόλυτα σωστό. Πρέπει να τροποποιήσουμε το πρότυπο έτσι ώστε να φαίνεται σωστό και να ταιριάζει με το στυλ του "

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

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

Περάσαμε όλο αυτό το διάστημα στο στατικό κοροϊδεύω μας κάνοντας ένα έξυπνο JavaScript που θα "ομαλή φόρτωση" των εικόνων στην Έκθεση. Τώρα που έχουμε το πραγματικό "

Όλες οι μηχανές προσαρμοσμένης αναζήτησης Google έχουν ρυθμιστεί (δημιουργούμε διαφορετική για κάθε ενότητα του ιστότοπου). Η διεπαφή χρήστη για αναζήτηση είναι έτοιμη. Εχουμε"