סימן שאתה מתכנת בכיר, אנלוגיה בין דיאטה לפונקציה, והתמודדות עם לקוח לחוץ

בפוסט הזה הקישורים הם בנושאים: וורדפרס (לא גוטנברג, שבשבילו יש לי פוסט ייעודי שאני מעדכנת כל הזמן), CSS, JavaScript, תכנות, אינטרנט ועבודה.על חלק מהקישורים כתבתי הרבה, ועל חלק רק כמה מילים. זה לא אומר שאלה שכתבתי עליהם פחות הם פחות שווים קריאה, אלא פשוט שיש לי פחות לומר עליהם לפני שאני משלחת אתכם אליהם. את כל הקישורים שפה אני אוהבת במידה שווה 😛 .

חידוש קל: בעקבות בקשת חלק מהקהל, כל הקישורים שמובילים מחוץ לבלוג שלי נפתחים בטאב חדש.

כן, התרכזו לי המון קישורים לאחרונה, אז קחו נשימה עמוקה לפני הצלילה. מקווה שתהנו מכולם!

וורדפרס

תהליך מעניין עובר על וורדפרס (כן, יש חיים חוץ מגוטנברג): תרגום מחרוזות ב-JavaScript (i18n). פה יש פוסט ראשון שמציג את הנושא, ופה פוסט שני – סיכום פגישה בעניין, והמשך עבודה.

וורדפרס הכניסה שינויים מפליגים לגרסה 4.9.6 ובכל זאת נשארה עם המספור של תת-גרסה, כדי לא להגיע לגרסה 5.0 (כי גרסה 5.0 אמורה להכיל את גוטנברג). דיוויד מ-wpshout מסביר למה זה כל כך מפריע לו.

סקירה של 5 תבניות starter. הראשונה היא underscores שאני בד”כ משתמשת בה, אז מבחינתי זאת חותמת הכשרות על הרשימה 🙂 . הגם לדעתכם?

מתברר שיש אנשים שמגישים תוסף לאישור במאגר התוספים, אבל בסוף לא מעלים את התוסף עצמו למאגר. האנשים שמנהלים את המאגר החליטו לטפל בזה ולסגור את כל אותם התוספים. לכאורה לא ברור מה גורם לאנשים לעשות כזה דבר, אבל דווקא בתגובות זה התברר. שווה לקרוא.

ציר זמן של גרסאות וורדפרס, לכבוד יום הולדתה ה-15 של המערכת.

כשמכניסים פונקציונליות לתבנית, קוראים לזה theme creep, וזה גרוע כי זה מגביל את היכולת להחליף תבנית. דייב הייז כתב על theme creep ב-wpshout, כולל הצעות לפתרונות.

חוויות של דייב הייז (כן, אותו אחד, רק בפלטפורמה אחרת) על השתתפות בבריגדת מתכנתים בעבור אמריקה.

מאז שהתוסף P3 – תוסף שעובר על האתר וממפה את שאר התוספים מבחינת צריכת המשאבים שלהם – לא מתוחזק, אין דרך קלה לגלות אילו תוספים מאטים את האתר. המאמר הזה מתאר דרך ארוכה וידנית, אבל שכנראה לפעמים נצרכת.

תוספים להוספת parallax לאתר וורדפרס, עם דוגמאות לאתרים רבים בעלי parallax.

תוספת חדשה למועצת המנהלים של אוטומטיק (לראשונה מאז 2005) – הגנרלית אן דאנוודי. ראיון קצר של מאט איתה. מוזר איך זה עבר מתחת לרדאר.

תכנות

לדייב גדס יש רעיון מעניין איך להתמודד עם בעיות בקוד: לצייר אותן.

ויזואליזציה יפה של אלגוריתמי מיון שונים.

קורס הנדסה הפוכה למתחילים.

מתכנת עם חיים רגילים החליט להכניס רנדומליזציה לחייו, בעזרת אפליקציות שכתב – אחת מזמינה לו מונית אבל בלי יכולת לבחור את היעד (היעד נבחר רנדומלית בתוך תחום שהוגדר מראש), והשנייה מוצאת אירועים ציבוריים דרך פייסבוק בכל רחבי הגלובוס. כך תצא מאזור הנוחות שלך.

9 סימנים -לא טריוואליים – שאתה מתכנת בכיר. חלק מהסימנים הם: שכתבת באג שעלה לפרודקשן; שאתה מעדיף להשתמש בקוד קיים מלכתוב קוד חדש; שאתה יודע על מה להתעקש ועל מה לא. אלה נקודות מעניינות והמאמר שווה קריאה.

לאחרונה יצא לי להשתמש ב-VSCode. מִתרגלת. והנה גלריית themes בשבילו.

מאגר חמוד של cheatsheets. הקלידו את התחום, וקבלו מגוון cheatsheets.

אתר שהופך את הקוד שלך לתמונה. מכניסים קוד בעורך טקסט, והאתר צובע את הקוד עם syntax highlighting – יש כל מיני תבניות צבעוניות שאפשר לבחור מתוכן. אני לא יודעת מתי רוצים תמונה של קוד, אבל אם קורה שרוצים – האתר הזה מדליק.

שאלות חזרה (flash cards) למתכנתים לפני ראיונות. מחולק לנושאים: html, vue, http, מבני נתונים, design patterns, ועוד.

למה ואיך לתרום לקוד פתוח – מאמר יפה וארוך (אך מעניין) על הדרכים השונות לתרום לקוד פתוח (לא רק ע”י תכנות. למרות ששמתי את הקישור הזה תחת תכנות), והיתרונות שמרוויחים מזה. נתקלתי במאמרים כאלה בעבר, וזה מהטובים.

CSS

איך ליצור דוגמאות (פאטרנים, patterns) באמצעות תווי יוניקוד.

כבר כתבתי בעבר על מתמטיקה בתכנות, ועכשיו יש עוד מאמר מעניין בנושא: מה שחשוב הוא ההקשר, ולא דרגת הקושי. המאמר מדגים איך להשתמש במתמטיקה בחישובי גודל גופן, בחישובי border-radius, וביצירת משולש.

מדריך אסטרטגי ל-custom properties ב-CSS (שלפעמים מכונים css variables). המאמר משווה את ה-css variables למשתנים של SASS, ומסביר את ההבדלים מבחינת מאפיינים שונים – דינמי מול סטטי; גלובלי מול מקומי – ומציע עצות כמו לא להתחכם יותר מדי, ועיצוב רספונסיבי עם css variables.

הדפסה – מאמר של רייצ’ל אנדרו על עיצוב הדפסה. מעניין מבחינת כל מיני פיצ’רים אפשריים.

אתר שמייצר קוד של גריד לפי הצרכים שמכניסים. ועוד אתר כזה שמייצר.

שני מאמרים שונים שמדברים על דריסת סגנונות העיצוב של כפתורים.

שני מאמרים על חידושים ב-CSS (גריד, טקסט, צורות, פילטרים, ועוד) ואיך הם משפיעים עלינו. הראשון הוא ב-Smashing Magazine, והשני הוא של רחלי, קולגתי לשעבר. שניהם מעמיקים, ומסבירים כל מאפיין ואיך הוא משנה את חיינו. שווים קריאה.

פוסט מעניין על רווחים לפני או אחרי ערכי מאפיינים (למשל id, class ו-href) – איך אפשר להתייחס אליהם ב-CSS וב-JS.

אנימציות: יש מלא דוגמאות של אנימציות מגניבות, אבל אני בוחרת רק את אלה שממש יוצאות מגדר הרגיל, לדעתי. נתחיל עם פוסט שמפרט מתי מתאים, ואפילו מועיל, להשתמש באנימציה באתר ומצגת מעניינת של Val Head על איך לבחור באיזה סוג אנימציה להשתמש (css, js, svg). נמשיך עם אנימציות ממש: כפתורים מתפרקים, מיקרו אנימציות על אלמנט, קוביות שקופצות אחת מעל השנייה, פריטים ברשימה שמתפצלים כשלוחצים עליהם, כפתור הדלקה מדליק, פתיחת תפריט.

JavaScript

פונקציות מחרוזת ב-JS עם דוגמאות.

למה Array לא עובד עם map, ואיך להתגבר על זה. שווה לקרוא גם את התגובות, כי יש שם שיטות נוספות, כולל של המחבר עצמו.

אני חושבת שידעתי על הדברים האלה, אבל איכשהו הם לא הגיעו לשום אוסף… אז עכשיו, קבלו אותן: פקודות console שאפשר לכתוב ב-dev tools ומייפות את התצוגה וחוסכות זמן (והנה פוסט דומה במדיום).

פונקציית ה-reduce עשויה להיות מאתגרת להבנה, והפוסט הזה של שרה דרזנר הוא אחלה בהסברים. בסופו יש קישורים לעוד 3 מקומות שמסבירים יפה את reduce (אחד מהם הוא סרטון יוטיוב של רבע שעה, למי שמעדיף להקשיב על פני לקרוא). ובמקום אחר, אנלוגיה של דיאטה להסבר פונקציית ה-reduce. מובן ולא ארוך.

הסבר יפה ומעניין על Promises, כולל דברים מתקדמים

15 פונקציות HTML שאולי לא היכרנו. אני למשל לא הכרתי את closest().

גם ב-JS יש אנימציה: 10 ספריות JS שעושות אנימציה.

מדריך יפה על איך לבנות מעגלים בתוך מעגלים. מה שיפה זה שבצד יש חלונית עם הקוד המתקדם, ועם התוצר המתקדם.

טופס מגניב למילוי פרטי כרטיס אשראי.

אינטרנט

סיסמאות: כלי שמונע בחירת סיסמה שנמצאה ברשימות שנגנבו. ועוד בעניין סיסמאות: גם סיסמאות עם נוסחה הן פריצוֹת.

קמפיין פרודיה על החיים המושלמים שמשתקפים מהמדיה החברתית.

למה חברות משתמשות בתבניות אפלות (dark patterns), וכמה זה עולה להן.

איך להפוך מילוי טופס ממשעמם למעניין.

תיוג משתמשים בין אתרים. רעיון מגניב. אני לא הכי סגורה על איך זה בדיוק אמור לעבוד, אבל כאן יש אתר עם הסברים איך להפעיל את זה. לא התעמקתי ולכן לא הפעלתי את זה אצלי, אבל אתם מוזמנים לעשות זאת ולספר חוויות.

מאמר מתעדכן תדיר של גדלי תמונות במדיה החברתית – תמונות פרופיל, תמונות רקע, תמונות מלוות לקישורים בפיד, ועוד. לגזור ולשמור.

מכתב פתוח למיקרוסופט בנוגע לאופי הלא מוצלח של עדכוני windows 10.

כרום מתכוון לממש Lazy Load לתמונות ול-iframe-ים צד שלישי. מעניין!

עבודה

לשני המאמרים הבאים הגעתי מתוך קישור לקישור לקישור שהיה בפתיח של אחד הניוזלטרים שלי סמשינג מגזין (כאילו, עוד לפני שהגעתי למאמרים של הניוזלטר עצמו, כבר טבעתי במשך חצי שעה בעניינים מעניינים אחרים…):

מאמר נהדר על איך להתמודד עם לקוח לחוץ (תשובה קצרה: לא להילחץ. תשובה ארוכה: כדאי לקרוא. זה טוב גם לחיים).

ומאמר מעולה על איך להעביר ביקורת ואיך לקבל אותה (תשובה קצרה: המטרה של העברת הביקורת צריכה להיות שיפור המוצר. ולא חייבים לקבל ביקורת – מותר להתעלם מביקורת לא בונה. וכדאי לנסות להפוך אותה לביקורת בונה)

לכאורה שייך תחת כותרת ה-JS, אבל מה שאהבתי בפוסט הזה לא קשור לטכנולוגיה: בראד פרוסט משתף למה היה לו קשה ללמוד React. אני אוהבת כשאנשים כנים ופתוחים ומשתפים גם בחלקים המאתגרים. במיוחד אנשים מפורסמים ועם מוניטין כמו פרוסט. זה לא ארוך, ודי מעניין.

פגישות שעומדות להתרחש גורמות לנו להיות פחות יעילים. לא מחדש הרבה, אבל טוב להיזכר (ואולי לשלוח למזמני הפגישות…).

מאמר ארוך אך מעניין על קונפליקטים, ואיך להיכנס אליהם בלי להיכנס ראש בראש.

אני אוהבת לקרוא על תהליכי עבודה של אנשים, ולכן נהניתי מאוד מהסקירה והרפלקציה על 100 ימי יצירת אנימציות (עיצוב, לא תכנות).

הערכות זמנים – יש הרבה מאמרים על איך לתת הערכות זמנים למשימות, אבל את זה אהבתי כי הוא מדבר על דברים נוספים: איך לתת הערכת זמנים למשימות לא טריוויאליות, מה ההנהלה באמת רוצה כשהיא מבקשת הערכות זמנים, ומתי לא לתת הערכות זמנים כלל.

***

אשמח לשמוע מכם – מה אהבתם, מה לא, האם יש לכם קישורים מומלצים משלכם, מה דעתכם על פתיחת הקישורים בטאב חדש, וכל דעה או מחשבה מעניינת (אתכם או אותי) שיש לכם.