Full Stack
תוכן מקצועי בנושא Full Stack
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 ליצירת טולטיפ מיידי ופשוט. נבין גם איך להוסיף אפקטים ואנימציות שיגרמו להסברים להיראות מקצועיים, ברורים ומהנים למשתמשים.
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 טהור. פתרון פשוט, מעוצב ומרשים שיגרום לממשק שלכם להיראות מקצועי יותר.
82 תוצאות
כמות בדף