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

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

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

איך עובד מסוגנן?

אתה יכול להתקין אופנתי כמו כל אתר אחר התוספות: מתוך האתר הרשמי הרחבות או מן הדף about:addons ידי לחיצה על הכרטיסייה "קבל הרחבות". מסוגנן יוצר סמל סרגל כלים, והתפריט נגיש על ידי לחיצה עליו. כל סגנונות המשתמש שהתקנת או יצרת נמצאים בכרטיסייה 'סגנונות משתמש' בדף 'תוספים'.

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

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

סוגי סגנונות משתמש

קיימים שלושה סוגים של סגנונות משתמש: App, Global ו- Site.

  • סגנונות אפליקציה משנים את המראה של Firefox עצמו; בעוד שהם לא תכליתי כמו ערכות נושא של Firefox, אתה יכול להשתמש בהם כדי לשנות את המראה של כרטיסיות ריקות כרטיסיות חיוג מהיר, להתאים אישית את דף הפתיחה שלך, לשנות את צבע וגודל של scrollbars ועוד כמה אלמנטים של חלון הדפדפן.
  • סגנונות גלובליים משפיעים על כל האתרים שבהם אתה מבקר מהדפדפן שבו הם מותקנים. בדרך כלל הם משנים גופנים, משנים צבעי טקסט ורקעים או משנים את הסמן.
  • סגנונות האתרים הם הפופולריים ביותר, והם חלים על אתרים בודדים, כתובות אתר ספציפיות, דומיינים או תת-דומיינים. השינויים נעים בין גופן פשוט התאמות צבע כדי להשלים את המראה והתחושה שיפוץ. סגנונות האתר משמשים לעתים קרובות אנשים נוסטלגיים ש"שונאים "את העיצוב החדש של YouTube או פייסבוק, אך הם גם שימושיים להסתרת מודעות, לחצני מדיה חברתית ושכבות על.

לחיצה על האפשרות "כתוב סגנון חדש" בתפריט Stylish פותחת את העורך. ישנם שני מצבי עריכה: אוריון (בתמונה למטה) וברירת מחדל, אשר יכול להיות מופעל על ידי שינוי הערך extensions.stylish.editor ל 1 about:config ב about:config .

כל סגנון משתמש מתחיל בהצהרת @namespace, ואחריו url(http://www.website.com); . סגנונות הספציפיים לאתר מכילים גם כלל של @ -moz-document, אשר יכול לקחת אחד מארבעת הסוגים ( url, url-prefix, domain, regexp ), בהתאם לשאלה אם ברצונך להשפיע על כל כתובות האתרים בדומיין או רק על אחד . בעת הגדרת כתובות אתר, לא ניתן להשתמש בתווים כלליים (לדוגמה, לא ניתן לכתוב domain(*.website.com) ), אך ביטויים רגולריים עם תווים כלליים מותרים. דף Wiki מסוגנן ב- GitHub מציע מידע נוסף על הגדרת סגנון משתמש.

כדי לקבוע אילו אלמנטים של אתר אינטרנט יכללו בסגנון המשתמש, תוכל לסמוך על כלי הפיתוח של אתר האינטרנט של Firefox; ליתר דיוק, המפקח שבו אתה ניגש על ידי הקשה על "Ctrl + Shift + C". במסוף שנפתח בתחתית החלון, באפשרותך לבחור אלמנטים שונים של אתר אינטרנט, לבדוק את שמותיהם ולהעתיק את הקוד הדרוש לסגנון המשתמש שלך בכרטיסייה עורך.

אלא אם כן אתה רוצה לשנות משהו ספציפי או להחיל סגנון על איזה אתר מעורפל, יש סיכוי טוב תמצא את הסגנון המדויק שאתה מחפש באוסף Userstyles.org. סגנונותיהם מכסים את אתרי המדיה החברתית הפופולריים ביותר, פורטלי חדשות ואפליקציות אינטרנט. אמנם יש כמה דגימות רע כואב (בעיקר בקטגוריה Tumblr), רוב סגנונות המשתמש הם יפים, פונקציונלי לחלוטין, ולעיתים קרובות מתעדכן. הנה כמה המלצות כדי להתחיל.

סגנונות יישומים

דף פתיחה פשוט - סגנון להתאמה אישית about:home עם לוגו אנימציה אופציונלי.

Colorize לחצני אתר - מביא קצת צבע לתוך התפריט החדש של Firefox.

פיירפוקס מטרו - עושה את הלשונות פיירפוקס בתצוגת פנורמה (כל הכרטיסיות) נראית כמו מטרו UI אריחים מ - Windows 8.

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

סגנונות גלובל

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

סגנונות אתר

מושלם פייסבוק נושאים - אחד רבים facelifts פנטסטי פנטסטי זמין על Userstyles.org.

Minimal טוויטר ו Tweetdeck מטרו אור להביא את הטוב ביותר של עיצוב חומר ו UI מטרו ליישומי האינטרנט המועדפים עליך.

מדיה חברתית אחרת:
Reddit Revamped - עיצוב מינימליסטי של Reddit שהופך אותו פחות עמוס יותר נעים לקרוא.

Tumblr, העיצוב הישן - עבור כל המשתמשים Tumblr אומלל על המראה החדש.

זוכרים את Goodreads ואת האווירה המיושנת? Goodreads אישית עושה את זה נראה הרבה יותר מודרני.

לקריאה משופרת בוויקיפדיה, נסה את ויקיפדיה מינימליסטית ו מיקומה קריא ויקיפדיה.

עם Trello ברור ו Trello Ultimate שטוח, אתה לא צריך גרסה Pro כדי להתאים אישית את הפרודוקטיביות האהובה עליך App.

אחרון חביב, עם מסוגנן אתה יכול להפוך את Gmail ו- Google לחפש כמו Outlook:

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