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

Αυτά είναι τα βασικά στοιχεία του τρόπου με τον οποίο εργάζομαι τοπικά σε έναν ιστότοπο WordPress και, στη συνέχεια, το μεταφέρω στην παραγωγή. Ο Flywheel είναι χορηγός του CSS-Tricks και χαίρομαι που "

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

Υπάρχει μια δυνατότητα του Chrome DevTools που σας επιτρέπει: Δείτε τον κωδικό οποιουδήποτε δεδομένου πόρου που χρησιμοποιεί η τρέχουσα ιστοσελίδα (όπως CSS και JavaScript). "Αρκετά"

(Αυτό είναι ένα βίντεο με χορηγία που δούλεψα μεταξύ μας στο CSS-Tricks και το Webflow. Νομίζω ότι το Webflow είναι ένα συναρπαστικό προϊόν για τη δημιουργία ιστότοπων που, στο "μου"

Και από το "είμαστε", εννοώ εμείς, προγραμματιστές front-end;) Εδώ είναι ο ιστότοπος που ακολουθεί αυτήν τη συζήτηση. Αυτή είναι μια ομιλία που έβαλα μαζί όπου το υποθέτω ότι, πάνω από "

Ο Ντέιβιντ Γουέλς, από το Netlify, και εγώ κάνω μερικά βήματα για να φτιάξω πράγματα με το Serverless. Θα εξετάζουμε ως επί το πλείστον τις λειτουργίες cloud εδώ και τον τρόπο χρήσης του "

Διαπιστώνω ότι το 98% της συνολικής μου χρήσης SVG προέρχεται από προ-δημιουργημένα αρχεία SVG ή διανυσματική τέχνη σε κάποιο λογισμικό σχεδιασμού που τελικά εξάγω ως SVG. Όχι σούπερ "

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

Η ίδια βασική ιδέα με τις κάρτες στην αρχική σελίδα του v17 αυτού του ιστότοπου. Δείτε τις κινούμενες κάρτες στυλό του Chris Coyier (@chriscoyier) στο "

Οι David Wells & Chris Coyier μιλούν για το πώς μπορείτε να δημιουργήσετε μια εφαρμογή που φιλοξενείται στατικά στο Netlify, αλλά εξακολουθείτε να έχετε μια βάση δεδομένων backend για να την ενεργοποιήσετε. Χρησιμοποιούμε το "

Αυτό το επεισόδιο είναι ένα προηγούμενο με τα επεισόδια 12, 13 και 14. Επιστρέφουμε σε ένα κενό έγγραφο του Photoshop και το δημιουργούμε ξανά. Δεν υπάρχει HTML / CSS σε αυτό το επεισόδιο, "

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

Ο Ντέιβιντ Γουέλς, από το Netlify, και κάνω μια ρωγμή στην απάντηση σε αυτήν την ερώτηση με κατανοητό τρόπο. Υπάρχουν ακόμη διακομιστές; Φυσικά, αλλά εσείς "

Το WooCommerce είναι ένα ισχυρό και ευέλικτο πρόσθετο ηλεκτρονικού εμπορίου για το WordPress. Θέλετε να πουλήσετε συνδρομές ή συνδρομές; Το WooCommerce μπορεί να το κάνει αυτό; Ψηφιακό"

Συμμετέχω με τον Dustin Schau σε αυτό το βίντεο και θα με πάει σε μια περιοδεία στον κόσμο αυτού που έχει γίνει γνωστό ως CSS-in-JS. Δηλαδή, κάνεις το δικό σου "

Αυτή είναι μια συλλογή τεσσάρων βίντεο που έχω κάνει τους τελευταίους μήνες για μια χορηγία με την Automattic. Πρόκειται κυρίως για το Jetpack, ένα WordPress plugin I "

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

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

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

Η Σάρα Ντράσνερ και εγώ σκάβουμε το Vue! Το Vue είναι ένα πολύ δημοφιλές πλαίσιο JavaScript που εκρήγνυται. Η Σάρα είναι στη βασική ομάδα και είναι το πιο "

Το Firebug είναι μια ουσιαστική επέκταση του Firefox για σχεδιαστές και προγραμματιστές ιστοσελίδων. Μπορείτε να στοχεύσετε γρήγορα οποιοδήποτε στοιχείο σε μια σελίδα για να δείτε τη σήμανση, το "

Φαίνεται ότι το CSS Grid έρχεται εδώ και πολύ καιρό, αλλά μόλις φαίνεται να φτάνει σε ένα σημείο όπου οι άνθρωποι μιλούν όλο και περισσότερο γι 'αυτό "

Το ίδιο το CSS-Tricks είναι ένας ιστότοπος WordPress και ένας από τους οποίους το WordPress είναι ιδανικό. Μεταξύ πραγμάτων όπως το σύστημα σύνδεσης και δικαιωμάτων, το blogging, "

Ο Eric Portis με παίρνει μαζί μου για να ανακαλύψω τον κόσμο των απαντητικών εικόνων. Ξεκινάμε από τα βασικά. Οι αποκριτικές εικόνες είναι συγκεκριμένα εικόνες σε HTML και υπάρχουν "

Είδα μια βολή Dribbble την άλλη μέρα από τον Eli Brumley που είχε ένα δροσερό διαδραστικό αποτέλεσμα. Ένα απλό κυκλικό μπλε κουμπί, όταν πατηθεί, επεκτείνεται σε ένα μικρό "

Μερικές φορές, για να ξεκινήσετε ένα ταξίδι για να μάθετε κάτι τεράστιο και περίπλοκο, πρέπει να μάθετε κάτι μικρό και απλό. Το JavaScript είναι τεράστιο και περίπλοκο, αλλά "

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

Ώρα για ένα άλλο ζεύγος screencast! Αυτή τη φορά έχω ενεργοποιήσει τον Zach Leatherman, από το Filament Group. Ο Zach έχει κάνει πολλή έρευνα, συγγραφή και ομιλία "

Τελειώσαμε τη μετατροπή κοροϊδεύω εδώ στο επεισόδιο τρίτο. Δημιουργούμε την "περιοχή του άρθρου" και την "πλευρική γραμμή" (ονομασία σημασιολογικής κλάσης!) Και μετά διαγράφουμε το "

Σε αυτό το σενάριο συνδυάζομαι με τον Brian Muenzenmeyer ο οποίος, μεταξύ άλλων, εργάζεται στο Pattern Lab. Συγκεκριμένα, η έκδοση κόμβου του Pattern Lab, μαζί με το "