האם אי פעם היית רוצה שהייתה אפליקציית אינטרנט או תוסף שיאפשרו לך ליצור ולשתף אבות טיפוס של ממשק משתמש תוך כדי תנועה?
כולנו עושים! לכולנו יש רעיונות איך אנחנו רוצים שהאתרים או האפליקציות שלנו ייראו וירגישו.
אז, הגעת לעיצוב ממש מעולה ולא ממש זוכרת איך בדיוק עשית את זה?
עכשיו אתה צריך למצוא דרך לשתף אותו. זה יכול לקחת ימים, אפילו שבועות, אם אתה מנסה לשתף עיצוב מורכב למדי.
אין סיבה לחכות כדי ליצור אבות טיפוס של אפליקציית האינטרנט שלך. צור אותם עכשיו עם Dabblet.
גרור ושחרר אלמנטים, סגנון ושמור אותו. שלח אותו למעצב לבדיקה או פשוט העתק אותו למצגת. האפשרויות אינסופיות.
מה זה דאבלט?
שימוש קשקוש, תוכל להתנסות עם קטעים קטנים של קוד CSS ו-HTML בזמן אמת.
לא תזדקק לקידומות כלשהן בקוד ה-CSS שלך בעת השימוש בזה. עיקרי GitHub מאפשרים לך לאחסן את התוכן שלך, לפרסם אותו באתרים אחרים ולשתף אותו עם אחרים.
זוהי דרך מצוינת לשתף קטעי קוד עם מפתחים אחרים ולקבל משוב.
איך זה פועל?
ברגע שהקוד מוקלד, הפלט החזותי נראה עליו מיד. JavaScript הוא הפטור הבודד, בהתחשב בעובדה שזה יהיה מעצבן להפעיל אותו בכל לחיצת מקש ואף עלול לגרום לדפדפן להפוך לבלתי שמיש במצבים מסוימים.
שימוש באפשרות "הפעל JS" בלשונית JavaScript או בקיצור המקלדת (Ctrl + Enter או Cmd + Enter) יפעיל JavaScript כאשר Dabblet פועל. תפריט האפשרויות מאפשר לך לשנות סגנון זה.
כמפתח, אתה יכול לעבור בין קידוד בכל שלוש השפות הללו בו זמנית או לראות את המוצר המוגמר.
תכונות
להלן התכונות של Dabblet שכדאי לדעת עליהן:
עריכת CSS מהירה: אתה יכול להוסיף, לערוך ולהסיר במהירות מאפייני CSS. שינויים יבואו לידי ביטוי בדף בזמן אמת.
הדגשת תחביר: קוד CSS ו-HTML מודגשים, מה שמקל על הקריאה וההבנה. הקוד יאומת גם תוך כדי הקלדה. אתה יכול גם לבחור להסתיר את תיבת הקוד אם אתה מעדיף.
השלמה אוטומטית: Dabblet מציע השלמה אוטומטית עבור מאפיינים וערכים של CSS. זה יכול להיות מאוד מועיל כאשר אתה יוצר או עורך גיליונות סגנונות.
גיליונות סגנונות של CSS מובנים מראש: אתה יכול לגשת לגיליונות סגנונות של CSS מובנים מראש מאתרים פופולריים. ניתן להשתמש בהם כדי להוסיף במהירות ובקלות סגנונות לאתר האינטרנט שלך.
תמיכת תמצית: Dabblet תומך ב- GitHub Gists, ומאפשר לך לאחסן ולשתף את קטעי הקוד שלך עם אחרים בקלות.
תצוגה מקדימה חיה: אתה יכול לראות את התוצאות של שינויי הקוד שלך בזמן אמת מבלי לטעון מחדש את הדף. לדוגמה, אם תשנה את הצבע של טקסט, תראה את השינוי משתקף בטקסט בזמן ההקלדה.
קיצורי דרך במקלדת: ל-Dablet יש קיצורי מקשים למשימות נפוצות, כגון הוספת כלל סגנון חדש או הערה.
מצבי צפייה מרובים: Dabblet מציע מצבי תצוגה מרובים, המאפשרים לך לראות את הקוד ואת התוצאות זה לצד זה או מעל ומתחת זה לזה.
Pros
- CSS מהיר
- גם אם אתה מחובר, אתה עדיין עשוי לשמור בסתר.
- תצוגה מקדימה של ערכי CSS מוטבעים עבור פרמטרים שונים כמו זוויות, צבעים, משך זמן וכו'.
- הכל XHR-ed, כך שהדף לעולם לא מתרענן, גם לא כשאתה שומר.
- קיצורי מקשים בשפע.
- כל הקוד מעוצב אוטומטית (פרט לסימון).
- תיעוד מוצק מההתחלה.
חסרונות
- הממשק קצת מהמם בהתחלה, אבל אתה מתרגל אליו.
- אין תכונות ניהול ברמת הפרויקט (עדיין).
שילובי דאבלט
כל פלטפורמה צריכה להשתלב עם שירותים אחרים, ו-Dablet אינו יוצא דופן. להלן כמה מהשילובים ש-Dablet מציע:
Google Analytics
אתה יכול בקלות להוסיף את קוד המעקב של Google Analytics לדפי Dabblet. זה יאפשר לך לעקוב אחר צפיות בדפים וסטטיסטיקות אחרות עבור ה-Dablet שלך.
אובונטו
ניתן להשתמש ב-Dablet ליצירת ערכות נושא של אובונטו. אתה יכול ליצור Dabblet חדש, להוסיף קוד CSS ו-HTML ולהציג תצוגה מקדימה של ערכת הנושא בדפדפן אינטרנט.
DigitalOcean
חברת אירוח ענן מיוחדת במינה מספקת שירותי מחשוב ענן לעסקים, ומאפשרת להם להגדיל את פעילותם בצורה יעילה יותר.
מה דאבלט עושה עם זה?
כעת תוכל ליצור, לנהל ולפרוס את ה-Dablets שלך DigitalOcean Spaces.
זה מאפשר לך לשמור את כל קטעי הקוד שלך במקום אחד ומקל על שיתוףם עם אחרים.
חלופות לדאבלטים
חלופות קיימות תמיד, ובאותו צורה, הנה כמה שאפשר לחשוב עליהם כשמדובר בדאבלט:
Pastebin.com
מתכנתים משתמשים בדרך כלל באתר כדי לשמור קוד מקור או קטעי נתוני תצורה. עם זאת, כל אחד רשאי להכניס כל טקסט לחלל המיועד לכך.
JS Bin
JS Bin הוא כלי בדיקה חינמי עבור JavaScript. התוצאה עשויה להיות משותפת באמצעות כתובת URL קצרה לאחר הזנת Javascript בחלונית אחת ו-HTML בחלונית השנייה. השתמש בתפריט המאפשר לך לבחור מתוך כמה מספריות ה-JS הנפוצות ביותר.
CssDeck
כלי זה נהדר ליצירה והחלפה של מקרי בדיקה עם אחרים שיכולים לעזור לך במאמצי הקידוד שלך. עם אפשרויות שונות, אתה יכול אפילו לשתף פעולה בפרויקטים באופן מיידי עם מתכנתים אחרים.
פלנקר
Plunker היא פלטפורמה דיגיטלית שבה מפתחי אתרים יכולים לעשות סיעור מוחות, לשתף פעולה ולשתף את מחשבותיהם.
לדוגמה, אתה יכול להתחיל עם "שלום, עולם!" תכנת בכל שפה והוסף קטעי קוד, סימונים וצילומי מסך כדי ליצור חווית למידה עשירה.
המילה אחרונה
לסיכום, Dabblet הוא כלי שימושי עבור מפתחי אתרים, במיוחד אלה שמחפשים דרכים במהירות ובקלות לבדוק את הקוד שלהם.
עם התכונות והאינטגרציות השונות שלה, קשה שלא למצוא שימוש לפלטפורמה זו.
נסה את זה היום!
השאירו תגובה