Sublime Text Emmet (Tutorial #7)

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ธ.ค. 2024

ความคิดเห็น • 139

  • @TheLightSabrix
    @TheLightSabrix 9 ปีที่แล้ว +47

    I can't believe I completed almost entire project in Sublime Text without ever knowing about this!

  • @chrisandrebelle
    @chrisandrebelle 8 ปีที่แล้ว +1

    This was absolutely mind blowing. I had no idea how powerful Emmet was, this is going to save a ridiculous amount of time.

  • @PaulDouglasWebDesigns
    @PaulDouglasWebDesigns 10 ปีที่แล้ว

    Brad you have the most useful training videos!! It's extremely easy to listen to you. I typically tune out as soon as I hear an accent. It's so refreshing to have you walk me through these extremely important functions! Bravo.

  • @leedavies6779
    @leedavies6779 4 ปีที่แล้ว

    I can tell by your voice that when you found this it was super helpful and you're glad to give that moment to someone else. Such a great tool for timesaving and efficient code. :D

  • @abadialemadi
    @abadialemadi 10 ปีที่แล้ว

    Emmet makes programmers a real wizards !
    Thank you for teaching us this brilliant tool.

  • @Nephinim
    @Nephinim 7 ปีที่แล้ว +6

    I'm loving life right now! Long live wizardry!

  • @jonkrieger5271
    @jonkrieger5271 10 ปีที่แล้ว +25

    Holy crap, Emmet is amazing! :O

  • @namedroplife
    @namedroplife 8 ปีที่แล้ว +4

    those CSS abbreviations just blew my mind

  • @jboxy
    @jboxy 7 ปีที่แล้ว

    thanks this was amazing, i put off emmet for many years

  • @abhishekvaishnav
    @abhishekvaishnav 7 ปีที่แล้ว

    This emmet tutorial is best among all. :)

  • @kouroshabdollahi5593
    @kouroshabdollahi5593 6 ปีที่แล้ว +1

    Thank you. This was an amazing Tutorial i have ever seen.

  • @DivyanshBatham
    @DivyanshBatham 8 ปีที่แล้ว

    I liked Sublime till know, but now I just LOVE it more than anything in the world :D

  • @Muskankushwaha-z4f
    @Muskankushwaha-z4f 11 หลายเดือนก่อน

    I like your teaching techniques 😊

  • @nalam7504
    @nalam7504 6 ปีที่แล้ว

    Thank you so much! sir. Now coding become much more easier for me.

  • @TanTan-py6ow
    @TanTan-py6ow 7 ปีที่แล้ว

    Yo dude thanks alot you made my life life 10 times easier *Subscribed*

  • @sukafoluv19
    @sukafoluv19 6 ปีที่แล้ว

    My mind just exploded. This is so handy!!!

  • @heindewilde
    @heindewilde 8 ปีที่แล้ว

    These tutorials are so good, thanks a lot!

  • @khalidelgazzar
    @khalidelgazzar 5 ปีที่แล้ว +1

    Great video, thanks for the explanation in a super easy way.

    • @khalidelgazzar
      @khalidelgazzar 15 วันที่ผ่านมา

      WOW, this tutorial was from eactly 10 years ago and my comment was from 5 years ago! What a way went and to be gone!

  • @cfwebdeveloper
    @cfwebdeveloper 8 ปีที่แล้ว

    I was a big DW fan, but damn this is great. Thanks!

  • @kriziacarissepangan1590
    @kriziacarissepangan1590 8 ปีที่แล้ว +1

    you saved me!! thanks a lot bro!

  • @izayagaming4148
    @izayagaming4148 3 ปีที่แล้ว

    it will help me a lot , thank you sir for the knowledge.

  • @aion2177
    @aion2177 8 ปีที่แล้ว

    Thank you, this is such an amazing tutorial series!!

  • @davidcarr7151
    @davidcarr7151 9 ปีที่แล้ว

    Outstanding! You are a tremendous teacher!

  • @ziauddin6523
    @ziauddin6523 6 ปีที่แล้ว

    Thanks for the ideas. Now my projects are more easy to me to complete.Thanks May Allah Bless You.

  • @G3nM
    @G3nM 4 ปีที่แล้ว

    3:35 ul>li.item-$$$*10>a doesn't work in my PC. Any solution?

  • @vaisakhgeeth
    @vaisakhgeeth 9 ปีที่แล้ว

    I feel like a super hero already :D

  • @ironjebi999
    @ironjebi999 9 ปีที่แล้ว

    LearnWebCode I love your video tutorials, have you considered having them subtitled? I ask this b/cause thet're really simple to follow and really complete and doing that would make them more "shareable"

  • @sohailsk30
    @sohailsk30 8 ปีที่แล้ว +1

    i can't see the install package in command help me guys

  • @richardmarzetti5543
    @richardmarzetti5543 8 ปีที่แล้ว

    i have emmet for sublime text 3. i looked at it's menus and stuff. and i cant figure out why i have a way narrower preview screen than i seen on a youtube video of "html and css". what could be the issue?

  • @groxschannel878
    @groxschannel878 8 ปีที่แล้ว +1

    I loved your sublime text tutorial. Can you do a similar tutorial on font awesome?

  • @wepranaga
    @wepranaga 7 ปีที่แล้ว

    amazing. i wish there's more like this

  • @nacym1004
    @nacym1004 7 ปีที่แล้ว

    amazing its really interesting.Thanks for sharing your knowledge with us

  • @matuss22
    @matuss22 6 ปีที่แล้ว

    Is there any way to use div class and div id ?

  • @jeffreyjansen
    @jeffreyjansen 8 ปีที่แล้ว

    emmet and CSS: mr10 doen't work on an Mac...Any suggestions?

  • @sumanbanerjee4756
    @sumanbanerjee4756 7 ปีที่แล้ว +1

    Wow! I feel like I learnt some magic :D :D :D Thank you so much @LearnWebCode

  • @alexandershekhtman770
    @alexandershekhtman770 9 ปีที่แล้ว +3

    at 5:56 i can only select the whole block to make it work. doesnt work by what you did. why?

    • @rrobinsn
      @rrobinsn 7 ปีที่แล้ว

      Same here

    • @lorenzcyril
      @lorenzcyril 7 ปีที่แล้ว

      me to!!!im trying to apply emmet to add to the list

    • @lorenzcyril
      @lorenzcyril 7 ปีที่แล้ว

      i retry it....I placed the cursor at the end of any of the list. if youre using windows just hit ctrl + shift + G

    • @ElektekW
      @ElektekW 6 ปีที่แล้ว

      this tutorial is from 2014 is the same shortcut still.

    • @ribubrar9291
      @ribubrar9291 6 ปีที่แล้ว

      You would need to place the cursor either at before tag or after tag.
      Then press Shift + Ctrl + G and you can then wrap whole li block with whichever tag you want.
      Hope it helps!

  • @FrauSchwabulski
    @FrauSchwabulski 9 ปีที่แล้ว

    great tutorial and great tool!!!

  • @arslanjappa4335
    @arslanjappa4335 7 ปีที่แล้ว

    plz do tell me how to auto comment with closing tags?

  • @aravindarun7492
    @aravindarun7492 7 ปีที่แล้ว

    which editor you are using here

  • @selenewaide8994
    @selenewaide8994 7 ปีที่แล้ว

    Thank you for this awesome tutorial!!

  • @ElektekW
    @ElektekW 6 ปีที่แล้ว

    whats the emmet wrap function???

  • @ngilo78
    @ngilo78 10 ปีที่แล้ว

    Thanks a lot, you speed me up with your training video ! Bravooooo !

  • @richiesun9676
    @richiesun9676 4 ปีที่แล้ว

    Anyone know if emmet will work with autocompleting .liquid?

  • @duarteweb
    @duarteweb 7 ปีที่แล้ว

    Awesome tutorial!

  • @PhilGerb93
    @PhilGerb93 8 ปีที่แล้ว

    Mind. Blown.

  • @okaneganaidesuyo5318
    @okaneganaidesuyo5318 8 ปีที่แล้ว

    hello, i have a problem!
    i installed emmet on sublime text 3 and looks like it works ok
    BUT the standard snippets messed up!
    i tried to type "html" and than tab, and he did this
    So i uninstalled emmet and tried it again and it worked just fine!
    ....

    • @noureddine2228
      @noureddine2228 7 ปีที่แล้ว

      you can do that with emmet just !+tab

  • @saleheen12
    @saleheen12 7 ปีที่แล้ว

    fantastic tutorial

  • @josereynelchauxperez947
    @josereynelchauxperez947 7 ปีที่แล้ว

    Excelente material, muchas gracias !!!

  • @suyakisaneeshwar8506
    @suyakisaneeshwar8506 4 ปีที่แล้ว

    hi sir please explain me how to type star symbol on sublime ..if i type shift + 8 its show me multiplication symbol sir...

  • @BreadWinner330
    @BreadWinner330 6 ปีที่แล้ว

    just wow, pure awesomeness

  • @danielchukwu9061
    @danielchukwu9061 6 ปีที่แล้ว

    Emmet is so damn good

  • @goldilockszone4389
    @goldilockszone4389 8 ปีที่แล้ว

    Can somone tell me if you can "RUN" an HTML file through a shortcut like Notepad++

  • @ForeverJack69
    @ForeverJack69 9 ปีที่แล้ว

    Emmet's shortcut interfere with some useful sublime's ones, in particular how do you get the old shortcut to insert the html boilerplate snippet back?

    • @ironjebi999
      @ironjebi999 9 ปีที่แล้ว

      ForeverJack this just happened to me, tryed to do the snepet for html but it only submmits --- any anwers on how to deal with this?

    • @ironjebi999
      @ironjebi999 9 ปีที่แล้ว +1

      ForeverJack dude- try typing: html:5 + tab key and you'll get this snippet:
      Document
      hope it answered your doubt!

    • @ForeverJack69
      @ForeverJack69 9 ปีที่แล้ว

      Felipe Victoria ty very much, it worked, but I had to save the file as .html first: anyone experienced this behaviour without emmet installed?
      Secondly, where I can get the complete list of alternative shortcuts for snippets like this one?

    • @mickeymegabyte
      @mickeymegabyte 8 ปีที่แล้ว +1

      +ForeverJack i know this is a bit late, but you only need to type an exclamation mark then tab
      as for list of shortcuts: docs.emmet.io/cheat-sheet/

  • @alexandershekhtman770
    @alexandershekhtman770 9 ปีที่แล้ว

    contl up arrow doesnt work for me. why? i have a mac

  • @hisha0901
    @hisha0901 4 ปีที่แล้ว +1

    It really works, thanks

  • @birdbrainsolutions6112
    @birdbrainsolutions6112 4 ปีที่แล้ว

    This is so amazing!!!

  • @JasonCtutorials
    @JasonCtutorials 9 ปีที่แล้ว

    very good tutorials!

  • @tanvirahmed6421
    @tanvirahmed6421 7 ปีที่แล้ว

    Hello! Sir. I have problem. I have installed sublime 3 days ago. It was working nicely. But now it's not working. I have uninstall sublime and then reinstall. But not working. What can i do sir?? pls help me...

  • @VulcanOnWheels
    @VulcanOnWheels 8 ปีที่แล้ว +5

    I couldn't get it working until I realized I needed to save a file as HTML first.

    • @alexgoico
      @alexgoico 7 ปีที่แล้ว +1

      Thank you for posting this here. Have been trying to get it work for hours.

  • @timothylimweiwern2302
    @timothylimweiwern2302 5 ปีที่แล้ว

    You are the best!

  • @crash_rock2779
    @crash_rock2779 8 ปีที่แล้ว

    thanks, learn a lot - thumbs up!

  • @cdpierce81
    @cdpierce81 4 ปีที่แล้ว

    Tab does not work with for me. I have Sublime Text 3 with Windows 10. When I hit tab after placing #, it takes me between the , but my words are turned to when I hit tab. Unless I have two words, then my second word is turned into a . If I hit tab again, it then moves to the next line and does the same thing.

    About

    Email
    Tab works just fine in my list without an .
    Home
    About Us
    Contact
    Email Me

    • @cdpierce81
      @cdpierce81 4 ปีที่แล้ว

      Nevermind. It's the capital letters. If I type home instead of Home, then tab works.

  • @priyankaramesh5503
    @priyankaramesh5503 6 ปีที่แล้ว

    Amazing tutorials.....thanks for that.....

  • @njvanheerden2157
    @njvanheerden2157 4 ปีที่แล้ว

    Very nice indeed!

  • @pavliukman
    @pavliukman 8 ปีที่แล้ว

    Help me.
    When I do like this:
    ul and press tab I get ,
    but if like that:
    ul>li and press tab I get ul>.
    What the problem is?

    • @王多鱼-f3k
      @王多鱼-f3k 8 ปีที่แล้ว

      I have the same issue.
      try ctrl+e instead of tab.
      or type ul>li>, then tab

  • @TheWilliamHome
    @TheWilliamHome 9 ปีที่แล้ว

    What if emmet don't work? Who can help me please? I use Windows 8(

  • @omsomol.j2501
    @omsomol.j2501 4 ปีที่แล้ว

    push tab it works to space between.emmet doesnt work i try to ctrl+tab,it is useless too.

  • @krivoflores6975
    @krivoflores6975 8 ปีที่แล้ว

    Awesome man-Thanks!

  • @upolobdhi023
    @upolobdhi023 4 ปีที่แล้ว

    Could you please tell me . How can I get these codes, when I open a html file ?
    I don't want write it all time ...

    • @amartyashri3142
      @amartyashri3142 4 ปีที่แล้ว +2

      if you have emmet type "!" and then TAB (which gives you slightly more info) If not type "html" and then TAB.

    • @skrandelhex
      @skrandelhex 3 ปีที่แล้ว

      @@amartyashri3142 Omg, I love you! This was driving me crazy!!!!!

  • @RajbirYadav
    @RajbirYadav 9 ปีที่แล้ว

    Can anybody let me know how to fix one issue.. i m using ubuntu, problm is that in sublime text i cant see the goto defination in Goto Menu..
    pls let me know how to fix it..

    • @FrauSchwabulski
      @FrauSchwabulski 9 ปีที่แล้ว +2

      +Talha Zaryab worst advice ever

  • @finalsecretofchrono1339
    @finalsecretofchrono1339 6 ปีที่แล้ว

    So what if I want to do something like this:


    If I type in this: div>a>img+div
    both the img, and last div are children of the the tag, but I want the second div to be a sibling of , and a child of the first div. Much appreciated.

  • @alfredmadere9030
    @alfredmadere9030 4 ปีที่แล้ว

    There are no good sublime text for ruby tutorials, please make one.

  • @guruzone2288
    @guruzone2288 8 ปีที่แล้ว

    omg ... thats wonderful !!

  • @musseegrett
    @musseegrett 8 ปีที่แล้ว +2

    impressive!!

  • @martingaens2073
    @martingaens2073 8 ปีที่แล้ว

    You are AWESOME

  • @prasannarajaram
    @prasannarajaram 8 ปีที่แล้ว

    You're awesome!

  • @kas130771
    @kas130771 8 ปีที่แล้ว

    this is AWESOME

  • @uzlyam
    @uzlyam 9 ปีที่แล้ว

    thx dude for this video.

  • @chutinutchathinothai3130
    @chutinutchathinothai3130 8 ปีที่แล้ว

    Thank you.

  • @SaifulIslam-rf6uk
    @SaifulIslam-rf6uk 6 ปีที่แล้ว

    Thanks a lot for your video :)

  • @guruzone2288
    @guruzone2288 8 ปีที่แล้ว

    i was struck with textpad++ this many days

  • @Mrnoobofficial
    @Mrnoobofficial 6 ปีที่แล้ว

    dis is emeyzing

  • @RonyKader-me
    @RonyKader-me 10 ปีที่แล้ว

    Just Awesome .. Thankss a lot brad

  • @kintalinaveesh6901
    @kintalinaveesh6901 7 ปีที่แล้ว

    awsome buddy thank you so much

  • @hteiktinoo93
    @hteiktinoo93 7 ปีที่แล้ว

    Thank you so much

  • @cyrilkariyawasam977
    @cyrilkariyawasam977 5 ปีที่แล้ว

    Thanks a lot

  • @samiadhouieb8918
    @samiadhouieb8918 6 ปีที่แล้ว

    this is crazy !!!

  • @lassipls
    @lassipls 7 ปีที่แล้ว

    Welp, my mind was blown.

  • @piiumlkj6497
    @piiumlkj6497 7 ปีที่แล้ว

    oh man .... that's real buisness ! it's magic !

  • @alexandershekhtman770
    @alexandershekhtman770 9 ปีที่แล้ว

    why would anyone use emmet when jade is better. the jade compiles the .html and all you have to ever do is edit the jade. once the emmet expands the .html, it is difficult to edit all the blocks.

  • @AllexVO
    @AllexVO 7 ปีที่แล้ว

    TY !!!!!!!

  • @tharindudananjaya4260
    @tharindudananjaya4260 7 ปีที่แล้ว

    Magic

  • @ZK-rf4mf
    @ZK-rf4mf 7 ปีที่แล้ว

    Thanks dude !! woah :) :)

  • @amirx8870
    @amirx8870 7 ปีที่แล้ว +1

    cool

  • @jeffreyjansen
    @jeffreyjansen 8 ปีที่แล้ว

    ahh, just found the solution. for db (display: block) you can use ENTER OR TAB. But for mr10 (margin-right: 10px;) you have to use TAB only....

  • @ashrafulkarim5400
    @ashrafulkarim5400 8 ปีที่แล้ว

    tnx a lot bro

  • @alexz2702
    @alexz2702 8 ปีที่แล้ว

    sweet

  • @rahulrajpurohit399
    @rahulrajpurohit399 8 ปีที่แล้ว

    boom boom style coding

  • @Cyber-Hustler
    @Cyber-Hustler 5 ปีที่แล้ว

    you getting a like and subrscribe thank you

  • @yuriossipov896
    @yuriossipov896 7 ปีที่แล้ว

    sick