בלוג
תוכן מקצועי ומעשיר בנושאים שיעניינו אותך
15 באוקטובר 2024
Full Stack>>פרונט אנד
איך להפוך אלמנט ב-CSS באמצעות scaleX ו-scaleY – המדריך המלא לשיקוף אלמנטים
במדריך זה נגלה איך להפוך אלמנט ב-CSS בעזרת transform: scaleX(-1) ו-scaleY(-1), לקבלת אפקט של תמונת מראה הצידה או למעלה-למטה. נלמד גם כיצד לבחור אלמנטים ביעילות באמצעות nth-child וליצור עיצובים חכמים ודינמיים. פתרון מושלם לכל מי שרוצה לשפר את יכולות העיצוב באתר שלו.
11 ביוני 2024
Full Stack>>פרונט אנד
עיצוב צ'קבוקס מתקדם ב-CSS ללא JS או ::before – איך לעשות את זה נכון?
במדריך הזה תגלו איך לעצב צ'קבוקס מתקדם ב-CSS מבלי להשתמש ב-JavaScript או ב-::before. נלמד איך לנצל את ה-label כדי להסתיר את הצ'קבוקס ולשלוט בהצללות ובאייקונים השונים שמופיעים בזמן לחיצה. כל זה מבלי להוסיף שום קוד JS, רק עם CSS טהור. פתרון פשוט, מעוצב ומרשים שיגרום לממשק שלכם להיראות מקצועי יותר.
10 ביולי 2024
Full Stack>>פרונט אנד
איך ליצור צל איכותי לטקסט בעזרת text-shadow
בפוסט הזה נכיר את הקסם של text-shadow: יצירת צל מדויק ועדין לטקסט — עם הסבר על הפרמטרים, טיפים לשימוש חכם, ואזהרות חמורות נגד עיצוב בסגנון וורד 93.
16 באוקטובר 2024
Full Stack>>פרונט אנד
איך להצליל תמונות נכון: ההבדל בין box-shadow ל-drop-shadow
רוצים הצללה שמכבדת את קווי המתאר של תמונה עם שקיפות? תכירו את drop-shadow. הצלה לחיים (ולעצבים) עם דוגמה ברורה וקוד מוכן.
12 ביוני 2024
Full Stack>>תכנות Full Stack
פרויקט htmx קטן למי שרוצה לצחוק, להתלכלך, ולא לעבוד קשה
בפחות משעה בידיים (וגם זה אם תתעקשו), בניתי פרויקט קטן וחמוד ב-htmx: בדיחות צ'אק נוריס רנדומליות, מועדפים, קרוסלה עקשנית, ובוטסטראפ כי למה לא. חוויות, עצבים ומסקנות.
15 באוגוסט 2024
Full Stack>>תכנות Full Stack
להכיר את htmx בחמש דקות: חד-קרן או עז בחניה?
רוצים להכיר את הילד הבעייתי והפופולארי htmx בלי לשרוף את כל האונה הקדמית? בפוסט קליל ומצחיק נלמד מה זה htmx, איך משתמשים בו, ולמי זה מתאים (או ממש לא).
10 ביולי 2024
Full Stack>>תכנות Full Stack
הצצה ראשונה ל-htmx: חד-קרן או צלופח?
גיא יוצא לבדוק את htmx — ספריית פרונטאנד חדשה שמבטיחה מהפכה קטנה בדרך שבה אנחנו ניגשים לבניית אפליקציות אינטראקטיביות, בלי לגעת ב-JavaScript. התרשמות ראשונית, יתרונות, ומלא הומור.
10 ביולי 2024
Full Stack>>תכנות Full Stack
עלילות גיא ו-SQL: המעבר הכואב (והמציל) ל-Prisma
אחרי רומן קצר ומורכב עם SQL טהור, גיא מגלה שהרומנטיקה של טמפלטים ידניים מתפוגגת מול כאב תחזוקתי אמיתי — ומקבל החלטה לעבור ל-Prisma ORM. סיפור של מעבר חכם מפרגמנטציה לסדר.
16 באוקטובר 2024
Full Stack>>תכנות Full Stack
Next.js ו-SQL — המסע הלא כל כך זוהר של גיא בחיבור בין עולמות
איך זה מרגיש לחזור ל-SQL אחרי MongoDB המפנקת? בפרויקט אישי חדש, גיא מגלה את החספוס (והקסם) שבחיבור Next.js ל-SQL, עם תובנות על ORM, שגיאות מציקות וטיפים למפתחים שמחפשים גישה נכונה.
7 באוגוסט 2024
Full Stack>>תכנות Full Stack
בחירת טכנולוגיות לפרויקט קליל: Next.js, Tailwind, Prisma, Three.js ועוד
מחפשים טכנולוגיות לפרויקט קטן וקליל? בפוסט הזה אני משתף את הבחירות שלי לפרויקטון רכבים: Next.js, Tailwind, Prisma, Three.js — עם הסברים למה ואיך, וטיפים קטנים שיעזרו לכם בדרך.
15 באוקטובר 2024
Full Stack>>NEXTJS
איך מטפלים בשגיאות בקומפוננטות שרת ב-Next.js מבלי לקבל מכתב פיטורים ️
אף אחד לא אוהב קריסות באתר – בטח לא כשהן קורות בקומפוננטות שרת. בפוסט הזה אסביר איך לטפל בשגיאות ב-Next.js בעזרת קובץ error.ts ולהציל גם את חווית המשתמש וגם את מקום העבודה שלכם.
15 באוגוסט 2024
Full Stack>>פרונט אנד
איך יצרתי את אנימציית הסקלטון המושלמת לטעינת עמודים (וסיפור משעשע על הדרך) ⚡
לילות ללא שינה, ריקודים אינדיאניים, והרבה קפה שחור: גיא משתף בסיפור קורע על הדרך (המאוד לא פשוטה) ליצירת אנימציית סקלטון מושלמת לטעינה באתרי ווב.
108 תוצאות
כמות בדף