למד כיצד CSS רשת מאפיינים עבודה עם Griddy.io

אם לשמור על קשר עם עיצוב אתרים טק אז אתה צריך לדעת על רשתות CSS. מאפיינים אלה הם תוספות חדשות לפורמט CSS3 והם הופכים במהירות לחבר הכי טוב של היזם.

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

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

Griddy הוא למעשה כלי למידה ללא תשלום עבור מפתחי Frontend מי רוצה להבין יותר על רשתות CSS.

בעזרת Webapp זה ניתן להוסיף פריטים חדשים לרשת, להסיר פריטים אחרים ולשנות את גודלם בהתאם לפריסה הרצויה.

Webapp יש קטעים שונים עם שדות קלט שונים לעריכת מאפייני הרשת. אלה מאפשרים לך לאתחל את שורות הרשת / עמודות והם מלמדים אותך בדיוק מה שאתה עושה בדרך.

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

בדרך זו אתה יכול פשוט להעתיק ולהדביק את CSS לתוך stylesheet שלך אם אתה רוצה להתעסק עם זה עוד יותר. די מגניב!

Griddy לא יכול להיות כיף כמו גריד גן אבל Griddy היא דרך מעשית ללמוד הבנה ויזואלית כיצד משפיעים מאפייני ה- CSS על רכיבי הדף.

כדי לשחק עם זה רק לבקר בדף הבית Griddy. תוכל גם לשתף את המחשבות או השאלות שלך עם היוצר ב- Twitter @drewisthe.