לכולנו יש כמה אתרי אינטרנט מועדפים, גם כשהם לא מושלמים. עם זאת, אינך חייב בהכרח לחיות עם הפגמים הללו, מכיוון שכתבי משתמש וסגנונות משתמש מספקים לך את האפשרות להתאים אישית כמעט כל דבר. הנה מבט על איך הם עובדים, איך להשתמש בהם ואפילו איך להתחיל להכין בעצמך.
מהם כתבי משתמש (וסגנונות משתמש) בדיוק? Userscripts.orgקורא להם "העצמות עבור הדפדפן שלך", אבל ליתר דיוק הם חלקים של JavaScript המשמשים לשינוי, הוספה ושינוי פונקציונליות באתר נתון. אתה יכול לחשוב על כתבי משתמש כפונקציה ועל סגנונות משתמש כטופס. נסקור מה תצטרך להתקין כדי שהכל יעבוד בדפדפן הספציפי שלך, אבל תחילה בואו נסתכל על כמה מהשינויים המגניבים שתוכל לבצע.
כמה מההתאמות המוכנות מראש של האתר הטובות ביותר
יש המון התאמות אישיות ותכונות מדהימות שאתה יכול לעשות למספר אתרים ואפליקציות אינטרנט, אבל הנה כמה אפשרויות נהדרות שמוסיפות הרבה. בזמן ששםטונותשל אפשרויות אחרות שמשפרות דברים קטנים וספציפיים יותר, דוגמאות אלו מדגימות את האפשרויות העצומות.
פייסבוק טוב יותרמספק לפייסבוק מספר שיפורים, כגון עדכוני חדשות עם כרטיסיות, מסנני עדכונים מתקדמים, ערכות נושא, מעקב אחר תגובות, היכולת להסתיר פוסטים שקראת ועוד המון. זה גם אחד מאותם סקריפטים שמגיעים כהרחבת דפדפן עבור כמעט כל דפדפן אינטרנט כך שאינך צריך להתקין שום דבר מיוחד כדי לגרום לו לעבוד.
Google Reader עבור Snow Leopard 2לוקח את המראה הלא נורא-אך-משעמם של Google Reader ונותן לו שיפוץ בסגנון אפל, מה שגורם לאפליקציית האינטרנט להרגיש יותר כמו אפליקציית Mac OS X למחשב שולחני (או, ליתר דיוק, iTunes).
קבל את Google Reader עבור Snow Leopard 2
עדיף אמזוןמתאימה אישית את דפי המוצרים של Amazon.com כך שיהיו יותר ידידותיים למשתמש. ברוב דפי המוצרים יש המון מידע עליהם
עדיף Groovesharkמסיר פרסומות מ-Grooveshark, מספק מילים לשיר שמתנגן כעת, צולב דהייה בין שירים, ומוסיף Last.fm scrobbling עבור אלה ללא חשבונות VIP.
YouTube כחול(או BlueTube, כפי שאני קורא לזה) מיישמת נושא כחול כהה חלק ליוטיוב שזוהי סטייה מבורכת מהצבע הלבן והאדום הרגיל. כשאתה צופה בסרטון, בדרך כלל אתה לא רוצה חבורה של שטח לבן שמקיף אותו. החושך נוטה לגרום לדברים להיראות טובים ועשירים יותר. הנושא הזה דואג לזה בשבילך.
Super Mario Bros. Tumblrיהפוך את לוח המחוונים שלך ב-Tumblr לארץ של 8 סיביות של הפעלת כוח. זה בהחלט נושא ללא פונקציונליות נוספת, אבל איך אתה יכול להגיד לא למריו?
קבל את Super Mario Bros. Tumblr
התקנת Userscripts וסגנונות משתמש
יש לך כמה אתרים שאתה רוצה להתאים אישית, אבל איך מיישמים את ההתאמות האישיות האלה? בעוד שחלק מכתבי המשתמש וסגנונות המשתמש ארוזים כתוספות/תוספות לדפדפן, אתה יכול בקלות ליישם כמעט כל דבר עם הכלים הנכונים (אם התמיכה עדיין לא מובנית בדפדפן שלך). זה מה שתצטרך:
פיירפוקס:Greasemonkeyעבור כתבי משתמש ומְסוּגנָןעבור סגנונות משתמש. (הערה: ניתן להתקין סגנונות משתמש רבים ככתבי משתמש, אך Stylish הופך את ניהול הסגנונות הללו לפשוט מאוד.)
כרום: תמיכה ב-Userscripts מובנית בדפדפן Chrome ו-Userscripts יותקנו כמו הרחבות לדפדפן (אם כי תאימות עם פונקציונליות ספציפית ל-Greasmonkey משתנה), אך עדיין תרצה להורידמְסוּגנָןעבור סגנונות משתמש.
Safari (ודפדפנים אחרים מבוססי WebKit):GreaseKitיעשה את העבודה עבור כתבי משתמש. כביכול הוא יכול להתמודד גם עם סגנונות משתמש.
אוֹפֵּרָה:כתובות משתמש ניתנות להתקנה כמו הרחבות(בדומה לגוגל כרום), אבל תרצהבדוק תאימות של Greasemonkeyאם אתה משתמש בסקריפטים שעושים שימוש בתכונות ספציפיות ל-Greasemonkey.
כמו כן, אם אתה יוצר יישומי דפדפן ספציפי לאתר (SSB) עם אפליקציית Mac הנהדרתנוֹזֵליש לך כבר תמיכה ב-userscript ו-Userstyle, כך שאינך צריך לעשות שום דבר.
התקנת סקריפטים חדשים משתנה בהתאם לדפדפן, אבל בעצם כל מה שאתה צריך לעשות כדי להתקין אותם הוא ללחוץ על קישור כדי להוריד את הסקריפט. דפדפנים עם תמיכה מובנית או תוספים של Userscript יזהו את הסקריפטים האלה בגלל השמות שלהם (something.user.js
) ובקש להתקין אותם. בדרך כלל יהיה לך כפתור "התקן סקריפט" כשאתה מוצא אחד כזה באינטרנט, אבל אם בסופו של דבר תראה את קוד המקור, בדרך כלל תקבל הודעה או התראה המודיעה לך שאתה צופה בסקריפט משתמש תוך מתן אפשרות להתקין.
סגנונות משתמש מותקנים בצורה דומה, אבל אם אתה מתקין קובץ CSS שיצרת בעצמך (או שיש לך בכונן הקשיח מסיבה אחרת) אתה יכול להשתמש ב-Stylish כדי להתקין אותו באופן ידני. כל שעליכם לעשות הוא לעבור להגדרות של Stylish, ללחוץהוסף סגנון, ובחירת הסקריפט שברצונך להוסיף.
זה כל מה שיש בזה. ההתקנה די קלה.
הכנת כתבי משתמש וסגנונות משתמש משלך
אם כתבי משתמש וסגנונות משתמש קיימים לא ממש חותכים את זה, אתה תמיד יכול ליצור משלך. אם אתה יודע JavaScript ו/או CSS, למעשה יש הרבה שאתה יכול לעשות. (כמובן, אם לא, אתה תמיד יכוללמד JavaScriptוCSSמשיעורי בית הספר הלילה שלנו.) תהליך הכנת כתב משתמש הוא קצת הרבה ומחוץ לטווח הפוסט הזה, אבל זה לא כל כך קשה לעשות. אם תרצה לנסות את זה, הל-Greasemonkey Wiki יש מידע נוסף על תחילת העבודה. לכל דבר ועניין, אתה בעצם רק כותב סקריפט שעוקף את הפונקציונליות בדף אינטרנט נתון. אם אתה יודע JavaScript, אתה אמור להיתקל בבעיות קטנות להתחיל.
סגנונות משתמש הם אפילו יותר קלים, מכיוון שאתה בקושי צריך ידע ב-CSS כדי ליצור אותם. יצירת סגנון משתמש כוללת את הדברים הבאים:
מצא את גיליון הסגנונות CSS הקיים של האתר ושמור אותו לעיון.
מצא את הסגנונות בגיליון הסגנונות שברצונך לעקוף ושנה אותם למה שאתה רוצה. לדוגמה, אם בגיליון הסגנונות יש את
body
רכיב מוגדר לבעל אfont-size
של 12px ואתה רוצה לשנות אותו ל-14px, אז פשוט שנה אותו. מכיוון שאתה עוקף סגנון קיים, תצטרך - ברוב המקרים - להוסיף!important
לאחר הרכיב שהשתנה.הוסף סגנונות חדשים לגיליון הסגנונות השמור שעדיין לא מוגדרים (לא תצטרך להוסיף
!important
לאלה).השתמש ב-Stylish כדי להוסיף סגנון משתמש זה לאתר נתון. לאחר שהוספת אותו, פשוט טען מחדש את האתר ואתה אמור לראות את השינויים בסגנון שביצעת.
כל עוד התעסקת עם CSS בעבר, יצירת סגנון משתמש משלך צריכה להיות משימה קלה למדי.
בין אם אתה משתמש באפשרות מוכנה מראש ובין אם אתה יוצר בעצמך, יש לא מעט התאמה אישית שאתה יכול להשיג עם קצת JavaScript ו-CSS. אם יצרת כתבי משתמש או סגנונות משתמש מדהימים, או סתם יש לך מועדף אישי, פרסם אותם בתגובות.