מבחר מאמרים בנושאי צילום, טיולים ופיתוח
הפוך טקסט רגיל לכתוב בצורה אנכית ב-CSS בעזרת writing-mode: vertical-rl;. טכניקת עיצוב פשוטה ויעילה שיכולה להוסיף סגנון מעניין לדפים שלכם!
Server Actions (או בשמם החדש Server Functions) הם אחד הפיצ'רים הכי מרעננים ב-Next.js 15 ו-React 19. במקום Fetch, Axios, וטפסים בלבד – אפשר לקרוא לפונקציות שרת ישירות מהקליינט! גיא מתלהב, ובצדק.
היתרונות של ShadCN בולטים ביכולת ליצור קומפוננטות מוכנות ומעוצבות בצורה מעולה במהירות. יחד עם זאת, יש גם חסרונות שמגיעים עם תלות ב-Tailwind ו-Radix ועם ההתמודדות עם NEXT 15.
כל מה שצריך לדעת על וויליגמה: מדריך אישי הכולל מידע על לינה, שיעורי גלישה, חופים בסביבה, כסף, תחבורה מקומית ובית חב"ד. חוויות, טיפים ותובנות מהשטח.
מעבר מהודו לסרי לנקה - מסע אל חופים מושלמים, בית חב"ד חמימים, טבע טרופי, טיול ברכבת היפה בעולם. מדריך קליל, אישי ושנון ליעד הטרופי הקרוב.
מגיעים במיוחד בשביל ההולי? מדריך רישיקש קצר ומעשי: איפה ללון, איך מתנהל ההולי ברישיקש, מחירי רפטינג/סירות/מוניות, וטיפים בטיחותיים וחיסכון .
סיפור מסע אמיתי של תרמילאים בהודו: מקרטל מוניות בקודאיקנאל, דרך טרמפים, נסיעה באוטובוס סליפר מחריד ועד הגעה למושבה האוטופית פודוצ'רי ואורוויל. חוויה של צבעים, ריחות, ומהפכים.
ואטה קנאל שליד קודאיקנאל המהממת: איך מגיעים ממונאר, איפה לישון, זריחות, Dolphin’s Nose ו-Vattakanal Falls, וטיפים לנסיעה רגועה.
מונאר – שילוב מושלם של נופים ירוקים, תרבות תה, מפלים שוצפים וחוויות אותנטיות. מדריך עדכני לשנת 2025 עם טיפים אמיתיים על תחבורה, לינה, מסלולים ואטרקציות שלא תרצו לפספס.
איך נוחתים בהודו בלי להשתגע? מה לארוז, איך מתמודדים עם טיסות שמתבטלות, ואיפה מוצאים פינה יהודית חמה בעיר ורקלה. פוסט מלא חוויות אמיתיות, טיפים שימושיים ואווירה צבעונית לכניסה חלקה להודו.
טיול חורף בבית שאן ועמק חרוד: גן לאומי מרהיב, מעיין שקט, טבע ירוק ובריכות שכשוך מושלמות לעצירה מרעננת.
בפוסט הזה נלמד איך בונים אנימציית הקלדה ב-CSS בלבד! שימוש ב-steps() כדי לדמות כתיבה מדויקת, טיפים ליצירת קו מהבהב, וקריצה קטנה לכל מי שחושב ש-anime זה עדיין מגניב.
בפוסט הזה נלמד איך להשתמש ב-has() ב-CSS להחלת dark mode על אתר, בעזרת משתני CSS. גלו איך לבצע את ה-toggle של dark mode בצורה פשוטה ויעילה בעזרת pseudo-class חדש שמהפך את העבודה עם עיצובים דינמיים.
איך זה מרגיש לחזור ל-SQL אחרי MongoDB המפנקת? בפרויקט אישי חדש, גיא מגלה את החספוס (והקסם) שבחיבור Next.js ל-SQL, עם תובנות על ORM, שגיאות מציקות וטיפים למפתחים שמחפשים גישה נכונה.
רוצים הצללה שמכבדת את קווי המתאר של תמונה עם שקיפות? תכירו את drop-shadow. הצלה לחיים (ולעצבים) עם דוגמה ברורה וקוד מוכן.
במדריך זה נגלה איך להפוך אלמנט ב-CSS בעזרת transform: scaleX(-1) ו-scaleY(-1), לקבלת אפקט של תמונת מראה הצידה או למעלה-למטה. נלמד גם כיצד לבחור אלמנטים ביעילות באמצעות nth-child וליצור עיצובים חכמים ודינמיים. פתרון מושלם לכל מי שרוצה לשפר את יכולות העיצוב באתר שלו.
אף אחד לא אוהב קריסות באתר – בטח לא כשהן קורות בקומפוננטות שרת. בפוסט הזה אסביר איך לטפל בשגיאות ב-Next.js בעזרת קובץ error.ts ולהציל גם את חווית המשתמש וגם את מקום העבודה שלכם.
תכינו את משקפי התלת מימד: בפוסט הזה ניצור קובייה שמסתובבת לפי גלילת המשתמש, רק בעזרת CSS בלבד. קסם? כמעט.
אם נמאס לכם משרתים מבולגנים ב-Express, כדאי שתכירו את Nest.js – מסגרת עבודה שמביאה סדר, טיפוסיות וחוויית פיתוח עילאית ל-Node.js עם TypeScript. גיא משתף חוויות אמיתיות מהמעבר.
הטקסט ארוך מדי למסך? במקום לשבור את הראש עם JavaScript, גלו את השיטה הפשוטה ב-CSS שמקצרת טקסטים אוטומטית ומוסיפה שלוש נקודות (...) בצורה נקייה ואלגנטית. שלוש שורות ואתם בעניינים.
בפוסט הזה נלמד איך ליצור הוק פשוט ב-React לשמירת נתונים ב-localStorage. גלו איך להשתמש בהוק לשמירה ושאיבה של נתונים, עם גרסה בסיסית שמכסה את הצרכים הבסיסיים של רוב הפרויקטים.
רוצים ליצור אקורדיון בלי לגעת בקוד JavaScript? השתמשו ב-details ו-summary ב-HTML, פתרון אוטומטי ומגניב שהופך את החיים לקלים. למדו איך להוסיף אותו לעיצוב שלכם עם מינימום עבודה!
איך הופכים אלמנט סטטי למשחק זיכרון מהפנט? בעזרת קצת perspective, טיפת transform-style וקורטוב של backface-visibility. קפצו ל-codepen ותראו בעצמכם כמה קל (וקראנצ'י) זה!
מה קורה כשמעבירים עיצוב מ-Figma לקוד Next.js באמצעות בינה מלאכותית? גיא משתף בחוויית שימוש ראשונית – בין פלאי הטכנולוגיה, כאבי הראש והערמות של דיבים מיותרים.
156 תוצאות
