Full Stack
תוכן מקצועי בנושא Full Stack
11 באפריל 2024
Full Stack>>פרונט אנד
איך לגרום ל-SVG "לצייר את עצמו" בעזרת CSS בלבד
אחת האנימציות הכי כיפיות - SVG שמצייר את עצמו בלי טיפת JavaScript! בפוסט נבין את הטריק הפשוט, למה הוא עובד, ואיך להוסיף טאץ' מגניב לטפסים ולאפליקציות.
css svg animation frontend web development creative coding ux design
27 באפריל 2025
Full Stack>>REACT
בחשיבות הגיבוי ובגנות ארעיות החיים — מדריך עם חיוך
גיבוי זה לא המלצה — זו הצלה מעצבים, מנוטלה ומגלידות עצב! פוסט מצחיק ומפוכח על למה כדאי לדאוג לגיבוי בענן או בדיסק חיצוני, ואיך עבודה נכונה עם Git יכולה לחסוך לכם הרבה כאבי לב דיגיטליים.
backup git cloud backup productivity tech life web development hard drive
4 באפריל 2024
Full Stack>>פרונט אנד
איך לגרום לגלילה בציר X לעצור בדיוק על כרטיסים עם CSS בלבד
לפני שהולכים לאכול אבטיח עם תיבול של חול ים 🇮🇱, הנה טיפ קריר לגלילת כרטיסים ב־CSS: איך לגרום לגלילה בציר X לעבור חלק כרטיס-כרטיס, בלי לחשב פיקסלים ובלי כאב ראש מיותר. נשתמש ב־scroll-snap-type: x mandatory; על הקונטיינר, וב־scroll-snap-align: start; על הכרטיסים. פשוט, קליל ומושלם לקרוסלות, דפדוף בין PDFים או כל מקרה אחר שבו לא רוצים לראות "חצי פריט" במסך.
css scroll snap frontend web development ux horizontal scrolling responsive design
12 ביולי 2023
Full Stack>>REACT
Input Password עם עין להצגת הסיסמה ב-React
קומפוננטה קלילה ב-React ליצירת שדה סיסמה עם אפשרות לראות את הטקסט ע"י לחיצה על אייקון עין. פשוט, שימושי ונוח במיוחד למובייל.
react passwordinput frontend webdevelopment html tailwindcss ux
5 ביוני 2024
Full Stack>>פרונט אנד
תפריט מובייל נפתח ב-CSS בלבד — בלי טיפת JavaScript
רעיון מגניב: תפריט נפתח רק בעזרת CSS! שילוב של checkbox, label ו-+ סלקטור בשביל תנועת toggle בלי JS בכלל. פתרון מהיר, מפתיע, ופותח את הראש לעוד אינטראקציות אינטראקטיביות.
css webdesign frontend mobilemenu purecss ux csshacks
26 באפריל 2025
Full Stack>>REACT
קומפוננטת Copy to Clipboard לעצלים שמכבדים את עצמם
קומפוננטת Copy ל-Clipboard שמעתיקה ערך ונותנת פידבק חכם עם אייקון משתנה — פשוטה, מהירה ומותאמת לפרונטנדים שרוצים להרים UX טוב בלי כאב ראש.
react frontend tailwindcss ux copytoclipboard reactcomponents webdev
4 בספטמבר 2024
Full Stack>>פרונט אנד
קסם תלת-מימדי ב-CSS: סיבוב אלמנטים בסטייל של קלף הפתעה!
איך הופכים אלמנט סטטי למשחק זיכרון מהפנט? בעזרת קצת perspective, טיפת transform-style וקורטוב של backface-visibility. קפצו ל-codepen ותראו בעצמכם כמה קל (וקראנצ'י) זה!
css 3d transform animation frontend ui effects
26 באפריל 2025
Full Stack>>פרונט אנד
עיצוב דמוי זכוכית (Glassmorphism) — סגנון שבא לשדרג את האתר שלך!
לפעמים עיצוב נקי זה כל מה שצריך כדי לגרום לאתר להיראות מיליון דולר. הצטרפו אליי להיכרות קצרה עם אפקט הזכוכית — רקע חצי שקוף, טשטוש עדין וקו אלגנטי — וקבלו קוד לדוגמה להתחלה קלה ומהירה.
css glassmorphism frontend ui design dark mode storytelling
12 ביוני 2024
Full Stack>>פרונט אנד
סיפור קצר על פיד מבזקים אוטומטי וקסם ב-CSS
הצטרפו לסיפור על מתכנתת חדת מוח ומבקר קוד חמוד שיחד יצרו פיד מבזקים עם גלילה אינסופית חלקה בעזרת CSS — והצליחו להדהים את כולם עם פתרון פשוט, אלגנטי ומגניב במיוחד.
css animation infinite scroll frontend storytelling ux
9 ביולי 2024
Full Stack>>פרונט אנד
️ Loader פעימות לב ב-CSS
בפוסט הזה נראה איך ליצור אנימציה קלילה וחמודה של לב שפועם בעזרת CSS ו-FontAwesome, כדי שהמשתמש לא יישאר תלוי באוויר בזמן טעינה — אלא יתמלא באהבה (או לפחות בסבלנות).
css animation loader ux frontend heart animation
26 באפריל 2025
Full Stack>>פרונט אנד
איך יוצרים אפקט נאון לטקסט ב-CSS?
בפוסט הזה נצלול ליצירת אפקט נאון זוהר לטקסט בעזרת CSS בלבד! משחקים עם text-shadow, טיפה opacity, הרבה קסם, וקורטוב של חוסר בגרות.
css animation neon effect text animation frontend web design
6 בנובמבר 2024
Full Stack>>פרונט אנד
איך עושים אנימציית "הקלדה" ב-CSS בלבד?
בפוסט הזה נלמד איך בונים אנימציית הקלדה ב-CSS בלבד! שימוש ב-steps() כדי לדמות כתיבה מדויקת, טיפים ליצירת קו מהבהב, וקריצה קטנה לכל מי שחושב ש-anime זה עדיין מגניב.
css typing animation animation frontend יצירתיות
82 תוצאות
כמות בדף