Channel address:
Categories:
Technologies
Language: English
Country: Not set
Subscribers:
376
Description from channel
חדשות ועדכונים לגבי עולם ה-Front End ו-Really Good
Ratings & Reviews
Reviews can be left only by registered users. All reviews are moderated by admins.
5 stars
0
4 stars
0
3 stars
1
2 stars
0
1 stars
1
The latest Messages 3
2020-07-22 14:57:56
תחשבו מהר, כמה זה? 1000000000
פיצ׳ר קטן ונוח ב-JS התקדם היום בתהליך האישור ב-TC39 (וכבר נתמך היטב בדפדפנים), בשם Numeric Separators.
הוא מאפשר להכניס קו תחתי באמצע של מספרים גדולים, איפה שבדרך כלל נשתמש בפסיק (כמו בהרבה שפות תכנות אחרות) כדי להקל על הקריאות, למשל:
1_000_000_000
הקו המפריד נעלם כשקוראים את הערך של המספר ולא מפריע בשום צורה אחרת.
https://github.com/tc39/proposal-numeric-separator
593 viewsedited 11:57
2020-07-20 17:56:46
סדרת מיני דוקו מומלצת (כ-10 דקות לפרק) על מפתחים וקוד פתוח. הפרק הזה על Lea Verou, ויש אחרים מומלצים כמו הפרק על Max Stoiber, המפתח מאחורי styled-components.
584 views14:56
2020-07-16 11:42:44
בהמשך לזה, תמיד מעצבים ומפתחים שיחקו עם תלת מימד בממשקים, אבל נראה שבשנה האחרונה אחד הטרנדים בעיצוב UI שמתחיל לחזור הוא skeuomorphism, ובמיוחד אחיו הצעיר והעדין יותר, neumorphism. מאתגר יותר למפתחים וכיף לראות:
https://uxdesign.cc/neumorphism-in-user-interfaces-b47cef3bf3a6
573 views08:42
2020-07-16 11:42:44
הדגמה יצירתית לשימוש מסיבי ב-shadows, transforms, pseudo elements ועוד טכניקות יחד כדי לייצר אשליה של תלת מימד. במקרה הזה, תמונות שנשענות על קיר.
https://codepen.io/lynnandtonic/pen/dyGjvLB
465 views08:42
2020-07-13 12:44:45
כבר כתבנו על כלים להשוואת ספריות, אבל היום הושק אתר חדש בשם openbase, שלוקח את זה הרבה צעדים קדימה. המון נתונים מרוכזים מכמה מקורות, ביקורות משתמשים, חלוקה לקטגוריות ועוד. נראה מבטיח.
בדוגמה שבתמונה - antd, עוד ספריית UI מומלצת שאנחנו עובדים איתה
https://openbase.io
531 views09:44
2020-07-09 09:50:42
ושלום לעוקבים החדשים! נשמח לשמוע קצת עליכם
557 viewsedited 06:50
2020-07-09 09:48:22
בטופס שבסרטון רצינו להדגיש את גבולות שדה הטקסט ולהציג את הכפתורים כשהטופס (ולא רק השדה) בפוקוס. אם הפוקוס עובר באמצעות המקלדת אל הכפתורים הטופס עדיין יודגש, ויוסר רק כשהפוקוס יוצא ממנו לגמרי.
הדרך לשם עברה ב-blur על הטופס עצמו, בדיקת אבהות לאלמנט שמקבל פוקוס ועוד. דוגמה פשוטה יותר וללא ספריות ב-codepen כאן:
https://codepen.io/ReallyGood/pen/dyGeOpN
518 views06:48
2020-07-06 15:54:29
טיפ: אם אתם משתמשים ב-React refs עם TypeScript, מהר מאוד תיתקלו בשגיאות “Object is possibly null”.
הדרך הכי קלה לדלג עליהן היא להגדיר את סוג האלמנט כשמגדירים את ה-ref, למשל useRef
(null)
ובהמשך להתייחס לאפשרות שהוא null כשניגשים אליו, נניח
if (inputRef.current) {…}
https://www.pluralsight.com/guides/using-react-refs-typescript
541 views12:54
2020-07-01 12:49:40
פאנל נסיוני של Chrome Devtools (זמין בכרום ובאדג׳ החדש) מציג CSS Overview מועיל ומעניין. הדגמנו בוידאו איך מפעילים ומריצים אותו
עוד קצת פרטים והסברים כאן: https://news.thewindowsclub.com/microsoft-edge-has-css-overview-101254
(תודה לדניז על הטיפ!)
545 views09:49