תגובות

WebAddicted: מהדורת מאי 2012

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

CSS3

CSS3 Solar System

דמ מדהים בCSS3 שמדמה מערכת סולארית. הדמו נעשה בעזרת CSS3 Gradients, animations, transitions, shadows וכל שאר הפיצ'רים המדהימים של CSS3.

Simple CSS3 3D Cube

דמו חמוד שמציג קוביה תלת מימדית מסתובבת שנוצרה באמצעות CSS3.

CSS3 Bouncing Ball

מדריך שפרסמתי החודש בבלוג שמסביר איך ליצור כדור תלת מימדי קופץ בעזרת CSS3 בלבד.

CSS ARROW PLEASE!

כלי מעולה ליצירת תיבות טיפים (Tooltips) בקלות. ע"י משחק קצר עם ההגדרות, תוכלו ליצור את הCSS הנדרש כדי ליצור טולטיפ CSSי יפיפיה.

HTML5

WEBGL Water

דמו מגניב של בחור בשם Evan Wallace לשימוש בHTML5 WEBGL. הדמו מציג בריכה עם כדור ויודע להתמודד עם "טבילה" של הכדור במים.

HTML5 Drag & Drop

מדריך מצוין לשימוש בHTML5 Drag & Drop וב HTML5 File API – שתי טכנולוכיות חדשות ומעניינות במיוחד שחוסכות מאיתו המפתחים להשתמש בiframes כדי להעלות ולהציג תמונות בעמוד.

jQuery Plugins

jQuery Timeline Portfolio

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

jQuery Timeline Portfolio

עוד פלאגין מדהים שיעזור לכם ליצור מגזין תמונות עם אפשרות להעברת דפים בעזרת Drag & Drop. הפלאגין מבוסס jQuery וCSS3 כמובן.

Zoomooz.js

פלאגין מגניב בטירוף שמאפשר לכם לבצע זום על אלמנט שאתם רוצים בעמוד. הפלאגין קליל מאוד – רק 6 קילובייט, ומשתמש בjQuery וCSS3 כדי ליצור את האפקט.

Real Shadow

פלאגין jQuery קליל שיאפשר לכם לבצע משחקי אור וצל בעזרת CSS3 וקצת JavaScript.

כלים ועזרים לפיתוח צד לקוח

SpritePad

SpritePad הוא כלי מצוין ליצירת CSS Sprites – קבצי תמונה שכוללים את כל אלמנטי הUI באתר ועוזרים לשפר את מהירות הטעינה של האתר. הכלי הזה תומך בDrag and Drop, בהזזה והקטנה של תמונות ובהורדת התוצר הסופי והעתקת הCSS הרלוונטי לאתר שלכם.

The Code Player

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

CSS Wrap

ג'נרטור מעולה אבל קצת מסורבל (מבחינת התוצר הסופי) ליצירת טקסט על נתיב (Path) בדומה למה שאפשר להשיג בפוטושופ ואילוסטרייטור, רק שכאן מדובר על קוד HTML וCSS חי.


זה הכל לחודש מאי 2012 בפינת WebAddicted של הבלוג. יצא לכם להשתמש בכלי פיתוח מעניינים? בדיוק סיימתם לפתח פלאגין jQuery יעיל? יצרתם דמו מגניב בטירוף בHTML5 או CSS3? צרו איתי קשר ואדאג לפרסם את הקישור שלכם.

שיהיה חודש מצוין!

קצת על דניאל שטרנליכט

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

2 תגובות לפוסט "WebAddicted: מהדורת מאי 2012"

כתיבת תגובה

האימייל לא יוצג באתר. (*) שדות חובה מסומנים