ABA


"רוצה להתחיל ללמוד CSS3 לאחר שנים שלא נגעתי בHTML, מאיפה להתחיל?"
גירסת הדפסה        
קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #11274 מנהל    סגן המנהל    מפקח   Winner    צל"ש   מומחה  
אשכול מספר 11274
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק
   16:52   03.04.13   
אל הפורום  
  רוצה להתחיל ללמוד CSS3 לאחר שנים שלא נגעתי בHTML, מאיפה להתחיל?  
 
   אני יכול לקנות את המדיריכים של לינדה מהעבודה, השאלה אם זה שווה והאם זה הכי מהיר שיש?

כמובן שיש לי בסיס, עד לפני 7 שנים התעסקתי עם HTML ובניתי כמה אתרים למרות שתמיד עבדתי עם מפתחי WEB, עם השנים הפכתי למעצב ואחרי זה למאפיין ואיש UX, ככה ששנים לא נגעתי בHTML כי היו לי גם כלי אפיון נוחים + עיצוב וכמובן כלים גאוניים כמו FLASH + Silverlight בשביל לבנות תשתית וLAYOUT לאפליקציות בשביל שיהיו רספונסיביים ודינאמיים...

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

מהיכן להתחיל? מה הדרך הכי מהירה?

תכלס הלכתי לאיבוד כבר בכל הקטע ההתחלתי של CLASSים וIDים וכל זה, פתחתי ויזואל סטודיו וזה שיש אינטלסנס לא ממש עוזר לי, ומה זה לא בא לי להשתמש בטבלאות וTDים

אשמח לטיפים, מדריכים והמלצות...
תודה!

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                שתף        
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

  האשכול     מחבר     תאריך כתיבה     מספר  
  אני אגיד לך תאכלס dvir8 03.04.13 19:14 1
     תודה רבה על ההכוונה, כמובן שאעשה לעצמי אימונים ומבחנים כדי להציב מטרה... Avi139   03.04.13 22:32 2
  אגב למישהו יש לינק למדריכים של לינדה בנושא? Avi139   04.04.13 23:52 3
  פה תמצא חומר טוב , http://thenewboston.org ZolTech 05.04.13 01:56 4

       
dvir8
חבר מתאריך 13.5.02
5929 הודעות
   19:14   03.04.13   
אל הפורום  
  1. אני אגיד לך תאכלס  
בתגובה להודעה מספר 0
 
   ערכתי לאחרונה בתאריך 03.04.13 בשעה 19:28 בברכה, dvir8
 
תפתח http://www.w3schools.com/cssref/default.asp
שיהיו לידך כל ה references של css
כל אחד מציג לך דוגמא איך משתמשים בו ואילו פרמטרים הוא מקבל.

תפתח אתר שנראה טוב בעיניך עם גוגל כרום -> קליק ימני -> inspect element
תבין איך הוא בנוי קצת. תראה את ההיררכיה, את המתן שמות. (כדאי לקחת אתר שנבנה ע"י מקצוענים)

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

זה האימון והמבחן הכי טוב שיש.

הסיבה שאני אומר זאת היא שבאתר אחד טוב (אתרי תוכן וכד') יש שימושים במרבית מאפייני ה css הנחוצים.
כל השאר הם בונוס.

לאחר מכן תסתכל על references ותעבור על הדברים שנשארו שלא יצא לך לעבוד איתם.
יש המון רפרנסים שלא השתמשתי בהם אף פעם, אך עברתי תמיד על כל הרשימה כדי לדעת אילו כלים יש לי לעבודה.

קח בחשבון שדפדפנים מתחת לאקספלורר 10 לא תומכים בהמון מה css החדשים.

היות ואתה גרפיקאי, ורשמת שאתה צריך להיות מאוד מדויק על כל פיקסל.
כדאי ללמוד responsive web design
http://en.wikipedia.org/wiki/Responsive_web_design

ניתן למצוא מיליון מאמרים בגוגל לגבי responsive design.

היות ויש לך רקע עם HTML, ואתה מחפש ללמוד לעבוד ללא טבלאות אני מניח שתצטרך להבין Div לעומק.
הסבר נחמד לעבודה עם זה תוכל למצוא כאן:
http://www.barelyfitz.com/screencast/html-training/css/positioning

אגב בתור איש UX יש לי שאלה לצורכי עבודה
אני צריך לבנות תפריט קטן שלמשתמש תהיה האפשרות לבחור טווח של מספרי חוברות.
לדוגמא: מ 6 עד 20
או רק 6
או 0 עד 20

JquerySlider הוא יפה, אבל הוא לא הכי אינטואטיבי.
על מה אתה ממליץ? נכון לכרגע אני עובד עם הסליידר. המנהל שלי התייעץ איתי ואמר שעדיף את הצורת עבודה הישנה של שתי תיבות text מ - עד
אשמח ליעוץ מהניסיון שלך.
אגב עם איזו חברה אתה עובד?


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק
   22:32   03.04.13   
אל הפורום  
  2. תודה רבה על ההכוונה, כמובן שאעשה לעצמי אימונים ומבחנים כדי להציב מטרה...  
בתגובה להודעה מספר 1
 
   עשיתי את זה גם פעם כשלמדתי HTML רק שאז הכל היה פשוט ודיי קל להבנה...

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

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

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

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
Avi139   לחץ כאן להצגת דירוג המשתמש
חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק
   23:52   04.04.13   
אל הפורום  
  3. אגב למישהו יש לינק למדריכים של לינדה בנושא?  
בתגובה להודעה מספר 0
 
  

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד
ZolTech

   01:56   05.04.13   
אל הפורום  
  4. פה תמצא חומר טוב , http://thenewboston.org  
בתגובה להודעה מספר 0
 
  


                                                         (ניהול: מחק תגובה)
מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

תגובה מהירה  למכתב מספר: 
 
___________________________________________________________________

___________________________________________________________________
למנהלים:  נעל | תייק בארכיון | מחק | העבר לפורום אחר | מחק תגובות | עגן אשכול
       



© כל הזכויות שמורות ל-רוטר.נט בע"מ rotter.net