מוזילה משיקה את MDN Playground, שירות דמוי CodePen שלה

מוזילה השיקה את פלטפורמת MDN Playground, המאפשרת למשתמשים לצפות בתצוגה מקדימה ולשתף קטעי קוד של HTML, CSS ו-JavaScript ישירות בדפדפן. הוא תומך בעריכת קוד, הצגת תוצאות בזמן אמת וכולל תמיכה מובנית בכלי Prettier. MDN Playground דומה למדי לקהילת CodePen ומציע שימוש חינם למפתחים.

הבלוג MDN Web Docs לאחרונה הכריז השחרור של פלטפורמת MDN Playground, המספקת למשתמשים את היכולת לבדוק ולהציג קטעי קוד HTML, CSS ו-JavaScript. עם תצוגה מקדימה מיידית של הדפדפן, משתמשים יכולים לצפות בתוצאות בזמן אמת ולשתף אותן בקלות לצד הקוד המתאים.

הדברים של MDN Web Docs מתכננים להשתמש בפלטפורמה כדי לעצב דוגמאות קוד באתר. זה מאפשר להריץ את הקוד ישירות בדפדפן ולראות מיד את התוצאה של ביצוע הקוד. כמו כן, ניתן לערוך את הקוד במהירות ולהסתכל על השינויים בתוצאה של עבודתו. לחצני "הפעל" יהיו גלויים לצד בלוקי הקוד ב-MDN, ויובילו את המפתח ל-Playground.

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

בדומה לקהילת CodePen הפופולרית, מגרש המשחקים של MDN מספק פלטפורמה למפתחים לאבטיפוס ולשתף את עבודתם באמצעות HTML, CSS ו-JavaScript. אבל קהילת CodePen מארגנת גם תחרויות ותחרויות קבועות, כך שלא מדובר רק בשיתוף קוד.