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

Είμαστε ακόμα βαθιά στην περιοχή των Φόρουμ. Σε αυτό το screencast κοιτάζουμε τη σελίδα εγγραφής. Μια άλλη μάλλον σημαντική σελίδα όπως θέλουμε την εμπειρία του "

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

Μπορεί να υποστηρίξετε ότι η αρχική σελίδα των Φόρουμ είναι η πιο σημαντική σελίδα, αλλά υπάρχουν εξίσου καλά επιχειρήματα για μεμονωμένες προβολές νήματος ως "

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

Σε αυτό το σενάριο συνεχίζουμε να ανακαλύπτουμε τον κώδικα των Φόρουμ της Βανίλιας και να ξεκινήσουμε το θέμα μας. Λαμβάνουμε αμέσως την απόφαση να κάνουμε την τρελή κίνηση "

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

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

Σε αυτό το σενάριο θα βρούμε τον κώδικα της περιοχής φόρουμ. Το "κύριο" αρχείο των φόρουμ, εάν υπάρχει κάτι τέτοιο, είναι default.master.php. "

Σε αυτό το screencast βυθίζουμε σε μια εντελώς νέα ενότητα του ιστότοπου: Τα φόρουμ! Αυτή είναι μια τεράστια περιοχή του ιστότοπου. Ίσως όχι τόσο στην κίνηση (εγώ πάντα "

Σε αυτό το screencast ξεκινήσαμε να δημιουργήσουμε μερικές από τις ενότητες που σχεδιάζουμε να έχουμε στην αρχική σελίδα. Λίγο τσίμπημα και δείχνουμε τρία καυτά "

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

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

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

Στο screencast σκάβουμε στο πρότυπο HTML και CSS και WordPress που είναι η μοναδική σελίδα βίντεο. Έχουμε ήδη σχεδιάσει πώς θέλουμε να φαίνεται αυτό "

Σε αυτό το σενάριο θα ολοκληρώσουμε τον κώδικα-wranglin 'το πρότυπο για μεμονωμένα βίντεο. Ξεκινάμε οργανώνοντας λίγο στο CSS μας. Μερικά από τα videos.scss "

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

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

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

Σε αυτό το σενάριο θα δουλέψουμε στην περιοχή "Demos" του CSS-Tricks. Πρόκειται για μια αρκετά δημοφιλή περιοχή του ιστότοπου, παρά το γεγονός ότι δεν το λέω ως "

Κοιτάζουμε τη σελίδα επαφών και αποφασίζουμε ότι είναι το είδος της σελίδας στο CSS-Tricks που είναι πολύ γενικό και δεν χρειάζεται κάποιο ιδιαίτερο στυλ στο "

Σε αυτό το screencast αρχίζουμε να μιλάμε για το πώς πρόκειται να χτίσουμε την περιοχή συμμετοχής του CSS-Tricks. Μέρος του Kickstarter που έκανε όλο αυτό το πράγμα "

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

Σε αυτό το screencast προσθέτουμε ένα νέο πρόσθετο στον ιστότοπο που μας δίνει τη δυνατότητα να αλλάζουμε τα θέματα στον ζωντανό ιστότοπο, αλλά μόνο έτσι ώστε εμείς (ως διαχειριστές) να μπορούμε "

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

Έφτασαν οι τελευταίες κεφαλίδες! Τώρα μπορούμε να τα ολοκληρώσουμε και να ολοκληρώσουμε όλες τις προσαρμοσμένες κεφαλίδες μας. Σε αυτό το σενάριο θα δουλέψουμε πάνω στο έθιμο "

Θα προσθέσουμε σε μια νέα διαφημιστική ζώνη στον ιστότοπο που υποστηρίζεται από το Google AdSense. Καταργήσαμε μια ζώνη BuySellAds πριν από λίγο, οπότε δεν είναι σαν "

Σε αυτό το σενάριο θα ξεκινήσουμε να δημιουργούμε τη φόρμα σχολίων σε HTML / CSS. Η σήμανση για τη φόρμα σχολίων βρίσκεται στο αρχείο comments.php στο "

Είμαι πολύ ενθουσιασμένος που εργάζομαι στην ενότητα σχολίων για αυτόν τον ιστότοπο. Το CSS-Tricks φιλοξενεί μερικές εξαιρετικές συζητήσεις, χάρη σε όλους εσάς τους καλούς ανθρώπους. Σχέδιο"

Σε αυτό το screencast επιστρέφουμε στο Photoshop και σχεδιάζουμε την ίδια τη φόρμα σχολίων. Όπως και οι χρήστες, οι είσοδοι και τα textarea πρέπει να συμπληρώσουν για να αφήσουν ένα "

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