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

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

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

המלצה: EMMET

מתוזמן נעוץ נעול הועבר תכנות
14 פוסטים 5 כותבים 296 צפיות 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
                            תגובה
                            • תגובה כנושא
                            התחברו כדי לפרסם תגובה
                            • מהישן לחדש
                            • מהחדש לישן
                            • הכי הרבה הצבעות


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

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

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