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

Σε αυτό το σενάριο ζευγαρώματος, η Sarah Drasner με ενώνει και με καθοδηγεί σε μερικά από τα πρώτα μου μαθήματα του React. Αντιμετωπίζουμε κάποιο "πραγματικό κόσμο" στυλ "

Σε αυτό το σενάριο ζευγαρώματος, κάνω παρέα με τον Dee Gill. Ρίχνουμε μια ματιά σε κάποια διάταξη για μια νέα εφαρμογή στην οποία εργάζεται: Tinge. Είχε κοροϊδεύω σχεδίασης "

Συνδυάζομαι με τον Philip Walton (ο οποίος εργάζεται για το Google στο Google Analytics) σε αυτό το σενάριο. Συμπληρώνει τη μελέτη περίπτωσης που συνθέσαμε: Εκμάθηση της χρήσης "

Σε αυτό το βίντεο, η Lara Schenck και εγώ ζευγαρώσαμε, και μου διδάσκει όλα για τα παιδικά θέματα στο WordPress. Είναι σαν ένα podcast που παρακολουθείτε επίσης! Ευθυγραμμίζουμε "

Ο Κάιλ Σίμπσον, εν μέρει σε μια προσπάθεια να αναζωογονήσει τον ενθουσιασμό του για τη συνεργασία με το JavaScript, άρχισε να χτίζει ένα παιχνίδι. Δεν είναι πραγματικά "παιχνίδι"

Σχετικά με τη σχεδίαση των CSS-Tricks καθώς το καταγράφω, ένα από τα πράγματα που ήθελα να προσθέσω ήταν το widget "Front End Design & Development Jobs", που τροφοδοτείται από το CodePen "

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

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

Το Animating SVG είναι λίγο μοναδικό, καθώς υπάρχουν τρεις διαφορετικοί τρόποι με τους οποίους μπορείτε να το προσεγγίσετε. 1. Κινούμενη εικόνα με CSS @keyframes SVG "

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

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

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

Αντί για ένα τυπικό screencast, αυτό είναι ένα βίντεο από τη συζήτησή μου. Το SVG είναι για όλους που ηχογραφήθηκε από τη συμμορία Treehouse στο BlendConf. Φυσικά υπάρχει "

Μόλις μετακινήσαμε πρόσφατα στο "HTTPS παντού" εδώ στο CSS-Tricks. Έγραψα μια ανάρτηση ιστολογίου με λεπτομέρειες για τα βήματα για να φτάσω εκεί. Αυτό το βίντεο είναι σύντροφος "

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

Δημοσίευσα μια γραπτή ανάρτηση σχετικά με αυτήν την ιδέα του Server Side Mustard Cut. Αν λοιπόν σας αρέσει να διαβάζετε και να βλέπετε δείγματα κώδικα και άλλα, αυτό είναι

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

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

Υπάρχουν όλες αυτές οι εργασίες που πρέπει να κάνουμε ως προγραμματιστές διεπαφής. Συνδυάστε και συμπιέστε τα αρχεία μας. Εκτελέστε τους προεπεξεργαστές μας. Βελτιστοποίηση εικόνων. Τρέξιμο"

Ένα πρότυπο είναι ένα κομμάτι HTML που πρέπει να εισαγάγετε στη σελίδα. Συχνά δημιουργούνται πρότυπα "διακομιστή" - επειδή έρχονται πλήρως στο JavaScript "

Το Effeckt.css είναι ένα έργο ανοιχτού κώδικα σε εξέλιξη που στοχεύει στην παροχή μεταβατικών, ποιοτικών μεταβάσεων CSS και κινούμενων σχεδίων για σχεδιαστές ιστοσελίδων. Η ιδέα είναι "

Αυτή είναι μια παρουσίαση που έδωσα σε ένα συνέδριο μόλις μία φορά τον Δεκέμβριο του 2012. Σε αυτό το σενάριο σάς δίνω μια τελευταία φορά σε εσάς, συνδρομητής CSS-Tricks. ΕΓΩ"

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

Υπήρξαν πολλά υπέροχα σχόλια σχετικά με την πρώτη σειρά μετατροπής ενός Photoshop Mockup σε HTML / CSS. Ας το κάνουμε ξανά! Κάθε ιστότοπος είναι διαφορετικός "

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

Αυτή είναι μια παρουσίαση που έδωσα σε συνέδρια στα τέλη του 2012 και στις αρχές του 2013. Σε αυτό το σενάριο σάς δίνω μια τελευταία φορά σε εσάς, συνδρομητής CSS-Tricks. Το"

Για πάντα δημιουργήσαμε όλοι γραφικά 16x16 και τα πήραμε με τη μορφή .ico με κάποιο τρόπο. Πιθανότατα χρησιμοποίησα αυτό το εργαλείο μετατροπής εκατομμύριο φορές. Κάπου κατά μήκος του "

Τα κουμπιά στο CSS-Tricks, τη στιγμή αυτού του βίντεο, έχουν εφέ faux 3D. Μοιάζουν με ένα μπλε τούβλο που κοιτάτε από ψηλά υπό γωνία. Πότε"

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

Ποτέ δεν έχω μπερδέψει με τη δημιουργία προσαρμοσμένων αποσπασμάτων κειμένου Sublime Text. Έτσι, όταν ο James Nowland έστειλε ένα, πήρα την ευκαιρία να μάθω. Εδώ είναι: mq "