מסופר מריו ועד ל-Windows 95: הנה 5 ספריות שיקחו את האתר שלכם למסע בזמן

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

מקור: צילום מסך

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

1. NES.css

מקור: צילום מסך

הספרייה האהובה עליי מבין כולן היא NES.css, המאפשרת למי שרוצה לעצב אתר שנראה כאילו נלקח היישר מקונסולת הנינטנדו הישנה או מכל משחק עם עיצוב 8-ביט. החל מגופן מיושן, דרך כפתורים וסרגלי התקדמות צבעוניים ומפוקסלים ועד לאייקונים של רשתות חברתיות שנראו שעוצבו עשור לפני שהרשתות הנ”ל הוקמו – הספרייה הזאת מכסה הכל. בדומה לספריות אחרות, על המפתח פשוט להוסיף את ה-class המתאים לאלמנט אותו הוא רוצה לעצב, והספרייה כבר תדאג להוסיף לו את ההגדרות המתאימות.

וכ-easter-egg חמוד, היוצרים גם הוסיפו אייקונים של סופר מריו, 3 פוקימונים מפורסמים ואת קירבי – כך שנראה שאין ספק שהם מעריצים את התקופה המדוברת לא פחות מאיתנו.

2. PSone.css

מקור: GitHub

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

3. RPGUI

מקור: צילום מסך

אני חושב שאפשר לקבוע בביטחון שגם לאלו שלא גדלו להיות הגיימרים הכי קשוחים, היה לפחות שלב אחד בחיים בו הם התנסו במשחק RPG כלשהו – במחשב או באינטרנט. הספרייה RPGUI באה לשחזר את הנוסטלגיה הנ”ל באמצעות ספריית CSS (שהפעם משלבת גם קצת ג’אווהסקריפט, כי בכל זאת – קשה בלי). גם בספרייה הנ”ל ניתן למצוא שלל אייקונים, סרגלי בחירה, רשימות וכפתורים בעיצוב מיוחד ועוד שלל עיצובים מיוחדים כדי להכניס את כולנו לאווירה המתאימה לקווסט.

4. Geo for Bootstrap

מקור: צילום מסך

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

5. React95

מקור: GitHub

ולבסוף, החלטנו לצרף את React95 שמתפקדת כספריית קומפוננטות ל-React, ומאפשרת לכם ליצור שלל פיצ’רים עם עיצוב שהפעם האחרונה שראיתם אותו הייתה כנראה לפני 25 שנים – בשנת 1995.

Avatar

עומר להב

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

הגב

הגב ראשון!

avatar
Photo and Image Files
 
 
 
Audio and Video Files
 
 
 
Other File Types
 
 
 

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

wpDiscuz

תגיות לכתבה: