Είναι Φθινόπωρο; Χειμώνας? Δεν ξέρω, αλλά ξύπνησα με χιόνι στην μπροστινή αυλή σήμερα το πρωί και ένιωσα ότι ήταν ώρα να γράψω μια μικρή ενημέρωση για το τι συνέβαινε γύρω από τα CSS-Tricks αυτόν τον περασμένο μήνα, καθώς είναι γνωστό ότι κάνουμε πότε-πότε.
Το πρώτο είναι το Ενημερωτικό δελτίο CSS-Tricks! Αρχίζει να νιώθουμε ότι μειώνουμε τον ρυθμό μας μετά από μήνες παύσης. ο τελευταία έκδοση βγήκε στα τέλη Οκτωβρίου. Αυτός είναι ο τρίτος συνεχόμενος μήνας που καταφέραμε να το πετύχουμε, κάτι που θα αποκαλούσα μεγάλη νίκη για συνέπεια. Μπα, δεν είναι ο εβδομαδιαίος ρυθμός που είχαμε πριν, αλλά αυτό είναι κάτι που φιλοδοξούμε καθώς η ομάδα μας συνεχίζει να εδραιώνεται.
Εδώ που τα λέμε — έχουμε ένα νέο μέλος της ομάδας! Επιβιβάσαμε τον Andrea Anderson. Είναι μια καθιερωμένη τεχνική συντάκτρια και είμαστε τυχεροί που είναι εδώ. Ενώ μπορεί να εργάζεται σε ένα κομμάτι CSS-Tricks από καιρό σε καιρό, η κύρια εστίασή της είναι να εργάζεται σε περιεχόμενο που είναι ενσωματωμένο σε Ο ιστότοπος της κοινότητας του DigitalOcean.
Ω, και ενώ βρισκόμαστε στο θέμα της Κοινότητας του DigitalOcean, ρίξτε μια ματιά σε αυτό Ανάρτηση προγραμματιστή Markepear βαθιά κατάδυση στη διαδικασία γραφής του DigitalOcean. Σοβαρά, είναι μια απίστευτα βαθιά κατάδυση που μπαίνει στον τρόπο με τον οποίο περιγράφονται και δομούνται τα σεμινάρια, το UX της πλοήγησης στα αρχεία εκμάθησης και ακόμη και η λεπτή αλληλεπίδραση μεταξύ του περιεχομένου και της διαφήμισης σε κάθε άρθρο.
Μου αρέσει πολύ το πώς τα σεμινάρια του DigitalOcean περιγράφονται ως περιεχόμενο «πρώτα δίνω» που «έχει μια μυρωδιά αξίας παντού». Μιλάει πολλά για την εργασιακή ηθική της ομάδας, η οποία προσωπικά μπορώ να επιβεβαιώσω ότι είναι κορυφαία. Είναι πραγματικά ο λόγος που το DigitalOcean και τα CSS-Tricks ταιριάζουν υπέροχα.
Η διαφήμιση είναι επίσης πολύ σημαντική για εμάς αυτή τη στιγμή. Οταν εμείς έκανε έρευνα τον άλλο μήνα, γνωρίζαμε ότι θα υπήρχαν ανησυχίες σχετικά με τον τρόπο με τον οποίο θα επηρεάζονταν οι διαφημίσεις CSS-Tricks μετά την εξαγορά του DigitalOcean. Θα τα αφαιρούσαμε; Να τα κάνουν όλα σχετικά με το DigitalOcean; Να διατηρηθούν τα πάντα ως έχουν; Εννοώ ότι το CSS-Tricks βασιζόταν παραδοσιακά σε ένα μοντέλο διαφήμισης για να κρατήσει τα φώτα αναμμένα, αλλά τώρα που υποστηρίζεται από μια εταιρεία, πόσο πραγματικά χρειάζεται να βασιζόμαστε στις διαφημίσεις;
Αποδεικνύεται ότι σε πολλούς από εσάς αρέσουν οι διαφημίσεις, σύμφωνα με την έρευνα. Μοιάζουν κάπως με τις προτάσεις προϊόντων που εμφανίζονται στον ιστότοπο και νομίζω ότι αυτό αποτελεί απόδειξη της προσπάθειας του Chris να βεβαιωθεί ότι οι διαφημίσεις (1) προωθούν καλά πράγματα και (2) σχετίζονται με τη δουλειά στο front-end που κάνουμε. Παράδειγμα: πρόσφατα ανταλλάξαμε μια δέσμη διαφημίσεων DigitalOcean για να προωθήσουμε τη φιλοξενία Cloudways μετά την απόκτησή της από την DigitalOcean. Αυτές οι διαφημίσεις δεν πήγαν τόσο καλά, έτσι αλλάξαμε ξανά τις διαφημίσεις DigitalOcean, οι οποίες τα πήγαιναν ήδη αρκετά καλά.
(Η διαφημιζόμενη προσφορά είναι πολύ καλή, παρεμπιπτόντως… $200 σε δωρεάν πιστώσεις για να ολοκληρώσετε το έργο σας.)
Οι εργασίες για τη μεταφορά CSS-Tricks από το WordPress στο ίδιο CMS που χρησιμοποιεί η DigitalOcean Community για το περιεχόμενό της είναι ακόμα σε εξέλιξη. Ένα μεγάλο μέρος της δουλειάς εξακολουθεί να είναι η αντιστοίχιση πεδίων περιεχομένου WordPress στο νέο CMS. Αυτό δεν είναι κάτι ασήμαντο όταν μιλάμε για έναν ιστότοπο με 7,000 περίεργα άρθρα σε διάστημα 15 ετών. Αυτό πάει καλά, όπως και η αρχική αρχιτεκτονική του ιστότοπου. Στη συνέχεια, πρέπει να καταλάβουμε πώς χειριζόμαστε τα μπλοκ WordPress, αναπαράγοντας τις δυνατότητές τους και δημιουργώντας ένα απόθεμα με όλα όσα πρέπει να μεταφέρουμε. Φτου!
Νέα πρόσωπα!
Όπως πάντα, τείνουμε να έχουμε μερικά νέα πρόσωπα στον ιστότοπο κάθε μήνα καθώς συνεργαζόμαστε με νέους προσκεκλημένους συγγραφείς. Αυτόν τον μήνα, καλωσορίσαμε Krzysztof Gonciarz και Lorenzo Bonannella. Ρίξτε μια ματιά στα άρθρα τους και δώστε τους ένα υψηλό πέντε για να μοιραστούν τη δουλειά τους. Χρειάζεται πολλή δουλειά για να γράψεις, για να μην αναφέρουμε λίγο θάρρος για να βάλεις τις ιδέες σου μπροστά σε άλλους ανθρώπους. Ευχαριστώ, λοιπόν, ένα σωρό Krzysztof και Lorenzo!
Γνωρίστε τον Mojtaba Seyedi
Σκέφτηκα ότι το να συναντήσω έναν από τους μακροχρόνιους συγγραφείς μας θα ήταν ένας καλός τρόπος να περιορίσουμε την ενημέρωση αυτού του μήνα. Και λίγοι άνθρωποι έχουν συνεισφέρει τόσα άρθρα στα CSS-Tricks Mojtaba Seyedi. Μπορεί να μην βλέπετε το όνομά του να εμφανίζεται τόσο πολύ στα αρχεία, αλλά είναι μόνο επειδή ξοδεύει τόσο πολύ χρόνο στο Ημερολόγιο.
Έκανα στον Mojtaba μερικές ερωτήσεις για τη δουλειά του και απάντησε ευγενικά με αυτές τις απαντήσεις…
πολύ σου πρώτο άρθρο μαζί μας ήταν μια συλλογή προσθηκών για τον επεξεργαστή Sublime Text το 2017. Τι σας έκανε να σκεφτείτε να το δημοσιεύσετε στο CSS-Tricks;
Παλιότερα ήμουν πολύ παθιασμένος με τον επεξεργαστή Sublime Text και τις προσθήκες του. Μπορούσα πάντα να βρω ένα πρόσθετο για να απαλύνω τον πόνο όποτε είχα κουραστεί να κάνω επαναλαμβανόμενες εργασίες. Θα έδειχνα στους συναδέλφους μου πόσο ενδιαφέρον ήταν ό,τι πρόσθετο χρησιμοποιούσα και θα τους παρότρυνα να το χρησιμοποιήσουν.
Μία από τις αποφάσεις μου για την Πρωτοχρονιά τότε —το 2017— ήταν να δημοσιεύσω ένα άρθρο για τα CSS-Tricks. Πάντα πίστευα ότι η ιδέα ήταν πολύ τεχνική. Δεν μου πέρασε ποτέ από το μυαλό ότι μπορούσα απλώς να δημιουργήσω μια λίστα με πρόσθετα Sublime Text που έτυχε να φανούν χρήσιμα για ανάπτυξη! Σήμερα, βλέπω πώς ο ψηλός πήχης που είχα βάλει με εμπόδιζε να γράψω για κάτι που αγαπούσα.
Υπήρξε μια σύντομη στιγμή που σκέφτηκα να εγκαταλείψω αυτό το πρώτο άρθρο. Είχα ξεψυχήσει σκεπτόμενος ότι υπήρχαν πολλές άλλες αναρτήσεις που κάλυπταν ήδη το ίδιο ακριβώς πράγμα. Αλλά από περιέργεια, έψαξα στο Google μερικές από τις κορυφαίες δημοσιεύσεις πρόσθετων Sublime Text και παραδόξως, δεν είδα κανένα από τα πρόσθετα για τα οποία έγραφα. Έτσι, έτσι υπέβαλα το πρώτο μου άρθρο σε αυτόν τον ιστότοπο!
Έχετε γράψει συνολικά 35 άρθρα για CSS-Tricks, 33 από τα οποία βρίσκονται στο Ημερολόγιο. Τι σας αρέσει όταν γράφετε τεχνικές πληροφορίες όπως αυτό;
Οι εγγραφές στο αλμανάκ είναι αναφορικές. Συνεχίζουμε να επιστρέφουμε σε αυτούς για να ελέγξουμε τη σύνταξη μιας ιδιότητας ή ενός επιλογέα. Για παράδειγμα, μπορεί να χρειαστεί να επισκεφτούμε το φόντο συντομογραφία ιδιότητα για να θυμόμαστε αν το background-position η τιμή πηγαίνει πριν ή μετά την κάθετο (/). Οι αναφορές δεν παλιώνουν ποτέ, γι' αυτό το Αλμανάκ είναι ξεχωριστό για μένα.
Κατά τον ίδιο τρόπο, η τεκμηρίωση είναι πρόκληση. Μία από τις προκλήσεις της συγγραφής για το CSS-Tricks Almanac είναι η ανάγνωση και η κατανόηση του προδιαγραφές του W3C. Για παράδειγμα, όταν ήθελα να γράψω για το mask-border ιδιοκτησία, η προδιαγραφή CSS ήταν ουσιαστικά η μόνη μου πηγή. Χρειαζόμουν να καταλάβω όλες τις πτυχές αυτής της ενότητας και πώς συμπεριφέρονται οι διαφορετικές αξίες σε διαφορετικές καταστάσεις, επειδή υπήρχαν ελάχιστα παραδείγματα στη φύση. Απολαμβάνω αυτού του είδους την πρόκληση και νιώθω υπέροχα όταν μπορώ να μετατρέψω τα ευρήματά μου σε κάτι απτό που άλλοι προγραμματιστές μπορούν να κατανοήσουν και να χρησιμοποιήσουν στη δουλειά τους.
Υπάρχει επίσης tαυτός η χαρά της πληρότητας. Η τεκμηρίωση μου επιτρέπει να εμβαθύνω σε λεπτομέρειες που μπορεί να μην το κάνουν σε ένα τυπικό άρθρο. Παίρνω ικανοποίηση όταν μπορώ να καταλάβω ένα ακίνητο ή έναν επιλογέα και να το εξηγήσω με δικά μου λόγια. Το CSS-Tricks Alamanc μου δίνει αυτή την ευκαιρία.
Τι μπορείτε να πείτε για τη διαδικασία του μοντάζ για όσους δεν την έχουν περάσει;
Πρώτον, απολαύστε μια καθαρή και εύκολη διαδικασία. Η συντακτική ομάδα CSS-Tricks θα σας βοηθήσει να το βελτιώσετε και να το κάνετε καλύτερο από ό,τι μπορείτε μόνοι σας.
Επίσης, βεβαιωθείτε επεξεργαστείτε πρώτα το πρόχειρό σας. Επεξεργάζεστε πάντα το άρθρο μόνοι σας πριν το υποβάλετε. Όσο πιο έτοιμο είναι το γράψιμό σας, τόσο περισσότερος χρόνος δίνει ο συντάκτης για να σας βοηθήσει να βελτιώσετε τη δουλειά σας. Εάν ο συντάκτης χρειάζεται να αφιερώσει πολύ χρόνο για να διορθώσει τη βασική γραμματική και την ορθογραφία, αυτός είναι ο χρόνος που θα μπορούσε να είχε δαπανηθεί για να προωθήσει περαιτέρω την ιδέα με σχόλια και άλλες σκέψεις.
Και φυσικά, μάθετε από τα λάθη σας. Να είστε ανοιχτοί στη μάθηση ενώ βρίσκεστε στη διαδικασία επεξεργασίας. Η συντακτική ομάδα εδώ είναι πολύ έμπειρη και εξυπηρετική. Προσπαθώ να αναθεωρήσω τι έχουν αλλάξει στο άρθρο μου και να τα κάνω πράξη στα επόμενα γραπτά μου. Θα ήθελα να ευχαριστήσω Geoff, από τον οποίο έχω μάθει πολλά για την τεχνική γραφή.
Έχετε κάποιες συμβουλές για κάποιον που σκέφτεται να υποβάλει μια πρόταση άρθρου;
Μην σκέφτεστε υπερβολικά την ιδέα. Το άρθρο σας δεν χρειάζεται να είναι επιστήμη πυραύλων. Οτιδήποτε γνωρίζετε αρκετά καλά για να γράψετε μπορεί να είναι χρήσιμο σε άλλους.
Μια άλλη συμβουλή: μην υποτιμάς τον εαυτό σου. Όταν Ο Chris Coyier κάλεσε την κοινότητα να συνεισφέρει στο CSS-Tricks Almanac, είπα στον εαυτό μου ότι υπήρχαν πολλοί περισσότεροι ειδικευμένοι άνθρωποι που μπορούσαν να το κάνουν αυτό, παρόλο που είχα εμπειρία στη συγγραφή εγγράφων CSS. Και ναι, πολλοί άνθρωποι ήταν (και ίσως εξακολουθούν να είναι) πιο γνώστες από μένα. Αλλά όπως αποδείχτηκε, θα μπορούσα να είμαι μέρος αυτού γιατί ήμουν πρόθυμος να προσπαθήσω.
Μια άλλη μεγάλη υπόθεση είναι να μην ανησυχείτε για την επανάληψη άλλων. Η ιδέα σας δεν χρειάζεται να είναι μοναδική. Μπορείτε να γράψετε για κάτι για το οποίο έχουν γράψει άλλοι με έναν νέο και διαφορετικό τρόπο. Η άποψή σου και η προοπτική σου έχουν σημασία! Η προσέγγισή σας για την επίλυση ενός προβλήματος και ο τρόπος που το εξηγείτε μπορεί να είναι διαφορετική με έναν εξαιρετικά χρήσιμο τρόπο.
Και τέλος… ποιο είναι το αγαπημένο σας κόλπο CSS;
Το αγαπημένο μου κόλπο ήταν το κεντράρισμα ενός στοιχείου τον καθορισμό display: table σε αυτό και αφήνοντας τα αυτόματα περιθώρια να κάνουν τα υπόλοιπα. Σήμερα, με το CSS να γίνεται πολύ πιο φοβερό, μπορώ να κάνω το ίδιο κόλπο με min-content και χωρίς επιπλέον περιτύλιγμα.
Είμαι βέβαιος ότι υπάρχει μια ανάρτηση ιστολογίου ή ένα άρθρο σχετικά με αυτό το ίδιο θέμα κάπου στον ιστό. Αλλά θα ήθελα να γράψω γι 'αυτό εδώ στο CSS-Tricks. Βλέπω? Θέλω να μοιραστώ τη δική μου οπτική μαζί σας και θέλω να την εξηγήσω με τον δικό μου τρόπο.
Έχετε κάτι που θέλετε να μοιραστείτε στο CSS-Tricks; Στείλτε μας την προσφορά σας!
