Bootstrap
  from Twitter
‫מה שנקרא - ‪Bootstrap‬‬                                                              ‫קריאות דיגיטלית 1102‬



                                                              ‫‪ Bootstrap‬הינו ארגז כלים לעיצוב‬
                                                                 ‫ותיכנות בסביבה אינטראקטיבית‬
                                                           ‫(באפליקציות או ברשת) הכולל בתוכו‬
      ‫‪"We set out to build a system that would help‬‬       ‫מערך שלם של עזרים טכניים ועיצוביים‬
     ‫‪folks like us build new projects on top of it, and‬‬     ‫המאפשר בנייה מהירה, יעילה ונכונה.‬
              ‫".‪thus Bootstrap was conceived‬‬

                                                          ‫כמו ש־‪ Blueprint‬עזר לנו בהכנת קובץ‬
                                                            ‫‪ CSS‬שמותאם לגריד שעיצבנו לבלוג‬
                                                            ‫שלנו, ‪ Bootstrap‬מכיל יסודות בנייה‬
                                                                  ‫ב־‪ HTML, CSS‬ו־‪.Javascript‬‬
‫מה שנקרא - ‪Bootstrap‬‬                                                         ‫קריאות דיגיטלית 1102‬



                                                ‫‪ Bootstrap‬נולד כצורך פנימי של ‪Twitter‬‬
                                                     ‫ליצור בסיס עיצובי קבוע שעליו יהיה‬
                                                  ‫ניתן לבנות האלה. זה בעצם כלל סקאלה‬
                                                                 ‫צבעונית ו־‪.CSS Reset‬‬

                                                       ‫כיום, עדיין קיימת הפרדה בין המעצב‬
                       ‫רפרנס צבעוני של טוויטר‬
                                                ‫למתכנת - כל אחד מתעסק במה שהוא יודע.‬
                                                 ‫הרעיון המרכזי שעומד מאחורי הצלחתו של‬
                                                  ‫‪ Bootstrap‬הוא דווקא השאיפה לקרב בין‬
                                                                       ‫המעצב למתכנת.‬

                                                 ‫במקום לעצב ולתכנת מאפס, עכשיו יש לנו‬
                                                        ‫יסודות לבנות איתם (והם גם יפים!).‬
‫מה שנקרא - ‪Bootstrap‬‬                                                                                              ‫קריאות דיגיטלית 1102‬



                                                                                           ‫אז מה יש ב־‪ Bootstrap‬הזה?!‬



            ‫‪Styleguide‬‬                                    ‫עיצוב תגובתי‬                              ‫גריד של 21 טורים‬
  ‫‪ Bootstrap‬נבנה כמדריך עיצובי, ומתבסס על‬      ‫כל המרכיבים מתאימים את עצמם למגוון רחב של‬       ‫גריד טוב הוא הבסיס לבנייה נכונה. אפשר‬
‫עיצוב ותיכנות נכונים (כולל דוגמאות והסברים!)‬      ‫רזולוציות - לא צריך לעצב מספר פעמים‬       ‫להשתמש בקלאסים מוכנים, או לשנות לפי הצורך‬



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




                                                 ‫בנוי על 3‪ CSS‬ו־5‪ HTML‬ובעיקרון קוד פתוח‬
‫מה שנקרא - ‪Bootstrap‬‬               ‫קריאות דיגיטלית 1102‬




                       ‫בואו נראה‬
‫מה שנקרא - ‪Bootstrap‬‬          ‫קריאות דיגיטלית 1102‬




                       ‫תודה‬

Bootstrap 2.0

  • 1.
  • 2.
    ‫מה שנקרא -‪Bootstrap‬‬ ‫קריאות דיגיטלית 1102‬ ‫‪ Bootstrap‬הינו ארגז כלים לעיצוב‬ ‫ותיכנות בסביבה אינטראקטיבית‬ ‫(באפליקציות או ברשת) הכולל בתוכו‬ ‫‪"We set out to build a system that would help‬‬ ‫מערך שלם של עזרים טכניים ועיצוביים‬ ‫‪folks like us build new projects on top of it, and‬‬ ‫המאפשר בנייה מהירה, יעילה ונכונה.‬ ‫".‪thus Bootstrap was conceived‬‬ ‫כמו ש־‪ Blueprint‬עזר לנו בהכנת קובץ‬ ‫‪ CSS‬שמותאם לגריד שעיצבנו לבלוג‬ ‫שלנו, ‪ Bootstrap‬מכיל יסודות בנייה‬ ‫ב־‪ HTML, CSS‬ו־‪.Javascript‬‬
  • 3.
    ‫מה שנקרא -‪Bootstrap‬‬ ‫קריאות דיגיטלית 1102‬ ‫‪ Bootstrap‬נולד כצורך פנימי של ‪Twitter‬‬ ‫ליצור בסיס עיצובי קבוע שעליו יהיה‬ ‫ניתן לבנות האלה. זה בעצם כלל סקאלה‬ ‫צבעונית ו־‪.CSS Reset‬‬ ‫כיום, עדיין קיימת הפרדה בין המעצב‬ ‫רפרנס צבעוני של טוויטר‬ ‫למתכנת - כל אחד מתעסק במה שהוא יודע.‬ ‫הרעיון המרכזי שעומד מאחורי הצלחתו של‬ ‫‪ Bootstrap‬הוא דווקא השאיפה לקרב בין‬ ‫המעצב למתכנת.‬ ‫במקום לעצב ולתכנת מאפס, עכשיו יש לנו‬ ‫יסודות לבנות איתם (והם גם יפים!).‬
  • 4.
    ‫מה שנקרא -‪Bootstrap‬‬ ‫קריאות דיגיטלית 1102‬ ‫אז מה יש ב־‪ Bootstrap‬הזה?!‬ ‫‪Styleguide‬‬ ‫עיצוב תגובתי‬ ‫גריד של 21 טורים‬ ‫‪ Bootstrap‬נבנה כמדריך עיצובי, ומתבסס על‬ ‫כל המרכיבים מתאימים את עצמם למגוון רחב של‬ ‫גריד טוב הוא הבסיס לבנייה נכונה. אפשר‬ ‫עיצוב ותיכנות נכונים (כולל דוגמאות והסברים!)‬ ‫רזולוציות - לא צריך לעצב מספר פעמים‬ ‫להשתמש בקלאסים מוכנים, או לשנות לפי הצורך‬ ‫מתאים לכל רמות הידע‬ ‫התאמה בין פלטפורמות‬ ‫בין אם אתה מעצבן או מתכנת, מקצוען או חובבן,‬ ‫מערך הכלים תומך בכל מערכות ההפעלה,‬ ‫אפשר להשתמש בכל הכלים או רק בחלק‬ ‫הדפדפנים וגם בסמארטפונים וטאבלטים‬ ‫בנוי על 3‪ CSS‬ו־5‪ HTML‬ובעיקרון קוד פתוח‬
  • 5.
    ‫מה שנקרא -‪Bootstrap‬‬ ‫קריאות דיגיטלית 1102‬ ‫בואו נראה‬
  • 6.
    ‫מה שנקרא -‪Bootstrap‬‬ ‫קריאות דיגיטלית 1102‬ ‫תודה‬