Really Good Front End

2021-12-08 14:32:01 מאמר מצוין על חשיבה קדימה וכתיבת CSS בצורה "מתגוננת". מפרט המון שיקולים שמגיעים לנו כמפתחים מנוסים באופן טבעי ועדיין חלקם מחדשים ויצירתיים. קריאה מומלצת

https://ishadeed.com/article/defensive-css/ Open / Comment

2021-12-01 12:30:39 לפעמים אנחנו נתקלים בבאג או חוסר בחבילת npm מסוימת, ואין ברירה אלא לתקן אותה עצמאית, אפילו זמנית. דרך המלך היא לייצר פורק ולתקן שם, אבל קל לפספס אם בהמשך הדרך נכנסו שינויים לחבילה המקורית, שאולי מתנגשים או מייתרים את השינוי שלנו. השבוע השתמשנו בפתרון יצירתי אחר, בשם Patch Package.

בגדול, עושים את השינוי ישירות בתוך node_modules, מריצים פקודה ומקבלים קובץ patch שמתאר את השינויים המדויקים שיישמתם. לסיום מוסיפים סקריפט ל-postinstall שידאג להחיל את השינויים שב-patch אחרי כל התקנה, כולל ב-CI, ואף לעדכן אתכם אם השורות הרלוונטיות השתנו וכדאי לבדוק האם השינוי עדיין נחוץ ותקין. עובד נהדר ושווה להכיר

https://www.npmjs.com/package/patch-package Open / Comment

2021-10-07 10:10:00 הספרים כבר עזרו לאלפי מפתחים ומפתחות! הם מומלצים בחום לכל מי שרוצה להיכנס לעולם המהנה והמאתגר של פיתוח Web, כתובים בשפה פשוטה וברורה ונותנים בסיס מצוין להתחיל ממנו.

עוד פרטים כאן: https://hebdevbook.com Open / Comment

2021-10-07 10:10:00 נרגשים לקבל מרן בר זיק את סדרת ספרי הפיתוח המצוינים שלו, ששמחנו לתמוך בהוצאתה בהדסטארט ולכתוב עבור הספר הראשון פרק (ממש טוב) על Best Practices. Open / Comment

2021-10-06 13:59:37 טיפ קטן על JSDoc. גם אם אתם לא משתמשים בפורמט התיעוד בדרך כלל, הוא מועיל גם בנקודות ספציפיות, כמו deprecation. הסרטון מדגים איך זה שימושי ונוח ב-VS Code



Open / Comment

2021-09-09 10:10:00 שנה טובה! מאמר מאוד מעמיק של אדם ארגייל מצוות Google Chrome על בניה של רכיב קטן אבל ממזרי - כפתור מפוצל עם תפריט.

הכותב נכנס להצללות, אנימציות וכל הטאצ’ים הקטנים וגם לשיקולי נגישות, media queries ועוד - קריאה מומלצת, ויש גם גרסת וידאו.

Building a split-button component

מנסיון, גם לנו יצא לבנות בדיוק כזה ברמה דומה. Open / Comment

2021-09-06 13:50:35 מכולנו ב-Really Good, שתהיה לכם ולכן שנה ממש טובה

תכלה שנה ותקלותיה, תחל שנה ופיצ׳ריה Open / Comment

2021-07-20 17:43:16 כולם כבר הספיקו להעתיק את קלאבהאוס, ועדיין יש דברים מאוד יפים ויחודיים שהם עשו בממשק.

האינטראקציה הקטנה הזו עניינה אותנו, אז יצרנו אותה מחדש ל-Web.

Clubhouse Faux-Justified Interaction — Recreated by Really Good Open / Comment

2021-06-24 16:14:44 לרגל אירועי השבוע והחודש, יצרנו משהו קטן ועליז
שימוש בטקסט כמסכה, svg עם שילוב שקיפות, גרדיאנט מיוחד ואנימציה על background-position.

תציצו ב-codepen:
https://codepen.io/ReallyGood/pen/gOmNJVd?editors=1100 Open / Comment

2021-01-14 19:19:17 אם עבדתם עם צבעים לאחרונה ב-Google Chrome, אולי שמתם לב שלפעמים צבעים כתובים אחרת

התחביר החדש ל-rgba למשל נראה ככה:

rgb(206 32 42 / 50%)

במקום

rgba(206, 32, 42, 0.5)

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

עוד על כל מה שהתחדש לגבי צבעים ב-CSS:
https://css-tricks.com/the-expanding-gamut-of-color-on-the-web/ Open / Comment