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

תחומים - פורום חרדי מקצועי

💡 רוצה לזכור קריאת שמע בזמן? לחץ כאן!
  1. דף הבית
  2. תכנות
  3. המלצה: EMMET

המלצה: EMMET

מתוזמן נעוץ נעול הועבר תכנות
14 פוסטים 5 כותבים 552 צפיות 4 עוקבים
  • מהישן לחדש
  • מהחדש לישן
  • הכי הרבה הצבעות
תגובה
  • תגובה כנושא
התחברו כדי לפרסם תגובה
נושא זה נמחק. רק משתמשים עם הרשאות מתאימות יוכלו לצפות בו.
  • yossizY yossiz

    [בעקבות הצעתו של @nigun.]

    מי שצריך לכתוב HTML, טוב יעשה אם יבדוק איך הדבר הזה יכול לעזור לו ולעשות את החיים קלים ושמחים יותר. זה הרבה יותר מהשלמה אוטומטית.
    דוגמא (מתוך דף הבית) :
    במקום להקליד את זה:

    <ul id="nav">
        <li class="item1"><a href="">Item 1</a></li>
        <li class="item2"><a href="">Item 2</a></li>
        <li class="item3"><a href="">Item 3</a></li>
        <li class="item4"><a href="">Item 4</a></li>
    </ul>
    

    מקלידים קיצור עם תחביר מאוד דומה לסלקטורים של CSS

    ul#nav>li.item$*4>a{Item $}
    

    ו-EMMET מרחיב אותו אוטומטי. הפלא ופלא.

    פלאגיני EMMET קיימים להמון סביבות פיתוח. פרטים באתר.

    אני לא כותב HTML הרבה, אבל אני שמח שקיים דבר כזה למקרה שאצטרך לכתוב HTML.

    אתר
    תיעוד
    cheatsheet (ניתן להסתפק בקריאת דף זה. זה מאוד קל ללמוד)
    רשימת סביבות עבודה שנתמכים

    נ. ב. האם פוסט זה היה מיותר? האם כל אחד שכותב HTML מכיר כבר את הכלי הזה?

    dovidD
    dovidD
    dovid
    ניהול
    כתב ב נערך לאחרונה על ידי
    #2

    @yossiz אמר בהמלצה: EMMET:

    נ. ב. האם פוסט זה היה מיותר? האם כל אחד שכותב HTML מכיר כבר את הכלי הזה?

    ממש לא! לא הכרתי. אני כנראה לא ישתמש בזה, אבל זה טיפ ענק למי שצריך את זה.

    • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
    • בכל נושא אפשר ליצור קשר dovid@tchumim.com
    yossizY תגובה 1 תגובה אחרונה
    2
    • dovidD dovid

      @yossiz אמר בהמלצה: EMMET:

      נ. ב. האם פוסט זה היה מיותר? האם כל אחד שכותב HTML מכיר כבר את הכלי הזה?

      ממש לא! לא הכרתי. אני כנראה לא ישתמש בזה, אבל זה טיפ ענק למי שצריך את זה.

      yossizY
      yossizY
      yossiz
      כתב ב נערך לאחרונה על ידי yossiz
      #3

      @dovid תודה.
      התוודעתי לו בזכות vscode שתומך בו ישר מהקופסא.

      אני כנראה לא ישתמש בזה

      כי אתה לא כותב HTML? או שאתה משתמש בכלים אחרים?

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

      יש כל כך הרבה דרכים. מהקל אל הכבד.

      • wordpress + אלמנטור 😢 😢
      • webflow ודומיו
      • dreamweaver וכדומה (להבנתי זה קצת יותר קשה מ-webflow כי זה לא מוסיף ספריית JS משלו)
      • כתיבת html ידני + שימוש באיזה framework דוגמת bootstrap
      • לקודד הכל ידני עם הרבה אהבה בתוך vim 👍 🙂 (דרך אגב, קיים פלאגין של EMMET עבור vim ג"כ... יש כאן מישהו שמשתמש ב-vim?)

      📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה
      👈 רוצים כתובת מייל בעברית? כנסו למייל.קום 👉

      dovidD תגובה 1 תגובה אחרונה
      2
      • zvizviZ
        zvizviZ
        zvizvi
        כתב ב נערך לאחרונה על ידי
        #4

        בVS Code יש השלמה אוטומטית (בלחיצת מקש אנטר), שפועלת בין השאר על בסיס emmet.

        תגובה 1 תגובה אחרונה
        4
        • upsilon01U
          upsilon01U
          upsilon01
          כתב ב נערך לאחרונה על ידי
          #5

          @yossiz
          תודה רבה!!!

          ראיתי כמה קורסים ב udemy ואני רואה שכולם משתמשים עם זה
          חיפשתי איך עושים את זה ולא מצאתי

          תגובה 1 תגובה אחרונה
          1
          • yossizY yossiz

            @dovid תודה.
            התוודעתי לו בזכות vscode שתומך בו ישר מהקופסא.

            אני כנראה לא ישתמש בזה

            כי אתה לא כותב HTML? או שאתה משתמש בכלים אחרים?

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

            יש כל כך הרבה דרכים. מהקל אל הכבד.

            • wordpress + אלמנטור 😢 😢
            • webflow ודומיו
            • dreamweaver וכדומה (להבנתי זה קצת יותר קשה מ-webflow כי זה לא מוסיף ספריית JS משלו)
            • כתיבת html ידני + שימוש באיזה framework דוגמת bootstrap
            • לקודד הכל ידני עם הרבה אהבה בתוך vim 👍 🙂 (דרך אגב, קיים פלאגין של EMMET עבור vim ג"כ... יש כאן מישהו שמשתמש ב-vim?)
            dovidD
            dovidD
            dovid
            ניהול
            כתב ב נערך לאחרונה על ידי
            #6

            @yossiz כתיבת html ידני + שימוש באיזה framework דוגמת bootstrap
            ואני לא כותב הרבה, וכשאני כותב אני נעזר הרבה בהעתק הדבק מהאתר של בוטסטרפ...
            יש תוספים עם snippets שמקילים אבל אני לא עובד איתם כי בלי להשתמש בהם לעיתים קרובות הם הופכים ללא שימושיים..

            • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
            • בכל נושא אפשר ליצור קשר dovid@tchumim.com
            תגובה 1 תגובה אחרונה
            1
            • yossizY
              yossizY
              yossiz
              כתב ב נערך לאחרונה על ידי yossiz
              #7

              EMMET מובנה ב-cloud9
              קיצור מקשים עבור השלמת EMMET ב-cloud9 הוא ctrl+alt+e

              📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה
              👈 רוצים כתובת מייל בעברית? כנסו למייל.קום 👉

              dovidD תגובה 1 תגובה אחרונה
              2
              • yossizY yossiz

                EMMET מובנה ב-cloud9
                קיצור מקשים עבור השלמת EMMET ב-cloud9 הוא ctrl+alt+e

                dovidD
                dovidD
                dovid
                ניהול
                כתב ב נערך לאחרונה על ידי dovid
                #8

                @yossiz בשביל שתבין את היחסים החלשים שיש לי עם HTML, אציין כי אחרי הפוסט של @zvizvi נזכרתי שהכרתי (יותר נכון "פגשתי") את הטריק אותו הראית....
                אני נזכרתי שראיתי על זה תמונה מונפשת שכעת חיפשתי ומצאתי באתר של VSCODE:
                EMMET

                אז @yossiz אתה חייב לי טיפ אחר טוב בו אני כן ישתמש יותר...

                • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                yossizY תגובה 1 תגובה אחרונה
                3
                • dovidD dovid

                  @yossiz בשביל שתבין את היחסים החלשים שיש לי עם HTML, אציין כי אחרי הפוסט של @zvizvi נזכרתי שהכרתי (יותר נכון "פגשתי") את הטריק אותו הראית....
                  אני נזכרתי שראיתי על זה תמונה מונפשת שכעת חיפשתי ומצאתי באתר של VSCODE:
                  EMMET

                  אז @yossiz אתה חייב לי טיפ אחר טוב בו אני כן ישתמש יותר...

                  yossizY
                  yossizY
                  yossiz
                  כתב ב נערך לאחרונה על ידי yossiz
                  #9

                  @dovid אמר בהמלצה: EMMET:

                  אציין כי אחרי הפוסט של @zvizvi

                  מוזר שגם אני ציינתי פוסט אחד לפני @zvizvi שזה מובנה ב-vscode ומשם התוודעתי לזה לראשונה... אבל כנראה שגם הוא לא השים לב למה שכתבתי...

                  אתה חייב לי טיפ אחר טוב בו אני כן ישתמש יותר...

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

                  📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה
                  👈 רוצים כתובת מייל בעברית? כנסו למייל.קום 👉

                  dovidD zvizviZ 3 תגובות תגובה אחרונה
                  2
                  • yossizY yossiz

                    @dovid אמר בהמלצה: EMMET:

                    אציין כי אחרי הפוסט של @zvizvi

                    מוזר שגם אני ציינתי פוסט אחד לפני @zvizvi שזה מובנה ב-vscode ומשם התוודעתי לזה לראשונה... אבל כנראה שגם הוא לא השים לב למה שכתבתי...

                    אתה חייב לי טיפ אחר טוב בו אני כן ישתמש יותר...

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

                    dovidD
                    dovidD
                    dovid
                    ניהול
                    כתב ב נערך לאחרונה על ידי
                    #10

                    @yossiz אמר בהמלצה: EMMET:

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

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

                    • מנטור אישי בתכנות והמסתעף – להתקדם לשלב הבא!
                    • בכל נושא אפשר ליצור קשר dovid@tchumim.com
                    תגובה 1 תגובה אחרונה
                    1
                    • yossizY yossiz

                      @dovid אמר בהמלצה: EMMET:

                      אציין כי אחרי הפוסט של @zvizvi

                      מוזר שגם אני ציינתי פוסט אחד לפני @zvizvi שזה מובנה ב-vscode ומשם התוודעתי לזה לראשונה... אבל כנראה שגם הוא לא השים לב למה שכתבתי...

                      אתה חייב לי טיפ אחר טוב בו אני כן ישתמש יותר...

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

                      zvizviZ
                      zvizviZ
                      zvizvi
                      כתב ב נערך לאחרונה על ידי
                      #11
                      פוסט זה נמחק!
                      תגובה 1 תגובה אחרונה
                      0
                      • yossizY yossiz

                        @dovid אמר בהמלצה: EMMET:

                        אציין כי אחרי הפוסט של @zvizvi

                        מוזר שגם אני ציינתי פוסט אחד לפני @zvizvi שזה מובנה ב-vscode ומשם התוודעתי לזה לראשונה... אבל כנראה שגם הוא לא השים לב למה שכתבתי...

                        אתה חייב לי טיפ אחר טוב בו אני כן ישתמש יותר...

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

                        zvizviZ
                        zvizviZ
                        zvizvi
                        כתב ב נערך לאחרונה על ידי
                        #12

                        @yossiz אמר בהמלצה: EMMET:

                        @dovid אמר בהמלצה: EMMET:

                        אציין כי אחרי הפוסט של @zvizvi

                        מוזר שגם אני ציינתי פוסט אחד לפני @zvizvi שזה מובנה ב-vscode ומשם התוודעתי לזה לראשונה... אבל כנראה שגם הוא לא השים לב למה שכתבתי...

                        אוי, לא שמתי לב 😞

                        תגובה 1 תגובה אחרונה
                        2
                        • שואףש
                          שואףש
                          שואף
                          כתב ב נערך לאחרונה על ידי
                          #13

                          אני כותב HTML ידני, ככה אין הפתעות
                          אבל בניתי ל עצמי כמה פונקציות מוכנות לטבלאות ולFORM, שכותבות לבד את הHTML כי זה די חוזר על עצמו.
                          יש ל"אמת" פלאגין בJETSTORM?

                          ליצירת קשר: admin@i-call.me

                          הידד! גישה למייל גם בלי מחשב ואינטרנט!

                          yossizY תגובה 1 תגובה אחרונה
                          1
                          • שואףש שואף

                            אני כותב HTML ידני, ככה אין הפתעות
                            אבל בניתי ל עצמי כמה פונקציות מוכנות לטבלאות ולFORM, שכותבות לבד את הHTML כי זה די חוזר על עצמו.
                            יש ל"אמת" פלאגין בJETSTORM?

                            yossizY
                            yossizY
                            yossiz
                            כתב ב נערך לאחרונה על ידי
                            #14

                            @שואף חיפוש גוגל קצר מניב את זה:
                            https://www.jetbrains.com/help/webstorm/settings-emmet.html

                            📧 יוסי@מייל.קום | 🌎 בלוג | ☕ קפה
                            👈 רוצים כתובת מייל בעברית? כנסו למייל.קום 👉

                            תגובה 1 תגובה אחרונה
                            0

                            שלום! נראה שהשיחה הזו מעניינת אותך, אבל עדיין אין לך חשבון.

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

                            בעזרת התרומה שלך, הפוסט הזה יכול להיות אפילו טוב יותר 💗

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


                            בא תתחבר לדף היומי!
                            • התחברות

                            • אין לך חשבון עדיין? הרשמה

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