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

# 156: Ας μιλήσουμε για το Webpack - CSS-Κόλπα

# 156: Ας μιλήσουμε για το Webpack - CSS-Κόλπα

Ο Sean Larkin με παίρνει μαζί μου για να μιλήσω για το Webpack! Αμφιβάλλω ότι είμαι μόνος που είμαι λίγο μπερδεμένος σχετικά με το τι είναι το heck Webpack και τι κάνει. Ακόμα κι αν είστε ενεργά "

# 134: Περιήγηση σε ιστότοπο σε εξέλιξη που δημιουργήθηκε με Jekyll, Grunt, Sass, σύστημα SVG και πολλά άλλα - CSS-Κόλπα

# 134: Περιήγηση σε ιστότοπο σε εξέλιξη που δημιουργήθηκε με Jekyll, Grunt, Sass, σύστημα SVG και πολλά άλλα - CSS-Κόλπα

Προειδοποίηση: πρόκειται για μια μαζική, ενδιάμεση οθόνη screencast στην οποία εξετάζουμε τον κώδικα που τροφοδοτεί μια διαδικασία κατασκευής για έναν ιστότοπο. Δεν γράφουμε κανέναν κωδικό. "

# 99: Επισκόπηση τύπων, χαρακτηριστικών και στοιχείων φόρμας HTML5 - CSS-Κόλπα

# 99: Επισκόπηση τύπων, χαρακτηριστικών και στοιχείων φόρμας HTML5 - CSS-Κόλπα

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

# 9: Starry Night: 3D Background with the Parallax Effect - CSS-Κόλπα

# 9: Starry Night: 3D Background with the Parallax Effect - CSS-Κόλπα

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

# 98: Παίζοντας με τα σύνορα σώματος - CSS-Κόλπα

# 98: Παίζοντας με τα σύνορα σώματος - CSS-Κόλπα

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

# 96: localStorage για Έντυπα - CSS-Κόλπα

# 96: localStorage για Έντυπα - CSS-Κόλπα

Το HTML5 έχει μια απίστευτα απλή μέθοδο για την αποθήκευση επίμονων δεδομένων που ονομάζονται localStorage. Εναλλακτικά, απλά καλείτε μια μέθοδο με ζεύγος κλειδιών / τιμών και είναι "

# 97: Εισαγωγή σε CSS Animations - CSS-Κόλπα

# 97: Εισαγωγή σε CSS Animations - CSS-Κόλπα

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

# 95: Μια ιστορία διαβάθμισης των συνόρων - CSS-Κόλπα

# 95: Μια ιστορία διαβάθμισης των συνόρων - CSS-Κόλπα

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

# 94: Εισαγωγή στα Ψευδο Στοιχεία - CSS-Κόλπα

# 94: Εισαγωγή στα Ψευδο Στοιχεία - CSS-Κόλπα

Τα ψευδο στοιχεία είναι ορατά στοιχεία σε μια ιστοσελίδα που δεν είναι "στο DOM" ή δημιουργήθηκαν από HTML, αλλά αντ 'αυτού εισάγονται απευθείας από το CSS. Αυτό επιτρέπει"

# 93: Πλαίσια διαφανειών CSS3 - CSS-Κόλπα

# 93: Πλαίσια διαφανειών CSS3 - CSS-Κόλπα

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

# 92: Παρουσίαση κώδικα πίνακα σχεδίασης - CSS-Κόλπα

# 92: Παρουσίαση κώδικα πίνακα σχεδίασης - CSS-Κόλπα

Ο πίνακας σχεδίασης είναι ουσιαστικά μια μίνι σελίδα jQuery μιας σελίδας. Έχει μια κύρια λειτουργία, δημιουργώντας ένα έγχρωμο σχέδιο αλλάζοντας τα χρώματα των κελιών "

# 91: Ο βρόχος WordPress - CSS-Κόλπα

# 91: Ο βρόχος WordPress - CSS-Κόλπα

Δεν υπάρχει έλλειψη τεκμηρίωσης σχετικά με τη διάσημη δομή spewing περιεχομένου του WordPress, αλλά εξακολουθώ να αισθάνομαι ότι υπάρχει περισσότερη σύγχυση και μυστήριο "

# 86: Πρώτες στιγμές με MAMP - CSS-Κόλπα

# 86: Πρώτες στιγμές με MAMP - CSS-Κόλπα

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

# 90: Απλές συμβουλές TextMate - CSS-Κόλπα

# 90: Απλές συμβουλές TextMate - CSS-Κόλπα

Το TextMate είναι ένας επεξεργαστής κώδικα μόνο για Mac. Συγγνώμη για όλους τους χρήστες του υπολογιστή αυτήν τη φορά. Εάν παρακολουθείτε αυτές τις προβολές για μεγάλο χρονικό διάστημα, ξέρετε ότι χρησιμοποίησα "

# 89: Οργάνωση εγγράφου Photoshop - CSS-Κόλπα

# 89: Οργάνωση εγγράφου Photoshop - CSS-Κόλπα

Εάν είστε σαν εμένα, είστε και οι δύο ένοχοι για σοβαρά μη οργανωμένα έγγραφα του Photoshop και εκτιμάτε τα καλά οργανωμένα. Η αποδιοργάνωση δεν είναι "

# 8: Μορφοποίηση CSS - CSS-Κόλπα

# 8: Μορφοποίηση CSS - CSS-Κόλπα

Η οργάνωση και η χρήση καλής μορφοποίησης στα αρχεία CSS σας μπορούν να σας εξοικονομήσουν πολύ χρόνο και απογοήτευση κατά τη διαδικασία ανάπτυξης και ειδικά "

# 88: Εισαγωγή στην πυξίδα / Sass - CSS-Κόλπα

# 88: Εισαγωγή στην πυξίδα / Sass - CSS-Κόλπα

Ρωτήστε ένα σωρό σχεδιαστών τι θέλουν να κάνει το CSS που δεν μπορεί τώρα, και θα λάβετε μια μεγάλη λίστα που θα μοιάζει με τη λίστα χαρακτηριστικών για το "

# 85: Βέλτιστες πρακτικές με δυναμικό περιεχόμενο - CSS-Κόλπα

# 85: Βέλτιστες πρακτικές με δυναμικό περιεχόμενο - CSS-Κόλπα

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

# 87: Μετακίνηση με MAMP - CSS-Κόλπα

# 87: Μετακίνηση με MAMP - CSS-Κόλπα

Η τοπική εργασία με το MAMP είναι καταπληκτική, αλλά τι γίνεται με το πότε πρέπει να κάνετε ζωντανό αυτόν τον ιστότοπο; Την τελευταία φορά που εγκαταστήσαμε μια έκδοση του WordPress τοπικά, τώρα "

# 83: Σκέψεις για SEO - CSS-Κόλπα

# 83: Σκέψεις για SEO - CSS-Κόλπα

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

# 84: Περιήγηση στον ιστότοπο του chris-mcgarry.com - CSS-Κόλπα

# 84: Περιήγηση στον ιστότοπο του chris-mcgarry.com - CSS-Κόλπα

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

# 81: AJAXing a WordPress Θέμα - CSS-Κόλπα

# 81: AJAXing a WordPress Θέμα - CSS-Κόλπα

Παρακολουθήστε με να σκουπίζω με την προσθήκη λειτουργικότητας AJAX σε ένα θέμα WordPress. Η ιδέα είναι ότι οποιοσδήποτε εσωτερικός σύνδεσμος στον ιστότοπο θα φορτωθεί στο κύριο "

# 82: CSS Image Switcher - CSS-Κόλπα

# 82: CSS Image Switcher - CSS-Κόλπα

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

# 80: Σχετικά με την εφεύρεση τροχών - CSS-Κόλπα

# 80: Σχετικά με την εφεύρεση τροχών - CSS-Κόλπα

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

# 79: Πλήρης / χωρίς ουρά κινούμενα σχέδια με το jQuery - CSS-Κόλπα

# 79: Πλήρης / χωρίς ουρά κινούμενα σχέδια με το jQuery - CSS-Κόλπα

Όταν χρησιμοποιείτε τη συνάρτηση .Query's .animate () με κάτι σαν ένα συμβάν αιωρημάτων, αυτά τα κινούμενα σχέδια θα "ουρά επάνω". Δηλαδή, αν αιωρείτε πολλές φορές, ότι "

# 7: Μενού τριών πολιτειών - CSS-Κόλπα

# 7: Μενού τριών πολιτειών - CSS-Κόλπα

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

# 78: Διαφήμιση στον Ιστό - CSS-Κόλπα

# 78: Διαφήμιση στον Ιστό - CSS-Κόλπα

Σε αυτό το screencast συζητώ τις διαδικτυακές διαφημίσεις. Τι είναι, πώς λειτουργεί και γιατί δεν είναι κακό (εκτός αν είναι). Μιλώ για τις εμπειρίες μου, το "

# 72: Δημιουργία ιστότοπου (2 από 3): Μετατροπή HTML / CSS - CSS-Κόλπα

# 72: Δημιουργία ιστότοπου (2 από 3): Μετατροπή HTML / CSS - CSS-Κόλπα

Στο μέρος 2 αυτής της σειράς, ξεκινάμε τη μετατροπή HTML / CSS του mockup του Photoshop που δημιουργήσαμε στο πρώτο μέρος. Ξεκινάμε με ένα πολύ σκελετικό έργο "

# 77: Προσδιορισμός ενός μεμονωμένου άρθρου - CSS-Κόλπα

# 77: Προσδιορισμός ενός μεμονωμένου άρθρου - CSS-Κόλπα

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

# 76: Περιήγηση στο jQuery σε ζωντανό ιστότοπο - CSS-Κόλπα

# 76: Περιήγηση στο jQuery σε ζωντανό ιστότοπο - CSS-Κόλπα

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