11 למעלה עורכי CSS - נבדקו

1. סטיילייזר

תאימות: Windowsתכונה בולטת: קוד רשת, גודל Grips, Bullseye, לחיצה על שני צבעים

Stylizer הוא עורך CSS ייחודי לחלוטין המתמקד בזמן אמת CSS עריכת. אתה יכול פשוט להזין כתובת אינטרנט לתוך הדפדפן המובנה שלה התומכת ב- Firefox 3.5 ו IE7 של הגדרת הסגנון, וזה היה כל כללים הקשורים CSS טעון לך לערוך עם ממשק הצבע המוכר שלה לחץ.

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

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

סטיילייזר מגיע עם גירסת Basic ו- Ultimate. בעוד הגירסה הבסיסית היא לגמרי בחינם, את הגירסה Ultimate זמין לך 14 ימים לאחר ההתקנה, ואז הוא מציע $ 85 לך להמשיך להשתמש בתכונות המתקדמות שלה כמו בולסיה.

2. TopStyle

תאימות: Windowsתכונה בולטת: סגנון מפקח, סגנון Sweeper, CSS מסודר

עורך TopStyle CSS מתחיל להדהים אותך על ידי תצורת הפעם הראשונה שלו, כאשר אתה יכול לבחור הגדרת סגנון המציג רק מאפיינים וערכים הנתמכים על ידי Firefox, Internet Explorer, Safari, או אפילו iPhone OS 2.0, אשר שימושי כמעט עבור פלטפורמת מעצב אינטרנט.

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

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

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

3. מאסטר סגנון

תאימות: Windows, Mac OS Xתכונה בולטת: תבנית סגנונות

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

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

אתה יכול ליהנות את כל התכונות התוכנה במשך 30 יום, ולשלם $ 59.99 או 29.99 $ עבור רישיון החינוך לפתוח את מלוא הפוטנציאל שלה שוב.

4. Xyle היקף

תאימות: מקתכונה בולטת: מצב בחירה, קבוצת חכם, שילוב עורך טקסט

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

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

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

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

5. Rapid CSS

תאימות: Windowsתכונה בולטת: סימון, סימון קוד, עיצוב CSS

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

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

עורך מגיע עם 30 ימים תקופת ההערכה עם 30 משתמש, אתה יכול ללכת על הגירסה המלאה על ידי $ 29.85.

6. סטודיו בסגנון

תאימות: Windowsתכונה בולטת: CSS אשף, IntelliStyle

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

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

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

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

אתה מקבל 30 ימים כדי ליהנות התוכנה ו $ 49.99 לרכוש אותו.

7. CSSEdit

תאימות: מקתכונה בולטת: מפקח רנטגן, עורך חזותי, בונה בורר

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

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

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

גרסת הדגמה מגבילה אותך לשמור קובץ עם פחות מ 2500 תווים, בעוד שאתה יכול לשלם $ 39.95 כדי למחוק את כל ההגבלה.

8. EngInSite עורך CSS

תאימות: Windowsתכונה בולטת: כלי מדידה במצב תצוגה מקדימה

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

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

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

9. יוצר הסגנונות

תאימות: Windowsתכונה בולטת: תגי CSS

Stylesheet Maker הוא עוד עורך CSS רגיל המציע משטח קידוד נקי עם לוח Explorer Explorer, וכן כמה כלים שימושיים CSS כדי לסייע בהגדרת גופן, צבע, שוליים, הגבול, וכו '.

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

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

זה עולה 34 $ לבעלות זה עורך, או שאתה יכול לקנות את זה עם תוכנות אחרות CoffeeCup כמו רכישה צרור.

10. ארדו CSS

תאימות: Windowsתכונה בולטת: הצומת, CSSTIDY

Arduo CSS הוא עורך חדש נולד CSS אשר שואפת לרצות אותך עם ממשק אינטואיטיבי וקל לשימוש. עם ממשק נקי שלה הדגשת תחביר, אתה מובטח ליצור ולערוך קובץ CSS ללא יותר מדי בעיות הפרעה. כמו כן ניתן להשתמש בתכונה 'הצומת' שלה כדי להגדיר כללי CSS לפי נקודות וקליקים.

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

העורך זמין באופן חופשי באתר הרשמי שלו.

11. פשוט CSS

תאימות: Windows, Mac OS Xתכונה בולטת: ייבוא ​​קובץ CSS, ממשק Point-and-click, מסד נתונים גופן נוסף

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

למרות שאתה יכול לייבא כמעט כל קובץ CSS לתוך העורך, אתה יכול רק להציג 1 כלל CSS בבת אחת בלחיצה, ולפעמים הייבוא ​​שלך יגרום שגיאה בשל המגבלה שלה כמו אין תמיכה @rules. גם העורך עצמו הוא לא כל כך גמיש כמו שאתה יכול רק לבחור 'אוטומטי' או 'ירושה' עבור z- אינדקס הנכס, אבל לא ישירות לתת את הנכס ערך.

עם זאת, זה בחינם, די שימושי עבור מעצב מי צריך תיקון מהיר.

בונוס: עוד עורכים וכלים

אמנם הם לא בדיוק עורכי CSS, אלה הכלים הבאים הם משהו שאולי תרצה להיות כשמדובר עריכת CSS.

Firebug

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

שימוש ב- CSS

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

מפתח אינטרנט

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

פנקס רשימות++

קוד מקור חופשי עורך תחליף פנקס התומך במספר שפות כולל CSS. מכיל תכונות כגון השלמת פונקציה כדי לסייע בבניית העיצוב CSS שלך.

קודה

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

NetBeans IDE

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

סטודיו אפטנה

סביבת פיתוח אינטרנט מלאה המשלבת כלי עריכה רבי עוצמה עבור HTML, CSS ו- JavaScript, תומכת כעת ב- HTML5 וב- CSS3.

WebStorm

IDE של JetBrain כי מיישמת השלמה אוטומטית רלוונטית עבור הכל כולל CSS, גם אתה יכול לקבל הודעה על בעיות CSS על לטוס.