ברשת - רשימת קריאה ושיטוט בווב. עדכונים מהחזית

Alonisser ,26/01/2012

 רשימת קריאה:

  •  ניב קלדרוןpush-notification כתב אחלה פוסט על החיים הדיגיטליים שהורסים  לנו את החיים. תכלס, השם באנגלית מדוייק יותר : push notification kills you. תקראו, כלומר תקראו תוך כדי שאתם מסמסים, ומקבלים הודעות בווטסאפ, בג'יטוק, בפייסבוק ובטוויטר.
  • stop sopaמסקנות משביתת האינטרנט הגדולה - החברה שהרימו את BlackSOPA.org כתבו פוסט מסכם ומעניין מבחינתם לצד שלהם בהרפתקה, על אקטיביזם אונליין ויזמות אינטרנט. כדאי לשים לב וללמוד. לחץ ממוקד במקום הנכון שכמה אתרים מאוד פופולאריים הפעילו (תוך מוכנות לשלם מחיר של החשכה ליום)+קמפיין אונליין מדוייק +הייפ הצליחו לנצח את תעשיית המדיה האובר-חזקה באמריקה. נצחון קטן לדמוקרטיה, צעד חשוב בהבנת הכלים של דמוקרטיית הרשת.
  • אם פיספסתם את הסערה בביצת הוורדפרס הישראלית אז כדאי שתתעדכנו בסיפור הזה: ניצן ברומר מבלוג המכללה פרסם פוסט שחושף פרצת אבטחה (וספק גם עבירה פלילית) בתבניות נפוצות בעולם הוורדפרס הישראלי. כאלו שהורדו מאתר mastergate וכנראה גם מעוד אתרים. הנה גם ניתוח קצר אצל ברזיק של הסיפור והבעייתיות במה שהם עשו וגם הדרכת וידאו איך לתקן את הפרצה (שלא הוכנסה לקוד בטעות). ממליץ לקרוא גם אם (כמוני) אתם לא מחובבי php כי הלקחים בסיפור הזה רחבים יותר.
  • אתה תמות בקרוב - פוסט מרתק של Steve Blank על סטראטאפים שנופלים לא בגלל רעיון רע, לא בגלל אי השקעה, לא כי הם לא מוצאים לקוח, אלא #סטארטאפיה

סרטים  ברשת:

לוגו מלחמת הכוכבים

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

מלחמת הכוכבים- עוד בגיקיה הוליוודית פרוייקט הcrowdsourcing הגדול של שיווד (sweded) שנעשה למלחמת הכוכבים (פרק 4). המוני צוותים ביצעו קטעי 15 שניות שונים מהסרט וחוברו יחד

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

עיצוב ברשת:

  • העמיתים שלנו באתר עיצוב הרשת הישראלי pixelperfect העלו פוסט השראת עיצוב לשישי, ושווה לבקר בו.
  • מסתבר שיש גם סדרה של יונית רושו באתר הארץ על עיצוב אתרים וחידושים בעיצוב אתרים. שווה לבקר

למפתחים:

  • לביא פרצ'יק מהקופסה פרסם  מדריך בעברית לספריית Modernizr המעולה (שכבר הזכרנו בעבר) ועוד מדריך אחד (ישן יותר) של בר זיק עמיתנו באתר המדריכים המעולה שלו - אינטרנט ישראל. נזכיר, מודרניזר היא ספרייה עם כמה פונקציות חשובות - שהחשובה שבהם היא זיהוי יכולות של תקני הhtml5 והcss3 החדשים וכך לאפשר לקוד שלנו להגיב בהתאם לדפדפן עם יכולות מסויימות ואחרת אם היכולות לא קיימות. בעולם שבו יש המוני דפדפנים שרצים בעוד יותר המון מודים ואפשרויות אי אפשר להסתפק בזיהוי User Agent וצריך לעבור לזיהוי יכולות ובשביל יש את Modernizr.  מודה שאני חושב ששני המדריכים האלו מפספסים משהו וממוקדים מדי בcss classes אבל הם התחלה טובה וזאת לא ספריה מסובכת. אולי נפרסם מדריך משלים אצלנו.
  • ואם כבר הזכרנו את לביא פרצ'יק המוכשר - אז הוא גם תרגם עכשיו לעברית את Html5boilerplate! קול קול קול.

    מה זה בכלל הבוילר?
    הבוילר הוא עוד פרוייקט חשוב של פול אייריש (שידו בכל, מתי הוא עובד?)  שלוקח את הרשת קדימה ונותן למפתחים תבנית בסיסית התחלתית טובה לפתח אתר html5, הרבה Best practice, חכמת חיים וניסיון מצטבר של מפתחי על. css חכם, js מוכן לעיצוב תגובתי ובכלל.אוקי, הרעשנים יגידו עכשיו שזה bloatware שכולל הרבה קוד מיותר וכו'. אבל.. המטרה כאן היא לא להחליף את המפתח. המפתח מוזמן למחוק (ולמחוק עוד קצת) ולשנות וכו'.

    אז מה כן המטרה
    ? א. לקצר את התהליך (כי כמעט כל מה שיש שם מפתח טוב משתמש בו) וב. בעיקר להכיר לנו, קהל מפתחי הווב שעוד לא ראה הכל ועשה הכל בHtml5 את הטכנולוגיות החדשות, את הניסיון המצטבר וכו'. שווה מאוד ועכשיו כאמור, גם בעברית.
  • syze - היא ספריית Js שמסייעת בresponsive design  הטרנד החדש והלוהט. משתמשת מאחורי הקלעים בmedia queries. הספריה משנה בדף הווב את הclass על הHtml אלמנט בהתאם לגודל הדף (בעצם כמה class שכוללים את מה שזה גדול ממנו, קטן ממנו ומה שהוא הרזולוציה כרגע) מה שמשאפשר לנו להתאים את הcss בלייב.
    יש שם גם עוד גודיס מעניינים וגם דוגמא, תפתחו console ותשנו את גודל הדף ותראו מה קורה לclass של הhtml אלמנט.
  • ואם בטעות אתם עדיין לא סגורים מה זה responsive design אז תקראו את זה ואח"כ תכנסו לאתר של Boston globe  (שנחשב כרגע לאתר הresponsive הגדול בעולם) ושחקו עם גודל הדפדפן ושימו לב לשינוי האתר.
  • אוהבים Http verbsכן, לא סגורים על הstatus code ששרתי ווב מחזירים? אז הנה הם מבוצעים ע"י חתולים (אולי אלו גם שמחלטרים בחתולים מסיטים לשמאל?)
  • החברה הטובים מfogcreek שעושים (בין השאר) את Trello, מספרים על הטכנולוגיה שמאחורי האפליקציה בקליינט, בשרת ובדרך. ועל הדילמות בדרך למימוש הספציפי.  קריאה מעניינת מהחזית.

 

 

html5 logoעדכונים מהחזית html5 (התרומה הצנועה שלנו ללקחת את הרשת קדימה):

הנה מצגת מעולה של Eric Bidelman  מGoogle על ההתפתחויות של תקן Html5 מיולי 2011.

בעיקר css3, webgl, device oriention api וגם הhistory api והfilesystem api.

 

והנה עוד שתיים שלו מהחודש ,ממש מהbleeding edge :

  • אחת שעוסקת בכל מיני מרתקים כולל בין השאר: רנדומליות "אמיתית" בjs, js api לcss regions, binary websockets וכאלו. אותי תפש בעיקר פרק המשחקים כולל הmouse lock api שלוקח את הדפדפן למוד של מסך מלא, מבטל את התצוגה של העכבר וחלק מהאירועים שלו אבל ממשיך את הקלט של תנועת העכבר. למה זה שימושי תשאלו? למשל למשחקי shooter בגוף ראשון שישלטו ע"י העכבר. עוד במשחקים ממשק js לדבר עם gaming pads ועוד.
  • ועוד אחת שעוסקת בעיקר בmedia בhtml5.

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

 

זהו להפעם  - שבוע גדוש - נשמור משהו לשבוע הבא.

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

תגובה אחת

  1. [...] הנה מדריך של nettuts האלופים - על הgamepad api שהזכרנו בשבוע שעבר [...]

תגובה