אתה יודע, זו התקופה בשנה שבה כריס בדרך כלל מפרסם שיקוף גדול של השנה האחרונה. ה ראשון פורסם ב-2007, באותה שנה שהחל CSS-Tricks, וזה נמשך כל הדרך עד 2021 בלי להחסיר פעימה. לאחר שהייתי קורא CSS-Tricks בעצמי כל השנים האלה, הייתי שונא לראות את השינוי הזה.
אז הנה אנחנו! 2022 הייתה ללא ספק שנה מטורפת בכל הנוגע למעבר. בזמן הזה בשנה שעברה, הסתכלנו קדימה על כמה יעדים לשנה הקרובה (שאליהם עוד נגיע) אבל סיימנו להצטרף ל-DigitalOcean. זה היה שינוי ים עצום (מימוש מילים) ובכל זאת דבקת איתנו לאורך כל הדרך. זה באמת אומר לי הרבה שכל כך הרבה מכם באים לכאן כדי לקרוא את הדברים שאני ועוד שלל כותבים אורחים מפרסמים כאן. זו פשוט לא קהילה (או כל כיף) בלעדיכם.
תודה!
זהו הפוסט האחרון שאנו מפרסמים השנה כאשר אנו תולים את השלט Gone Fishin' שלנו לקראת החגים. אנחנו נחזור ינואר 9 עם שפע של תוכן טרי מהתנור.
אוקיי, כאן אנחנו מתחילים לחפור בניתוח של האתר. זה משהו שתמיד היינו שקופים לגביו ונמשיך לעשות. זה לא שהמספרים שלנו נמצאים בקופסה שחורה לא מוגבלת, והתקווה היא שהשיתוף שלהם איכשהו יעזור לך ולעסק שלך.
תנועה כוללת
בסך הכל, Google Analytics מציג סך של 64m צפיות בדפים במשך השנה כולה. זה wayyyyy ירידה מ-88 מ' בשנה שעברה, וזה מדאיג במבט ראשון. כלומר, מי רוצה לראות א 27% ירידה בתנועה משנה לשנה?
אבל יש לכך סיבה טובה כי פרסמנו א wayyyy פחות תוכן השנה. כולנו יודעים שכריס היה סופר פורה (ו עדיין, כמובן), לעתים קרובות יורקים פוסטים מרובים ביום. זה כאילו איבדנו את התורם הכי פרודוקטיבי שלנו בחלק הארי של השנה. הבה נשווה את פעילות ההוצאה לאור בשנים האחרונות:
- 2020: מאמרים 1,183
- 2021: מאמרים 890
- 2022: מאמרים 390
ירידה של 27% בצפיות בדפים היא הרבה פחות מדאיגה בהתחשב בפרסמנו 43% פחות מאמרים מאשר בשנה שעברה, והרבה 67% פחות מהסך הכולל של 2020.
הממ, אני לא מרגיש שאני עובד 67% פחות...
וכל זה בא עם האזהרה שזה בדיוק מה שאנחנו מקבלים מגוגל אנליטיקס. בשנים האחרונות, כריס השווה את המספרים הללו עם נתונים סטטיסטיים מ Cloudflare (שכבת ה-CDN שיושבת על גבי האתר) ו jetpack (התוסף שמחבר את אתר הוורדפרס המתארח בעצמנו לתכונות SaaS-y של WordPress.com). התוצאות תמיד לא עקביות עד כדי כך שאני אפילו לא טורח להסתכל הפעם. (בסדר, בסדר, אולי רק Jetpack... שמציג 59.9 מיליון צפיות בדף - באופן מוזר יותר מ-2021 מיליון בסך הכל של 55.)
מאמרים, לפי המספרים
זה מה שאני תמיד מצפה לו בכל שנה! להלן עשרת המאמרים הטובים ביותר בשנת 2022 פורסמו בשנת 2022:
- 6 רעיונות יצירתיים עבור אפקטי ריחוף של קישורי CSS — הרשיל פאטל
- הסבירו לי את 10 השורות הראשונות של קוד המקור של טוויטר - אנאנד צ'ודהרי
- מה היו הכלים הקדמיים החמים ביותר בשנת 2021? - לואי לזריס
- החלף את דיאלוגים של JavaScript ברכיב הדו-שיח החדש של HTML - מאדס סטומן
- אמור שלום ל- selectmenu, אלמנט בחירה בעל יכולת בחירה מלאה - פטריק ברוסט
- שלח בצורה מהימנה בקשת HTTP כאשר משתמש עוזב דף - אלכס מקארתור
grid-template-columns- Mojtaba Seyedi- מדריך מלא ל-CSS Cascade Layers - מרים סוזן
- שאילתות מסד נתונים של CSS? ברור שאנחנו יכולים! - כריס קוייר
- CSS-Tricks מצטרפת ל-DigitalOcean! - כריס קוייר
אני למעשה מופתע שהאחרון לא היה גבוה יותר ברשימה. ואני ממש נלהב לראות אחד מהאלמנאק שם, במיוחד כי מוג'טאבה התנתקה בשעה כל מאפייני ה-CSS Grid במהלך השנה וחצי האחרונות, והוא הוציא אותו מהמגרש. חשבתי שיש לי שליטה טובה על רשת עד שהתחלתי לקרוא את כל גושי הזהב שהוא ארז בכל נכס. יש כל כך הרבה מה ללמוד שם ולמוג'טאבה יש כישרון להסביר בבירור דברים מסובכים. אני מקווה לעדכן את מדריך CSS Grid עם כל המידע הטרי הזה (אבל עוד על זה עוד מעט).
אני אוהב לראות את המדריך של CSS Cascade Layers שם גם! היה לי כל כך כיף לעבוד עם מרים על זה. אם לא ידעת את זה, היא עורכת עבור המפרט. זה תענוג (וכבוד, באמת) לארח את עבודתה כאן ולהפוך אותה לזמינה לכולנו לסימניות ולהתייחסות.
הנה 11-20 לבעיטות:
- אנימציה עם JavaScript בסיסי - מד"ר שובו
- רפרוף למפתחי אתרים חזיתיים -Obumuneme Nwabude
- רשת CSS וצורות מותאמות אישית, חלק 1 — תמני עפיף
- כתוב HTML, דרך HTML (לא דרך XHTML) - ינס אוליבר מאירט
- סיור שריקה של 4 תכונות צבע חדשות של CSS - כריס קוייר
- אפקטי ריחוף מגניבים המשתמשים במאפייני רקע — תמני עפיף
- בואו ניצור שפת תכנות זעירה - מד שובו
- אפקטי ריחוף מגניבים של CSS המשתמשים בגזרת רקע, מסכות ותלת מימד — תמני עפיף
- תוכן עניינים מושלם עם HTML + CSS - ניקולס סי זקאס
- טביעת אצבע מבוססת CSS - כריס קוייר
כל הפוסטים שפורסמו ב-2022 מהווים 4.8m צפיות בדף, או בערך 7.8% מכל הצפיות בדף. המאמר הנצפה ביותר שלנו הוא תמיד ה-ol' מדריך ל-Flexbox שגרף 5.8m צפיות השנה. אני אשמח לראות שהתוכן החדש שלנו עולה על הפריט האחד הזה, ואני מאמין שזה היה קורה בקלות אם היינו שומרים על קצב הפרסום. גב המתמטיקה של המפית כאן, אבל יכול להיות שהיינו בסביבות 67 מיליון צפיות בעמוד אם היינו מפרסמים 540 מאמרים נוספים כדי להתאים למספר המאמרים שפורסמו בשנה שעברה.
אם ניקח כמה צעדים אחורה, נוכל לראות את המאמרים הנצפים ביותר מהשנה האחרונה, ללא קשר למועד פרסוםם:
- מדריך מלא ל- Flexbox
- מדריך שלם לרשת
- תמונת רקע מושלמת לדף המלא
- הצורות של CSS
- שאילתות מדיה עבור התקנים סטנדרטיים
- שימוש ב-SVG
- כיצד לשנות את קנה המידה של SVG
- משולש CSS
- Gradient Borders ב-CSS
- קטוע מחרוזת עם אליפסיס
- הוראות שימוש
@font-faceב- CSS
כן, כמעט זהה לשנה שעברה. ובשנה שלפני כן. ובשנה שלפני כן. ו... ובכן, כמעט. "גבולות שיפוע ב-CSS" הוא חדש, פוגע ב box-shadow נכס מחוץ לרשימה. כל השאר מהנקודה הארבעה והלאה רק החליפו מקומות.
אם כבר מדברים על הנכסים באלמנך, אני רוצה לראות למה כולכם התייחסתם הכי הרבה בשנה האחרונה:
::after/::beforetransitionbox-shadowscrollbarjustify-contentflex-wrapgapoverflow-wrapanimationwhite-space
פסאודו אחד בראש ורק מאפיינים אחרי זה. מעניין, בהתחשב בכך שבורר פסאודו יחסי מתפקד כמו :has(), :is(), ו :where() הם ילדים חדשים בשכונה.
ניוזלטר
המספרים כאן מבולגנים מדי מכדי להסיק מסקנות כלשהן. לאחר המעבר ל-DigitalOcean, נאלצנו לשפשף את רשימת 91K+ המנויים שלנו למטרות תאימות והמספר צנח כתוצאה מכך. אם הורדתם מהרשימה, אתה יכול להירשם מחדש כאן.
החדשות הטובות? אנחנו עדיין עושים את הניוזלטר! אנחנו בעצם ירה אותו בחזרה באוגוסט לאחר הפסקה של חמישה חודשים. היינו בקצב שבועי, אבל נמצאים פעם בחודש עכשיו בזמן שלך באמת כותב את זה. אני בהחלט מקווה להחזיר אותו לפרסום שבועי. (אני מתגעגע אליך, רובין!)
עדכוני האתר
זה עסק בעיקר בשמירה על הספינה, אם אני אהיה כנה. מלבד כמה שיפורים ותחזוקה קלים, האתר נמצא פחות או יותר היכן שהיה בתקופה זו בשנה שעברה.
זה ישתנה בגדול בשנת 2023. אם עמדת בקצב החודשי שלנו מאחורי הקלעים של CSS עדכונים, אז אתה יודע שאנחנו מתכננים להעביר CSS-Tricks מוורדפרס לאותו CMS מבוסס ביתי ש-DigitalOcean משתמש בו עבור כל (כוכבי) תוכן קהילתי.
העבודה הזו התחילה לפני כמה חודשים וצריכה להיעשות במחצית הראשונה של השנה. אתה יכול להמר שנעדכן אותך לאורך כל הדרך. חוץ מזה א עיצוב טרי וחלק אחורי חדש, זה צריך להיות עסקים כרגיל. אם יש לך שאלות כלשהן לגבי העבודה הזו ומה המשמעות של הפרסום המועדף עליך, אנא פנה אלי בתגובות or תשלח לי מייל.
אם עדיין לא ראיתם את זה, הנה כמה רכיבים שהמעצב שלנו, לוגן ליפיק, הרכיב:
סקירת יעדים לשנת 2021
הו, אני מהסס אפילו להסתכל. כל המאמץ שנדרש כדי להשתלב ב-DigitalOcean ולמצוא קצב חדש שלט בזמנם של כולם, השאיר מעט יקר כדי להתמודד עם המטרות של כריס, שהיו:
- ✅ התמקדות נוספת ב-SEO. אני אתן לנו כאן ציון עובר. האמת היא שכריס ואני כבר חפרנו בזה לפני הרכישה. החלפנו את התוסף Yoast SEO ב-RankMath, תוך ניצול השימוש בכלי העורך שלו כדי לעזור לנו ללמוד כיצד לייעל את הפוסטים שלנו לתוצאות החיפוש. וכדי להיות ברור: זה פחות קשור להגדלת התנועה לקבלת יותר הכנסות מחסות מאשר בהכרה שחיפוש הוא הדרך העיקרית שקוראים כמוך מוצאים אותנו, ומקל עליך למצוא את מה שאתה מחפש. זה נכון במיוחד עכשיו כשאנחנו מגובים על ידי DigitalOcean וסומכים על חסויות הרבה פחות ממה שהיינו.
- 🚫 עוד ספר דיגיטלי. נדנדה והחמצה! ובכן, מעולם לא התנדנדנו מלכתחילה, או נכנסנו לתוך קופסת הבלילה לצורך העניין. (האם כך עובדות אנלוגיות ספורט?) כריס פרסם ספר של טריקי ה-CSS הגדולים ביותר בשנת 2020 והפך את זה להטבה של להיות מנוי CSS-Tricks בתשלום. הרעיון היה לעשות עוד אחד השנה, אבל נפטרנו מהמנויים בתשלום ופתחנו את The Greatest CSS Tricks להנאת כולם, ללא תשלום.
- 🚫 עוד ניסויים במדיה חברתית. לא! אבל זה יכול להיות לטובה, בהתחשב איפה טוויטר נמצאת בדיוק בשנייה זו. ייתכן שנאלץ להתנסות בתחום הזה בשנה הבאה יותר מתוך הכרח מאשר עניין. טוויטר תמיד היה טפטוף בדלי הפתגמי של תעבורת CSS-Tricks; עד כדי כך שההשקעה בה מרגישה כמו לשים את הביצים שלנו בסל הלא נכון, אה דלי. לא יודע. חלק ממני רק רוצה לשבת על הידיים שלי ולראות איך דברים מתנערים לפני שמחליטים על משהו חדש או שונה.
הגדרת יעדים לשנת 2023
שנה חדשה, מטרות חדשות, נכון? הרשו לי להכניס צרור מילים לפה של הצוות ולהקרין את מה שאני מרגיש בראש סדר העדיפויות עבורנו לקראת 2023:
- העברת אתר חלקה. שום דבר לא ישמח אותי יותר1 מעבר ללא שיהוקים לארכיטקטורה של DigitalOcean. אבל קדימה, כולנו יודעים משהו תמיד עולה כשמגיע הזמן. באתר זה יש 7,000+ מאמרים שנכתבו במשך 15 שנים, והיו 19 גרסאות של האתר בפרק הזמן הזה. יש כל כך הרבה סוגי פוסטים מותאמים אישית, שדות מותאמים אישית, תבניות עמודים, תוספי פונקציונליות, אינטגרציות ומסד נתונים שגודלו מעל 6GB כדי לעבור ולמפות למערכת קיימת. טוב שיש לנו כאן צוות של מפתחים מהשורה הראשונה שייקח את זה!
- פרסם 1-2 מדריכים חדשים. אני אשמח לכוון גבוה יותר, למעשה. עברנו מתשעה מדריכים חדשים בשנת 2020 למדריך חדש דל בשנת 2021, ועוד אחד בשנה האחרונה: מרים'ס מדריך מלא לשכבות CSS Cascade. יש לי רשימה של 10 נוספים שאשמח לכתוב, אבל אני חושב שנציב את הרף סופר נמוך בהתחשב ברקורד האחרון שלנו. ציינתי קודם שאשמח לשלב את העבודה של Mojtaba ב-Almanac במדריך ה-CSS Grid הקיים. זו כמות לא קטנה של עבודה והייתי סופר אותה לקראת המטרה אם נוכל להצליח.
- הרחב את האלמנך. זו צילום הירח שלי. אשמח לראות עוד סוגי תיעוד שם. יש לנו פסאודו-בוררים ומאפיינים, וזה נהדר ותמיד היה. אבל, בחיי, תחשוב על כל הדברים האחרים שיכולים להיות לנו שם: פונקציות, כללים, יחידות, בוררים, ערכי נכס וכו'. אנחנו רק מגרדים את פני השטח של מה שיכול להיכנס לשם! אם נשיג אפילו אחד כזה, אני אכנס
place-self: heaven.
תודה לכן, אז, so הַרבֵּה!
זו עבודת החלומות שלי ולא הייתי מקבל אותה בלי קוראים כמוך. אני לא מאמין שעברו שמונה שנים מאז שפורסם המאמר הראשון שלי ושאני עדיין כאן, עובד עם ללמוד מהמוחות הבהירים ביותר בתחום שלנו. יכולתי לקשקש (יותר ממה שכבר יש לי) על כמה חשובה לי קהילת CSS-Tricks, אבל מה שזה באמת מסתכם הוא... תודה, תודה, תודה. מעומק ליבי, תודה.
ותודה לכל האנשים המשובחים כאן ב-DigitalOcean שהפכו בית נהדר ל-CSS-Tricks. היי פייב מיוחדים במיוחד להיילי מילס, סידני רוסמן רייך, בראדלי קוצ'י, קארן דיגי, דיוויד ברג, מאט קראולי, לוגאן ליפיק וקירסטין קלוג על כך שעדכנו אותי באופן אישי וגרמו לי להרגיש כל כך רצויה כאן. זה מקום נהדר להיות בו.
קדימה, אנחנו הולכים!
