בלוג
תוכן מקצועי ומעשיר בנושאים שיעניינו אותך
4 ביולי 2024
Full Stack>>פרונט אנד
איך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clip
בפוסט הזה נראה איך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clip, ולמה זה כל כך מגניב! הרקע משתנה בצורה חלקה והטקסט הופך לאלמנט עיצובי מרהיב.
12 ביוני 2024
Full Stack>>תכנות Full Stack
פרויקט htmx קטן למי שרוצה לצחוק, להתלכלך, ולא לעבוד קשה
בפחות משעה בידיים (וגם זה אם תתעקשו), בניתי פרויקט קטן וחמוד ב-htmx: בדיחות צ'אק נוריס רנדומליות, מועדפים, קרוסלה עקשנית, ובוטסטראפ כי למה לא. חוויות, עצבים ומסקנות.
12 ביוני 2024
Full Stack>>פרונט אנד
סיפור קצר על פיד מבזקים אוטומטי וקסם ב-CSS
הצטרפו לסיפור על מתכנתת חדת מוח ומבקר קוד חמוד שיחד יצרו פיד מבזקים עם גלילה אינסופית חלקה בעזרת CSS — והצליחו להדהים את כולם עם פתרון פשוט, אלגנטי ומגניב במיוחד.
11 ביוני 2024
Full Stack>>פרונט אנד
עיצוב צ'קבוקס מתקדם ב-CSS ללא JS או ::before – איך לעשות את זה נכון?
במדריך הזה תגלו איך לעצב צ'קבוקס מתקדם ב-CSS מבלי להשתמש ב-JavaScript או ב-::before. נלמד איך לנצל את ה-label כדי להסתיר את הצ'קבוקס ולשלוט בהצללות ובאייקונים השונים שמופיעים בזמן לחיצה. כל זה מבלי להוסיף שום קוד JS, רק עם CSS טהור. פתרון פשוט, מעוצב ומרשים שיגרום לממשק שלכם להיראות מקצועי יותר.
6 ביוני 2024
Full Stack>>פרונט אנד
מעצבים אות ראשונה ענקית ב-CSS כמו ספרים עתיקים
רוצים לעצב את האות הראשונה של פסקה ככותרת ענקית, כמו בספרים קלאסיים? הכירו את הטכניקה עם ::first-letter ו-initial-letter ב-CSS. פוסט קצרצר ומגניב על עיצוב טקסט בצורה מרשימה!
5 ביוני 2024
Full Stack>>פרונט אנד
תפריט מובייל נפתח ב-CSS בלבד — בלי טיפת JavaScript
רעיון מגניב: תפריט נפתח רק בעזרת CSS! שילוב של checkbox, label ו-+ סלקטור בשביל תנועת toggle בלי JS בכלל. פתרון מהיר, מפתיע, ופותח את הראש לעוד אינטראקציות אינטראקטיביות.
8 במאי 2024
Full Stack>>פרונט אנד
מה זה יחס אלמנט ב-CSS ואיך להשתמש ב-aspect-ratio?
בפוסט הזה נלמד איך להגדיר את יחס הרוחב/גובה של אלמנט בעזרת aspect-ratio ב-CSS. נדבר על השימושים השונים של המאפיין ועל איך ליצור אלמנטים גמישים שיכולים לשמור על יחס קבוע, כמו ריבועים בגודל משתנה.
7 במאי 2024
Full Stack>>פרונט אנד
מה קורה כששועלים מעופפים נפגשים עם Three.js?
מה עושים כששועל מרחף לכם בפרויקט? גיא משתף בחוויה מצחיקה ומלמדת סביב אתר שיצר עם Three.js, React ו-Tailwind, כולל נגיעה בעקרונות תלת מימד בסיסיים. בואו לראות איך שילוב של טכנולוגיה, הומור ותלת מימד יוצר חוויית גלישה בלתי נשכחת – ולמה כדאי לנסות את Three.js גם בפרויקטים הקטנים שלכם.
17 באפריל 2024
Full Stack>>פרונט אנד
אנימציות מבוססות גלילה בקלות: הכירו את animation-timeline
לגרום לאתר להרגיש כמו מופע קסמים בלי לשבור את הראש! הכירו את animation-timeline - הדרך לקשר בין הגלילה לאנימציה בצורה חכמה ואלגנטית.
11 באפריל 2024
Full Stack>>פרונט אנד
איך לגרום ל-SVG "לצייר את עצמו" בעזרת CSS בלבד
אחת האנימציות הכי כיפיות - SVG שמצייר את עצמו בלי טיפת JavaScript! בפוסט נבין את הטריק הפשוט, למה הוא עובד, ואיך להוסיף טאץ' מגניב לטפסים ולאפליקציות.
4 באפריל 2024
Full Stack>>פרונט אנד
איך לגרום לגלילה בציר X לעצור בדיוק על כרטיסים עם CSS בלבד
לפני שהולכים לאכול אבטיח עם תיבול של חול ים 🇮🇱, הנה טיפ קריר לגלילת כרטיסים ב־CSS: איך לגרום לגלילה בציר X לעבור חלק כרטיס-כרטיס, בלי לחשב פיקסלים ובלי כאב ראש מיותר. נשתמש ב־scroll-snap-type: x mandatory; על הקונטיינר, וב־scroll-snap-align: start; על הכרטיסים. פשוט, קליל ומושלם לקרוסלות, דפדוף בין PDFים או כל מקרה אחר שבו לא רוצים לראות "חצי פריט" במסך.
19 במרץ 2024
Full Stack>>פרונט אנד
מה זה Tailwind CSS ולמה כולם מדברים עליה?
שמעתם על Tailwind CSS ולא בטוחים מה עושים איתה? גיא מסביר איך הפריימוורק הזה שובר את הכללים, מחליף את Bootstrap, ומשנה לגמרי איך כותבים עיצוב אתרים – ועדיין מחייב לדעת CSS אמיתי.
15 בפברואר 2024
Full Stack>>REACT
הוקים מותאמים אישית ב-React: איך ליצור ולהשתמש ב-useApi
הוקים מותאמים אישית ב-React מאפשרים לפתח קוד נקי וניתן לשימוש חוזר. במדריך זה נלמד על הוק useApi, יתרונותיו, חסרונותיו והשימושים האפשריים בו.
31 בינואר 2024
Full Stack>>REACT
כותרת: קומפוננטת Text גנרית לשימוש חוזר עם כל תגי ה-HTML סלאג: קומפוננטת-text-גנרית-לשימוש-חוזר
קומפוננטת Text גנרית ב-React שמתאימה לכל סוגי תגי הטקסט (h1-h6 ו-p) ומפשטת את התחזוקה והגמישות בקוד.
2 בינואר 2024
Full Stack>>REACT
ההארה של גיא: איך ליצור לוח שנה בעברית
גיא יוצר לוח שנה בעברית ב-MVP מהיר עם פתרון פשוט. איך ניתן ליצור לוח שנה בצורה מהירה, עם הגדרת ימים, חודשים, ושמות, בלי להסתבך עם ספריות כבדות.
26 ביולי 2023
Full Stack>>באק אנד
למה דווקא MongoDB? הסיבות של גיא לבחור במסד הנתונים הכי גמיש ואלגנטי
גיא מסביר בגובה העיניים למה MongoDB היא הבחירה המושלמת: גמישות מרשימה, תיעוד ברור, חיבור סופר מהיר לפרויקטים חדשים, ושימושיות מהממת גם בענן וגם מקומית. בלי אננס על פיצה.
12 ביולי 2023
Full Stack>>REACT
Input Password עם עין להצגת הסיסמה ב-React
קומפוננטה קלילה ב-React ליצירת שדה סיסמה עם אפשרות לראות את הטקסט ע"י לחיצה על אייקון עין. פשוט, שימושי ונוח במיוחד למובייל.
19 באפריל 2023
Full Stack>>תכנות Full Stack
איך להתאמן על מסחר בקריפטו בלי להפסיד שקל?
רוצים ללמוד לסחור בקריפטו בלי לסכן כסף אמיתי? גיא בנה פלטפורמה אישית שמדמה מסחר אמיתי עם 5000 דולר וירטואלים! קראו איך, עם Next.js, MongoDB ו-Chart.js, אפשר להתאמן, להפסיד, לנצח ולהשתפר – בלי דאגות.
18 באפריל 2023
Full Stack>>NEXTJS
למה מתכנתי React חייבים להכיר את Next.js?
אם אתם כבר מתכנתי React – קחו עוד יום-יומיים ולמדו Next.js! בפוסט קליל גיא מסביר למה זה ייתן לכם יתרון ענק: טעינה מהירה יותר, SEO משופר ויכולות מתקדמות שלא קיימות ב-React לבד.
18 באפריל 2023
Full Stack>>NEXTJS
Next.js מול React.js — מה כדאי לבחור ואיך זה ישדרג את הפיתוח שלכם?
מה ההבדל בין Next.js ל-React.js? גיא מסביר איך Next מוסיפה כוח אדיר לריאקט עם רינדור בצד השרת, ראוטינג אוטומטי, פיצול קוד ועוד יתרונות חשובים - ולא שוכח גם את החסרונות. מדריך קצר שמפקס אתכם על האמת.
8 בנובמבר 2022
טיולים>>עולם
וונציה למתחילים: טיפים, חוויות והומור מהשטח
חוויה איטלקית בלתי נשכחת עם טיפים למטיילים, טיול כשר וזול בונציה בחורף - בתי חב"ד ואוכל כשר.
117 תוצאות
כמות בדף