מדריכים לבוני אתרים

35 רעיונות מעוררי השראה לעיצוב טופס יצירת קשר

הדגמה של טופס יצירת קשר

ברוכים הבאים, היום, פוסט להשראה / אינספרציה שנולד בדיוק ברגע בו אני עסוק בבניית אתר עבור חברה אמריקאית וצריך רעיון קצת אחר לטופס יצירת קשר (למרות שאולי אשאר עם משהו פשוט). בתור בונ...

לקרוא עוד

בונים מחשבון המרת מטבע עם הAPI של גוגל

מחשבון המרת מטח

דוגמה חיה מחשבון המרת מטבע הזינו ערכים: שקל ישראלי (₪) דולר אמריקאי (USD) אירו ...

לקרוא עוד

אפקט תמונה גודלת במעבר עכבר בקלות עם CSS

שינוי גודל תמונה במעבר עכבר

היום, מיני מדריך קטנטן שעוסק באפקט ספציפי אשר נוצר בעזרת CSS. מדריך זה נולד כתגובה לשאלה במדור שאלות ותשובות, כאן אצלנו באתר. שימו לב כי מדובר על אפקט זום ולא אפקט הגדלה של אותה תמ...

לקרוא עוד

100 רקעים לאתרים בסגנון עדין לבוני אתרים (Subtle Patterns)

100 subtle patterns thumb 165x128

שלום לחברי האתר! היום, צופר לבוני אתרים - ישבתי ואספתי 100 רקעים לאתרים בסגנון עדין שמוצעים להורדה בחינם לשימוש בכל פרויקט, אישי או מסחרי, אתר או אפליקציה ולמעשה לכל שימוש למעט...

לקרוא עוד

בונים פס חדשות של הזנת RSS להטמעה בכל אתר (News Ticker)

scrolling news ticker from rss 165x104

שלום לכם, הבאים והשבים... היום אנחנו בונים ביחד פס חדשות (News Ticker) בעזרת פיד הRSS של YNET אותו נוכל להטמיע בקלות בכל אתר מבוסס PHP. מדובר על בקשה פופולרית בקרב בוני אתרים א...

לקרוא עוד

פיתוח וורדפרס: כפתור שתף בWhatsApp בסלולרי

share on whatsapp wp 165x138

כולנו מכירים את WhatsApp - האפליקציה שאפילו ההורים שלנו מכורים אליה! אני מקבל לפחות 30 הודעות מידי יום בקבוצות שונות בWhatsApp ואני יודע שאני יחסית רגוע ולא מהמכורים. אז בוא...

לקרוא עוד

גודל פונט גמיש אוטומטי מותאם לרוחב המסך עם Css

adaptive font size css3 thumb 165x138

נתחיל עם הסבר קצר לגבי התכונות "החדשות" בCSS שמאפשרות לנו ליצור טקסט רספונסיבי. אל תדאגו אם אתם לא מבינים על מה אני מדבר בטבלה הבאה. דוגמה חיה ממש בהמשך הדף! ...

לקרוא עוד

אפקט רקע מופיע לפי שורה לקישורים בסטייל

hover background link effect 8615 165x138

את האפקט הבא בנינו עבור דף הבית שלנו ומתאים במיוחד למצבים בהם יש לכם קישורים בני שתי שורות או יותר. מדובר על אפקט מדליק עם המון סטייל שמציג את הרקע בצורה מדורגת ועל פי שורה – אני א...

לקרוא עוד

שינוי הצבע של סימון הטקסט (Highlight) עם CSS

default highlight color css thumb 165x138

אז על מה מדובר? הנה תמונה של לפני ואחרי זה מאוד מאוד פשוט! מדובר על קוד CSS בן שורת קוד אחת בלבד שאתם צריכים להוסיף אל הקובץ CSS של האתר שלכם...  הנה הקוד בו אני...

לקרוא עוד

אפקט של פינה מקופלת עם CSS (בלבד)

folded corner thumb 165x138

דוגמה 1: עם הצללה בצד ימין דוגמה 2: עם הצללה בצד שמאל דוגמה 3: בלי הצללה בצד ימין דוגמה 4: בלי הצללה בצד שמאל זהו, קצר ולעניין הפ...

לקרוא עוד

עוזרים לגולשים באתר שלנו למלא טפסים עם Autocomplete

auto complete form thumb 165x138

מה זה השלמה אוטומטית? כולנו יודעים מה זה השלמה אוטומטית! (ועכשיו להסבר) אתם מתחילים למלא טופס וכרום (גם פיירפוקס) מציע לכם מידע משלים בהתאם לטקסט שהכנסתם בשדה קלט ...

לקרוא עוד

תגי קלט חכמים בHTML5 עבור טפסים – קל ומעולה!

html5 form inputs thumb 165x138

שפת HTML עברה שדרוג מעולה עם הגרסה חדשה אשר נקראת HTML5. רבים חושבים שאם האתר שלהם בנוי בHTML5 אז זהו, האתר שלהם להיט והם מסודרים כאילו מדובר בדגם רכב חדש אבל האמת היא שמדובר באותה...

לקרוא עוד

איך מוצאים אלמנט שחורג מהמסך? טריק קטן לבוני אתרים

overflow example thumb 165x138

אם אתם בונים אתרים המאמר הזה בשבילכם! ישנם הרבה דברים שיכולים להשתבש כאשר בונים אתר וDebugging הוא חלק טבעי מהתהליך של בניית אתרים מוצלחים שנראים טוב בכל המסכים. בעידן המודרני ...

לקרוא עוד

45 ציטוטים מעוצבים Blockquotes לבוני אתרים

blockquote design inspiration thumb 165x138

45 ציטוטים מוכנים להטמעה באתר שלכם בקלות ובחינם! טקסט גולמי של תעשיית ההדפסה וההקלדה. Lorem Ipsum היה טקסט סטנדרטי עוד במאה ה-16, כאשר הדפסה לא ידועה לקחה מגש ...

לקרוא עוד

רשימת Css Media Queries לבוני אתרים

css media queries list 165x138

רשימת Media Queries לסלולרי וטבלטים פשוט להעתיק ולהדביק רשימת Media Queries למסכים גדולים זהו, פשוט וקל - תהנו אין שום מורכבות, אם אתם מבינים עניין הפוס...

לקרוא עוד
עמוד 1 מתוך 512345