עיצוב CSS עם זה Adobe-Style Web App עורך

התוכנה של Adobe הוא בעל שם עולמי על ידי מעצבים בכל הגילאים, אבל לא יותר מאשר פוטושופ. לוחות עריכת PhotoShop הם shebang שלם עם כל מה שאתה צריך כדי לבנות עיצובים מותאמים אישית.

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

אם אתה מבקר דף בונה אתה יכול להתעסק עם זה כדי לראות איך זה עובד.

החלון מגיע חמישה לוחות סגנון שונים כי כל מחקה Photoshop. הם בצע את אותן הגדרות והם עדכון מיידי עם תיבת הדגמה בדף.

אלה הם לוחות אתה יכול לבחור מ:

1. זרוק צל
2. צל פנימי
3. רקע כללי
4. גבול
5. רדיוס הגבול

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

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

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

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

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

תסתכל על LayerStyles ולראות מה אתה חושב. אתה יכול להתעסק עם גרסה חיה בדף ההדגמה ולמצוא כל קוד המקור הזמין בחינם על GitHub.

לחלופין, אם אתה רוצה להפיץ תודה על היוצר אתה יכול ציוץ הערצות שלך @ מרפליקס.