כלים ועזרים למתכנתי צד לקוח – שימושי!

ישנם מאות אם לא אלפי עמודי קוד מוכן שנועדו להפוך למתכנתי צד – לקוח את העבודה לקלה ומהירה יותר, בואו תהנו מכמה מתוכם

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

CSS3Please.com

למה להתחיל לרשום את כל המאפיינים והערכים לבד מחדש כל פעם, בעמוד הבא תוכלו ליצור בשניות אלמנט ריבוע עם פינות מעוגלות, הצללות, גראדינטים וכד'  מותאם אישית לצרכים שלכם.

ניתן לראות את השינוי קורה בזמן אמת! שימושי מאוד

Border-Radius.com

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

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

קרא עוד >>

פוסט אורח – אייפון ועיצוב אתרים מאת GalBS

איך נעצב אתר כך שיהיה מתאים לגלישה באייפון או במכשירי סלולר אחרים?

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

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

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

עקרונות עיצוב אתרים מותאמים אייפון

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

קרא עוד >>

מדריך ליצירת כפתור בפלאש עם אפקט כניסה ויציאה

תוצאה סופית:

תעבירו את העכבר על הכפתור "הצטרף" לצפייה באפקט

בהמשך לפוסט הקודם שבו הסברתי כיצד יוצרים כפתור אינטרקטיבי

אני מעוניין לקחת את העיצוב שלב אחד קדימה ולתת לו קצת "חיים" או יותר נכון אנימציה, באמצעות תוכנת הפלאש.

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

אומנם מי שינסה יצליח למצוא דימיון בין פלאש ופוטושופ אך מבחינת שימוש הם שונים מאוד.

הקדמה: במדריך הבא אסביר לכם כיצד ליצור אנימציה כאשר עוברים עם העכבר על הכפתור ואנימציית יציאה כאשר העכבר יוצא משטח הכפתור.

מדריך ליצירת כפתור אינטראקטיבי + קובץ PSD

מדריך ליצירת כפתור כמו בניוזלטר של הבלוג, מצורף תוצאה סופית + קובץ PSD:

תוצאה סופית:

קרא עוד >>