display: grid – פרולוג

משך זמן קריאה: 4 דקות

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

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

זה לא…

זה לא פוסט של הסברים בעברית על grid, בשביל זה יש את הפוסט של מתן יוסף, שהעביר הרצאה על grid באירוע  Fed On Beer שהתקיים ב 22.05.17.

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

מה כן?

זה פוסט מְתַאֲבֵן, לי ולכם עם כל החומרים שצברתי עד עכשיו על grid.

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


האם display:grid יהיה המאפיין היציב שכולנו מייחלים לו? via GIPHY.

 

אז – בתאבון!

מה זה grid ואיך משתמשים בו

תוספות של פוסטים מעניינים (20.06.2017):

תוספות #2  (25.03.2018):

כלים ומשחקים

 

תוספת (09.07.2017)

בדפדפן Firefox Nightly התווספה אפשרות layout שממוקדמת בחלון ה inspect על יד Rules, Computed וכוד שמאפשר צפייה בעמודות גריד על פני האתר ואפשרות שונות של מאפייני גריד כמו אפשרויות עריכה שונות. על כל התובפות אפשר לקרוא בפוסט של FireFox

תוספות (16.04.2018)

 

grid בחיי היום יום

תוספות (20.06.2017):

 

תוספות #2  (25.03.2018):

 

מקווה שהשארתי לכם חשק לצאת ולהתנסות 🙂

via GIPHY

 

תודות ל:

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

לכל מי שהעלה ושיתף בקבוצה של CSS Masters Israel.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *