Σκηνές βίντεο 2025, Ιανουάριος
Η δημιουργία ενός εντελώς προσαρμοσμένου θέματος για το δημοφιλές λογισμικό φόρουμ phpBB θα ήταν τεράστια δουλειά. Ευτυχώς, για να σηκωθούμε και να τρέχουμε γρήγορα, μπορούμε απλά "
Υπάρχουν μια χούφτα χαρακτηριστικά CSS που μπορούν να συνδυαστούν σε ένα μοναδικό χαρακτηριστικό για κωδικοποίηση συντομίας. Υποστηρίζω τη χρήση της στενογραφίας CSS όποτε "
Ένα από όλα τα σημεία του Shadow DOM είναι ότι παρέχει ενθυλάκωση. Δεν υπάρχουν στυλ, δεν υπάρχουν στυλ. Υπάρχουν όμως τρόποι "μέσω" του Shadow DOM και "
Η ενασχόληση με τομείς και φιλοξενία και όλα τα στοιχεία εγκατάστασης διακομιστή δεν είναι συνήθως το πιο άνετο υλικό για τους σχεδιαστές ιστοσελίδων. Σε αυτό το screencast περπατάω "
Το FoxyCart είναι το νέο αγαπημένο μου σύστημα ηλεκτρονικού εμπορίου. Είναι εξαιρετικά εύκολο να ξεκινήσετε. Έχετε πλήρη έλεγχο σχεδίασης σε όλες τις πτυχές του (καλάθι, "
Ακόμα περισσότερο από το z-index (το οποίο καλύψαμε πριν από λίγες εβδομάδες), η ιδιότητα float είναι γνωστό ότι προκαλεί επεισόδια τραβήγματος μαλλιών και διάτρησης της οθόνης. Φαίνεται"
Κάποτε κάναμε μια δημοσκόπηση που ρωτούσε τους ανθρώπους ποιο ήταν το αγαπημένο τους CMS. Το WordPress ήταν ένας νικητής, αλλά έλαβε επίσης πολλά σχόλια για το "Το WordPress δεν είναι CMS !!". "
Τα CSS Sprites είναι ένα καυτό θέμα εδώ και πολύ καιρό. Το γεγονός είναι ότι κάθε εικόνα σε μια ιστοσελίδα είναι ένα ξεχωριστό αίτημα διακομιστή και μπορείτε δραματικά "
Ο δείκτης Z μπορεί μερικές φορές να προκαλεί σύγχυση. Σε αυτό το σενάριο προσπαθώ να εξηγήσω πώς λειτουργεί, πώς συνδέεται με την τοποθέτηση, κάποιες ιδιορρυθμίες και κάποιες "
Είναι η Εβδομάδα του WordPress εδώ στο CSS-Tricks, οπότε ήθελα να κάνω ένα σενάριο με θέμα το WordPress και να καλύψω πολλές μίνι συμβουλές που δεν το έκαναν σε προηγούμενο "
Τελειώνω το σχέδιο στο τρίτο μέρος αυτής της σειράς για την κάλυψη ενός προτύπου ιστότοπου του Adobe Photoshop σε έναν πραγματικό ιστότοπο HTML / CSS. Αυτό εστιάζει στο "
Το sIFR (Scalable Inman Flash Replacement) είναι μια τεχνολογία που σας επιτρέπει να χρησιμοποιείτε οποιαδήποτε γραμματοσειρά θέλετε στις ιστοσελίδες σας. Σύντομη ιστορία, χρησιμοποιεί JavaScript "
Ο σχεδιασμός μιας ιστοσελίδας που έχει βελτιστοποιηθεί για το iPhone δεν είναι επιστήμη πυραύλων. Είναι το ίδιο HTML, CSS και JavaScript που γνωρίζετε ήδη. Η διαφορά"
Ο σχεδιασμός email HTML απέχει πολύ από τον κανονικό σχεδιασμό ιστοσελίδων. Σίγουρα, και οι δύο μας στοιχεία HTML, αλλά η όλη φιλοσοφία είναι διαφορετική. Σε αυτόν τον κόσμο, πρέπει να "
Ένας από τους πιο αποτελεσματικούς τρόπους χειρισμού της τρέχουσας επισήμανσης πλοήγησης είναι να δώσετε σε κάθε στοιχείο πλοήγησής σας ένα μοναδικό όνομα κλάσης. Στη συνέχεια, δώστε σε κάθε σελίδα "
Δίκαιη προειδοποίηση: αυτό το screencast είναι αρκετά συγκεκριμένο για Mac και αγωνίζομαι για κάθε είδους τυχαία πράγματα που δεν σχετίζονται με το σχεδιασμό ιστοσελίδων. Σας παρουσιάζω τη νέα εφαρμογή ιστού "
Ξεκινώντας από το σημείο που σταματήσαμε την τελευταία φορά, συνεχίζουμε να διερευνούμε τις δυνατότητες του jQuery. Επανεξετάζουμε μερικές από τις παλιές λειτουργίες και τις κάνουμε να κάνουν κάποιες "
Προσυπογράφω τη θεωρία ότι οι επανασχεδιασμοί ιστοσελίδων πρέπει να είναι εξελικτικές και όχι επαναστατικές. Κάνοντας μικρές αλλαγές, τροποποιήσεις και αναβαθμίσεις με την πάροδο του χρόνου οδηγεί σε "
Ο σχεδιασμός με χρήση διαφανών άλφα PNG καθιστά τη ζωή πολύ πιο εύκολη και πιο δροσερά σχέδια. Όπως όλοι γνωρίζουμε οδυνηρά, το IE 6 και κάτω δεν υποστηρίζει "
Οι χάρτες Google, με όλη τη μεταφορά και το ζουμ και τη δορυφορική προβολή και όλα, είναι η υπηρεσία χαρτογράφησης της επιλογής μου. Η Google προσφέρει ένα δωρεάν API για τους χάρτες του, οπότε "
Το Google Analytics είναι μια δωρεάν υπηρεσία για την παρακολούθηση κάθε είδους πληροφοριών σχετικά με τους επισκέπτες του ιστότοπού σας. Πρόσφατα είχα μια παράξενη εμπειρία με το "
Η ενσωμάτωση της αναζήτησης σε έναν ιστότοπο μπορεί να είναι ένα εξαιρετικά περίπλοκο θέμα πέρα από τις ικανότητές μου στην ανάπτυξη ιστού. Ευτυχώς, η Google προσφέρει μια υπηρεσία που ονομάζεται "
Στο δεύτερο μέρος αυτής της σειράς για τη μετατροπή ενός προτύπου Photoshop σε έναν ιστότοπο HTML / CSS συνεχίζω με την ενότητα κεφαλίδας / μενού του ιστότοπου. Αλλάζω το "
Κάθε φορά που κάποιος με ρωτάει για φόρμες, αναφέρομαι πάντα στο Wufoo. Στη δουλειά και στο σπίτι, σχεδόν κάθε φόρμα που δημιουργώ απλά χρησιμοποιώ το Wufoo. Κάνει μορφή "
Ο Joshua Comeau επινόησε τον όρο "boop" (υψηλό πέντε, Adam Kuhn). Είναι κάπως σαν καταστάσεις αιωρήσεων / εστίασης, εκτός από το ότι δεν είναι. Τα πράγματά σου - "
Έχουμε εγκαταστήσει το WordPress, τώρα ας κάνουμε τα χέρια μας βρώμικα και αρχίσουμε να κάνουμε το WordPress να κάνει ό, τι θέλουμε να κάνει. Ξεκινάμε σπρώχνοντας γύρω από το "
Στο τρίτο μέρος αυτής της σειράς, ολοκληρώνουμε τη δομή του ιστότοπου και αρχίζουμε να βυθίζουμε τις λεπτομέρειες. Η τυπογραφία έχει ρυθμιστεί, η δεξιά πλευρική γραμμή έχει ρυθμιστεί
Όπως τόσα πολλά πράγματα CSS, υπάρχουν πολλά μικρά πράγματα που πρέπει να γνωρίζετε, ακόμη και κάτι τόσο μικρό όσο κεντράρισμα ενός δείκτη λίστας. Ένας αναγνώστης έγραψε με "
Το WordPress είναι ένα εξαιρετικά δημοφιλές CMS για blogging. Η ενότητα blog του CSS-Tricks εκτελείται στο WordPress και είμαι πολύ χαρούμενος με αυτό. Με δημοφιλές αίτημα, είμαστε "
Δίκαιη προειδοποίηση: δεν θα το χρειάζεστε κάθε μέρα! Απλώς έβλεπα ένα τακτοποιημένο μικρό εργαλείο στρέβλωσης SVG που είχε ένα χαρακτηριστικό όπου το ποντίκι μου "