בלוג
תוכן מקצועי ומעשיר בנושאים שיעניינו אותך
26 באפריל 2025
Full Stack>>פרונט אנד
איך יוצרים אפקט נאון לטקסט ב-CSS?
בפוסט הזה נצלול ליצירת אפקט נאון זוהר לטקסט בעזרת CSS בלבד! משחקים עם text-shadow, טיפה opacity, הרבה קסם, וקורטוב של חוסר בגרות.
6 בנובמבר 2024
Full Stack>>פרונט אנד
איך עושים אנימציית "הקלדה" ב-CSS בלבד?
בפוסט הזה נלמד איך בונים אנימציית הקלדה ב-CSS בלבד! שימוש ב-steps() כדי לדמות כתיבה מדויקת, טיפים ליצירת קו מהבהב, וקריצה קטנה לכל מי שחושב ש-anime זה עדיין מגניב.
26 באוגוסט 2024
Full Stack>>פרונט אנד
איך למנוע לחיצה על כפתורים ואלמנטים לחיצים ב-CSS
בפוסט הזה נלמד איך למנוע לחיצה על כפתורים ואלמנטים לחיצים בעזרת CSS, במיוחד בשימושים כמו טפסים חסרים או בזמן ש-Popup פתוח. נסקור את היתרונות והחסרונות של הגישה עם pointer-events: none;.
8 במאי 2024
Full Stack>>פרונט אנד
מה זה יחס אלמנט ב-CSS ואיך להשתמש ב-aspect-ratio?
בפוסט הזה נלמד איך להגדיר את יחס הרוחב/גובה של אלמנט בעזרת aspect-ratio ב-CSS. נדבר על השימושים השונים של המאפיין ועל איך ליצור אלמנטים גמישים שיכולים לשמור על יחס קבוע, כמו ריבועים בגודל משתנה.
7 באוגוסט 2024
Full Stack>>פרונט אנד
איך ליצור Progress Bar בגלילה ב-CSS בלבד (בלי JS)
למד איך ליצור קו התקדמות שמתקדם בזמן גלילת הדף רק בעזרת CSS, בלי צורך ב-JavaScript. עם פיצ'רים חדשים כמו animation-timeline: scroll(), תוכל להוסיף אפקטים מרשימים בקלות.
4 ביולי 2024
Full Stack>>פרונט אנד
איך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clip
בפוסט הזה נראה איך ליצור טקסט עם צבע מתחלף ב-CSS בעזרת background-clip, ולמה זה כל כך מגניב! הרקע משתנה בצורה חלקה והטקסט הופך לאלמנט עיצובי מרהיב.
26 באפריל 2025
Full Stack>>פרונט אנד
איך להפוך טקסט לכתיבה אנכית ב-CSS בשורה אחת
הפוך טקסט רגיל לכתוב בצורה אנכית ב-CSS בעזרת writing-mode: vertical-rl;. טכניקת עיצוב פשוטה ויעילה שיכולה להוסיף סגנון מעניין לדפים שלכם!
6 ביוני 2024
Full Stack>>פרונט אנד
מעצבים אות ראשונה ענקית ב-CSS כמו ספרים עתיקים
רוצים לעצב את האות הראשונה של פסקה ככותרת ענקית, כמו בספרים קלאסיים? הכירו את הטכניקה עם ::first-letter ו-initial-letter ב-CSS. פוסט קצרצר ומגניב על עיצוב טקסט בצורה מרשימה!
19 בספטמבר 2024
Full Stack>>פרונט אנד
הפיצ'ר המגניב של details ו-summary ב-HTML: הפתרון האוטומטי לאקורדיונים
רוצים ליצור אקורדיון בלי לגעת בקוד JavaScript? השתמשו ב-details ו-summary ב-HTML, פתרון אוטומטי ומגניב שהופך את החיים לקלים. למדו איך להוסיף אותו לעיצוב שלכם עם מינימום עבודה!
12 באוגוסט 2024
Full Stack>>פרונט אנד
איך לאפשר למשתמשים להגדיל אלמנטים ב-CSS עם resize
מי אמר שרק textarea יכולה להשתנות בגודל? גלו איך לגרום לכל אלמנט להיות ניתן להגדלה ע"י המשתמש עם תכונת ה-resize של CSS. פשוט, הזוי, וכיפי – בדיוק כמו שאנחנו אוהבים.
9 באוקטובר 2024
Full Stack>>פרונט אנד
איך לקצר טקסט ארוך בצורה אלגנטית עם CSS בלבד (בלי JavaScript)
הטקסט ארוך מדי למסך? במקום לשבור את הראש עם JavaScript, גלו את השיטה הפשוטה ב-CSS שמקצרת טקסטים אוטומטית ומוסיפה שלוש נקודות (...) בצורה נקייה ואלגנטית. שלוש שורות ואתם בעניינים.
7 באוגוסט 2024
Full Stack>>פרונט אנד
איך ליצור טולטיפים ב-CSS – מדריך מלא לשיטות ידניות ואוטומטיות
במדריך הזה נלמד איך לבנות טולטיפ ב-CSS בשיטה ידנית באמצעות מיקום יחסי ואבסולוטי, ואיך להשתמש באטריביוט title ליצירת טולטיפ מיידי ופשוט. נבין גם איך להוסיף אפקטים ואנימציות שיגרמו להסברים להיראות מקצועיים, ברורים ומהנים למשתמשים.
108 תוצאות
כמות בדף