פוסטים בקטגוריה "html"

חווית משתמש: הסיפור של כפתור שלח לפי גוגל

 

מה קורה אחרי שלוחצים על כפתור "שלח" במייל?

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

לצפייה באתר: the story of send

 

אני נהנתי… ואתם?

הדודל של גוגל והפעם לכבוד המצאת הרוכסן

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

הדודל בנוי כמו שרק גוגל יודעים לעשות ב-HTML5  ע"י לחיצה על הרוכסן או משיכתו כלפיי מטה מתקבל אפקט של פתיחה של רוכסן ואז מוצג המידע על הדודל…

לצפייה בדודל לחצו על התמונה

עסקים בישראל צומחים ברשת – מהיום זה פשוט ובחינם!

 

לאחרונה עלה מיזם ישראלי חדש תחת השם "עסקים בישראל צומחים ברשת" המנוהל ע"י גוגל ישראל ובשיתוף פעולה עם המון גורמים ממשלתים כמו:

משרד התמ"ת, הסוכנות לעסקים קטנים ובינונים, דואר ישראל וכד',

אז מה תקבלו בחינם?

  אתר אינטרנט, אחסון ודומיין – חינם לשנה

  תמיכה בבניית האתר – חינם

  120 כרטיסי ביקור – חינם

 המטרה:

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

הסיבה:

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

קרא עוד >>

הורדה בחינם – תבנית HTML לצלמים – Soko

פבר 14, 2012   //   על ידי אבי כהן   //   css, html, חינמי, מדריכים, עיצוב, פוטושופ, שימושון  //  תגובה אחת

Soko – הינה תבנית HTML המיועדת בעיקר לשימוש בקרב צלמים שמעוניינים לשתף את התמונות והשירותים שהם מציעים.

התבנית מגיעה בפורמט HTML שמותאם כבר בתור אתר אינטרנט, מתאים מאוד לאנשים שאין להם יותר מדי ידע בבניית אתרים,

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

זכויות שימוש: לשימוש חופשי

לצפייה בטמפלייט

קרא עוד >>

50 דוגמאות לאתרים מבוססי עיצוב מגיב/גמיש

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

ציטוט קצר על ההגדרה:

עיצוב מגיב או עיצוב גמיש (Responsive Design) – עד היום לא בחרו שם רשמי בשפה העברית למונח הזה, מדובר בעיצוב שמגיב בהתאם לסביבה ורזולוציה שבה הגולש נמצא, לצורך העניין הרזולוציה במסך מחשב בגודל 22 אינץ שונה מהרזולוציה שיש באייפון / באייפד כנ"ל גם אם נטה את האייפון / אייפד לרוחב נקבל רזולוציה נוספת  ולכן יש צורך לבצע התאמה של האתר להתקנים אלו כדי שאנחנו ההגולשים נוכל לנווט ולגלוש בקלות באתר מהתקנים השונים, את הזיהוי של ההתקנים מבצעים באמצעות שורת קוד ב-CSS, שיודעת לזהות מאיזה התקן ורזולוציה הגולש הגיע ובהתאם לכך לבחור את תצוגת האתר המתאימה ביותר.

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

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

דוגמאות לעיצוב מגיב

Simon Collison

Andersson-Wise Architects

Stephen Caver

Sparkbox

קרא עוד >>

עמודים:1234»

שוחחו איתי אונליין

מרץ 2024
א ב ג ד ה ו ש
 12
3456789
10111213141516
17181920212223
24252627282930
31