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

# 24: Στρογγυλεμένες γωνίες - CSS-Κόλπα

# 24: Στρογγυλεμένες γωνίες - CSS-Κόλπα

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

# 23: Φύλλα υπό όρους - CSS-Κόλπα

# 23: Φύλλα υπό όρους - CSS-Κόλπα

Ο Internet Explorer παρέχει έναν τρόπο στόχευσης πληροφοριών στυλ CSS ειδικά για τις διαφορετικές εκδόσεις του. Αυτά τα "φύλλα στυλ υπό όρους" είναι τα καλύτερα "

# 22: Κοπή διαδρομών αποκοπής - CSS-Κόλπα

# 22: Κοπή διαδρομών αποκοπής - CSS-Κόλπα

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

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

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

Η δημοφιλής βιβλιοθήκη JavaScript jQuery είναι ένας καταπληκτικός τρόπος για να επεκτείνετε τις δυνατότητες σχεδιασμού του ιστότοπού σας πέρα ​​από αυτό που μπορεί να κάνει το CSS. Αλλά ευτυχώς, αν είστε "

# 21: Ανακοίνωση φόρμας επικοινωνίας - CSS-Κόλπα

# 21: Ανακοίνωση φόρμας επικοινωνίας - CSS-Κόλπα

Κατά κάποιο τρόπο, η Φόρμα Επικοινωνίας είναι η "Γεια σας, Κόσμος!" εφαρμογή σχεδιαστών και προγραμματιστών ιστοσελίδων. Δεν είναι τίποτα που δεν έχει γίνει πριν "

# 199: Μήνυμα με JSX - CSS-Κόλπα

# 199: Μήνυμα με JSX - CSS-Κόλπα

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

# 194: Κοινωνική ένταξη του Jetpack - CSS-Κόλπα

# 194: Κοινωνική ένταξη του Jetpack - CSS-Κόλπα

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

# 1: Μετατροπή Mockup Photoshop (μέρος 1 από 3) - CSS-Κόλπα

# 1: Μετατροπή Mockup Photoshop (μέρος 1 από 3) - CSS-Κόλπα

Σε αυτό το πρώτο podcast βίντεο, ξεκινώ τη διαδικασία μετατροπής ενός προτύπου Adobe Photoshop ενός ιστότοπου, σε έναν πραγματικό ιστότοπο που βασίζεται σε CSS. Αυτό είναι"

# 180: Αναπαραγωγή με βίντεο στο κινητό - CSS-Κόλπα

# 180: Αναπαραγωγή με βίντεο στο κινητό - CSS-Κόλπα

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

# 196: Εκμάθηση πλέγματος & Flexbox με τον Kyle Simpson - CSS-Κόλπα

# 196: Εκμάθηση πλέγματος & Flexbox με τον Kyle Simpson - CSS-Κόλπα

Ο Kyle είναι τύπος JavaScript. Γνωρίζει έναν τόνο για τον Ιστό και πολλά για το CSS, αλλά δεν είναι τόσο ενημερωμένο για τα σύγχρονα εργαλεία διάταξης CSS όπως το flexbox και το "

# 197: Μια ματιά στο Stackbit και στο Stackbit Studio - CSS-Κόλπα

# 197: Μια ματιά στο Stackbit και στο Stackbit Studio - CSS-Κόλπα

Η εφαρμογή Stackbit σάς βοηθά να ξεκινήσετε έναν νέο ιστότοπο Jamstack πολύ γρήγορα. Διαλέξτε ένα θέμα, μια στατική γεννήτρια ιστότοπου και ένα CMS και θα πάρει ένα repo για εσάς "

# 198: Σχετικά με την ιδιότητα θέσης - CSS-Κόλπα

# 198: Σχετικά με την ιδιότητα θέσης - CSS-Κόλπα

Στατικό: ο προεπιλεγμένος συγγενής: σας επιτρέπει να προχωρήσετε με την κορυφή / δεξιά / κάτω / αριστερά, κάνοντας το ευρετήριο z να λειτουργεί, σας δίνει ένα περιβάλλον τοποθέτησηςαπόλυτο: "

# 19: Σχεδιασμός μιας μοναδικής σελίδας για ενημερώσεις Twitter - CSS-Κόλπα

# 19: Σχεδιασμός μιας μοναδικής σελίδας για ενημερώσεις Twitter - CSS-Κόλπα

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

# 178: Η Percy αντιμετωπίζει οπτικές αλλαγές σε οποιαδήποτε ροή εργασίας - CSS-Κόλπα

# 178: Η Percy αντιμετωπίζει οπτικές αλλαγές σε οποιαδήποτε ροή εργασίας - CSS-Κόλπα

Ήθελα να σιγουρευτώ ότι καταλαβαίνετε ακριβώς τι μπορεί να κάνει ο Percy για εσάς, εξ ου και ο τίτλος. Όταν κάνετε μια αλλαγή στους ιστότοπούς σας Git repo, όπως σε ένα "

# 195: Πώς να σχεδιάσετε μια γραμμή με CSS - CSS-Κόλπα

# 195: Πώς να σχεδιάσετε μια γραμμή με CSS - CSS-Κόλπα

Ηλίθιο απλό, σωστά; Είναι! Αλλά είναι διασκεδαστικό να σκεφτόμαστε για λίγα λεπτά και να μετράμε πολλούς διαφορετικούς τρόπους που μπορούμε να το κάνουμε. Και τι εννοώ με "

# 193: Scully: το SSG για γωνιακό - CSS-Κόλπα

# 193: Scully: το SSG για γωνιακό - CSS-Κόλπα

Η Tara Z. Manicsic με συνόδευσε για αυτό το βίντεο, δημιουργώντας τα βασικά στοιχεία του Scully, το οποίο είναι ένα Static Site Generator για Angular - μάλλον, το SSG για "

# 192: Κόλπα Git για να βγείτε από το πρόβλημα - CSS-Κόλπα

# 192: Κόλπα Git για να βγείτε από το πρόβλημα - CSS-Κόλπα

Εξίσου καταπληκτικό με το Git για τον χειρισμό του πηγαίου κώδικα, μπορείτε να κάνετε τον εαυτό σας συγκεκριμένο git (lol) σε πρόβλημα. Τι γίνεται αν κάνετε μια αλλαγή σε ένα αρχείο και θέλετε "

# 169: Πώς να σκέφτεσαι σαν προγραμματιστής front-end - CSS-Κόλπα

# 169: Πώς να σκέφτεσαι σαν προγραμματιστής front-end - CSS-Κόλπα

Αυτό είναι ένα βίντεο από την ομιλία μου στο WordCamp US. Ας ρίξουμε μια ματιά σε ποια εξέλιξη έχει εξελιχθεί στις μέρες μας. Ξεκινώντας από ποιος είναι ο ρόλος, όπου "

# 188: Εξερεύνηση του επικαλυπτόμενου μοτίβου κεφαλίδας - CSS-Κόλπα

# 188: Εξερεύνηση του επικαλυπτόμενου μοτίβου κεφαλίδας - CSS-Κόλπα

Ο Snook δημοσίευσε ένα άρθρο με τίτλο "Επικάλυψη κεφαλίδας με CSS Grid" όπου εξετάζει ένα μοτίβο σχεδίασης κεφαλίδας που πιστεύω ότι υπερβαίνει τις τάσεις και ήταν "

# 189: Έννοια για προσωπική και δημόσια χρήση - CSS-Κόλπα

# 189: Έννοια για προσωπική και δημόσια χρήση - CSS-Κόλπα

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

# 187: Έννοια για ομαδικές συναντήσεις και τεκμηρίωση - CSS-Κόλπα

# 187: Έννοια για ομαδικές συναντήσεις και τεκμηρίωση - CSS-Κόλπα

Αυτό είναι το δεύτερο βίντεο σε σειρές 3 βίντεο σχετικά με τη χρήση της έννοιας. Στο Μέρος 1 καλύψαμε πολύ έδαφος για το τι είναι η ιδέα για το πώς είναι υπέροχη για οποιαδήποτε ομάδα και διαδικτυακό

# 184: Εσωτερικές & ευθυγραμμισμένες λίστες - CSS-Κόλπα

# 184: Εσωτερικές & ευθυγραμμισμένες λίστες - CSS-Κόλπα

Το γεγονός ότι οι λίστες καθιστούν τους δείκτες τους έξω από το δικό τους κουτί (από προεπιλογή) είναι λίγο περίεργο. Οποιαδήποτε κρυφή υπερχείλιση ή προεξοχή από την άκρη του "

# 18: Εισαγωγή στο πρότυπο ιστότοπου της μπάντας - CSS-Κόλπα

# 18: Εισαγωγή στο πρότυπο ιστότοπου της μπάντας - CSS-Κόλπα

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

# 185: Παίζοντας με μάσκες CSS - CSS-Κόλπα

# 185: Παίζοντας με μάσκες CSS - CSS-Κόλπα

Η απόκρυψη στο CSS είναι ένας τρόπος για να κρύψετε τμήματα του στοιχείου και να δείξετε σε άλλους. Ένα άλλο είναι clip-path, αλλά ας μην επικεντρωθούμε σε αυτό σήμερα. "Οι μάσκες είναι εικόνες, κλιπ"

# 183: Καλλιτεχνικές εικόνες, Στοιχείο εικόνας και CDN εικόνας - CSS-Κόλπα

# 183: Καλλιτεχνικές εικόνες, Στοιχείο εικόνας και CDN εικόνας - CSS-Κόλπα

Είναι ένα φαινομενικό φαινόμενο! Μιλώ για την ιδέα των υπηρεσιών φιλοξενίας εικόνων που σας επιτρέπουν να χειριστείτε το URL της εικόνας για να μεταμορφώσετε "

# 186: Έννοια για ομάδες ανάπτυξης Ιστού - CSS-Κόλπα

# 186: Έννοια για ομάδες ανάπτυξης Ιστού - CSS-Κόλπα

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

# 182: Πρώτο μωρό Vue SFC - CSS-Κόλπα

# 182: Πρώτο μωρό Vue SFC - CSS-Κόλπα

SFC όπως στο "Single File Component" που είναι κάτι που προσφέρει η Vue και οι άνθρωποι Vue φαίνεται να αγαπούν. Έχω γράψει πολύ λίγο Vue στις μέρες μου, αλλά είμαι θαυμαστής! "

# 181: Λίστες σε λίστες HTML - CSS-Κόλπα

# 181: Λίστες σε λίστες HTML - CSS-Κόλπα

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

# 179: Ένα πλέγμα τετραγώνων - CSS-Κόλπα

# 179: Ένα πλέγμα τετραγώνων - CSS-Κόλπα

Η χρήση του πλέγματος CSS για τη δημιουργία ενός πλέγματος είναι, λοιπόν, το νόημα. Τι γίνεται όμως αν θέλετε όλα αυτά τα στοιχεία πλέγματος να διατηρούν λόγο διαστάσεων, όπως ένα τετράγωνο 1: 1; Του"

# 176: Εργασία με το Framer Motion - CSS-Κόλπα

# 176: Εργασία με το Framer Motion - CSS-Κόλπα

Ο Matt Perry από τον Framer και ρίχνουμε μια ματιά στη βιβλιοθήκη κινούμενων σχεδίων React Framer Motion. Πρώτον, ρίχνουμε μια ματιά στο πόσο απλό είναι το API. Εσείς ελέγχετε "