עיצוב
מחולל רשת CSS
בנו פריסות CSS Grid באופן ויזואלי.
תבניות פריסה (10)
גררו על תאים כדי לצייר מלבן, או לחצו על תא בודד בכל פעם. כל אזור שנקרא חייב להישאר מלבני.
תצוגה מקדימה חיה
חד-ממדי: מחולל CSS Flexbox.
צור רשת CSS עם אזורים בשמות
צייר רשת אותיות עבור template-areas, או בחר תבנית מוכנה. התצוגה המקדימה מציגה כל אזור בגוון נפרד.
FAQ
מהו grid-template-areas?
דרך לקרוא לחלקים של פריסת העיצוב (כותרת, סרגל צד, תוכן ראשי…) ולמקם פריטים לפי שם במקום לפי מספרי שורות. לחצו על התאים למטה כדי לצבוע אותיות לאזורים — ה-CSS מתעדכן בזמן אמת.
האם אני יכול להתחיל ממקדם מוכן?
כן – עשרה תבניות פריסה כולל Holy Grail, לוח בקרה, מגזין וקליפת אפליקציה – כל זאת על ידי לחיצה אחת כדי לטעון את האזורים הממוספרים.
האם משהו נטען לשרת?
לא. קוד ה-CSS נוצר כולו בדפדפן.
עודכן לאחרונה: