Really Good Front End

2020-12-31 20:00:31 פיצ׳רים חדשים שצפויים להכנס ל-ES בשנה האזרחית הקרובה, כולל תוספות על Promise, String, Intl ועוד. אפילו Numeric Separators, שכבר כתבנו עליהם לפני חצי שנה, צפויים להיכנס:

https://dev.to/mlarocca/new-features-in-es2021-4e13

שתהיה לכם 2021 ממש טובה, מכולנו ב-Really Good Open / Comment

2020-12-23 10:48:38 טיפ CSS: אי אפשר לשלב 0 ללא יחידה בתוך css calc.
לדוגמה: calc(5px + 0px) תקין, אבל calc(5px + 0) לא

הדגמה כאן: https://codepen.io/RonnyO/pen/bGwrYoz

- מקור ב-spec
- הכלל length-zero-no-unit של stylelint שעשוי להטעות - מומלץ להקיף ב:
/* stylelint-disable length-zero-no-unit */ Open / Comment

2020-12-15 19:11:25 כל שנה, כותבים מוכשרים מכל התחומים עושים מאמץ לפרסם מאמרים כל יום מתחילת דצמבר עד לכריסמס.
אמנם 24Ways האהוב כבר לא יפרסמו השנה תוכן אחרי 15 שנים ברצף, אבל הנה כמה Advent Calendars רלוונטיים סביב פיתוח Web שפעילים כרגע:

React Christmas (מאז 2017)
24 days of #JavaScriptmas (אתגרי פיתוח)
A11y Advent Calendar
Web Performance Calendar (מאז 2009)
PWA Advent
Festive Tech Calendar 2020 (הרצאות, לא רק פרונטאנד)

קריאה מהנה, חורף ממש טוב וחנוכה שמח! Open / Comment

2020-11-05 11:36:52 ספריה חמודה בריאקט שמאפשרת לסנכרן כמה croppers סביב נקודת מיקוד מסוימת

https://www.npmjs.com/package/image-focus

(תודה לדניז) Open / Comment

2020-10-12 10:45:19 אחרי-החגים שמח!

מאמר מומלץ של Kent C. Dodds על טעויות נפוצות בטסטים לאפליקציות ריאקט.

המאמר מביא כל טעות עם דוגמה, הסבר ורמת חשיבות, ומכסה די הרבה.

https://kentcdodds.com/blog/common-mistakes-with-react-testing-library

(תודה לדביר) Open / Comment

2020-09-24 15:45:36 גם תכנות בצד לקוח וגם יום כיפור מעודדים אותנו לעשות חשבון נפש ולשאול איפה טעינו

הנה פוסט עם כמה טיפים לאיתור טעויות בעזרת Chrome Devtools ו-snippets חיצוניים שיועילו לנפש המעונה שלכם. חתימה טובה!

https://blog.angular-university.io/javascript-debugging-tips-using-chrome-dev-tools-deb-js-and-more/ Open / Comment

2020-09-17 16:31:53 כתבנו על תאריכים עם date-fns ועוד בעבר, והשבוע האנשים מאחורי Moment.js, הספרייה פורצת הדרך שכיום נחשבת די כבדה ומוגזמת, הודיעו רשמית שהספריה הגיעה לסוף דרכה ולא תתוחזק מעבר למינימום של עדכונים הכרחיים, וממליצים לבחור באלטרנטיבות לפרויקטים חדשים.

שנה הלכה / שנה באה / ופתרונות חדשים לתאריכים בג'אווהסקריפט עוד יבואו / בשנה, בשנה הבאה
https://momentjs.com/docs

תודה שאתם קוראים וקוראות, חג שמח ושנה ממש טובה! Open / Comment

2020-08-26 15:06:18 עימוד Web למתקדמים - דייב רופרט מדגים איך מוסיפים תמיכה במסכים מפוצלים עם CSS Media Queries חדשים

https://daverupert.com/2020/07/gettin-foldy-with-the-dual-screen-web-part-i/

https://github.com/foldable-devices/spanning-css-polyfill Open / Comment

2020-08-03 16:07:11 יוזמה מעולה שמתאימה במיוחד לחופש הגדול/תקופת הקורונה ב-Headstart - נדב ואייל, בני 15, מסיימים בימים הקרובים לגייס תמיכה ל-Codly, אפליקציה ללימוד תכנות בעברית.

בתור Really Good שמחנו לעזור להם להגיע ליעד ולהכיר אותם, הם מוכשרים ועובדים על האפליקציה והתכנים במרץ

https://headstart.co.il/project/58147 Open / Comment

2020-07-29 16:43:39 טריק חדש של github להתאמה אישית של הפרופיל - יוצרים repo בשם היוזר שלכם וה-Readme שלו יופיע בראש הפרופיל.

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

https://css-tricks.com/the-github-profile-trick/

https://github.com/abhisheknaiidu/awesome-github-profile-readme

(תודה לדניז) Open / Comment