How to Convert Photoshop PSD to HTML code - Part 1/6

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024

Комментарии • 73

  • @tieroneinvestmentsllc7327
    @tieroneinvestmentsllc7327 5 лет назад +13

    Definitely in demand these types of tutorials. I love the fact that you kept it almost pure HTML and CSS too as i need practice with plain CSS without the frameworks like Flexbox and bootstrap, though just a touch of Flexbox was used. Loved it, liked it and subscribed. Hungry for more!

    • @Telmosampaio
      @Telmosampaio  5 лет назад

      Thanks, more tutorials will come soon :)

    • @iroshiniperera5031
      @iroshiniperera5031 2 года назад

      Me too, i'm new to this, i havn't any knowledge about html and css, how i can start this

  • @regneratillo9115
    @regneratillo9115 Год назад +1

    I would say that this is a very good starting point for someone that just got finished some html and css essential trainings. Great stuff

  • @bravo23yearsagoand63
    @bravo23yearsagoand63 2 года назад +1

    Thanks, as a developer i need this lessons because mostly before i used pre made html template on my project.
    Now i want to learn how to make ones, and going back to basic .. There is a lot to learn on my way on my goal to be a good web developer.
    Thank you for the video, sir .. Subscribed and cant wait for more 😄
    Please reach out on frond-end framework and back-end developer too

  • @olafd.8657
    @olafd.8657 3 года назад +1

    Im programmer but i didnt do anything for 5 years now im trying to do my stuff back. Nice video boss!

  • @farhadsamadov3598
    @farhadsamadov3598 5 лет назад +3

    Dude i love you and your lovely accent!))) I have been training html for a long time and this was my first practice)) Great couching)) THANKS)))))

  • @2-ez
    @2-ez Год назад

    Best tutorial, not joking. Well done! You just gained a follower.

  • @shishirislam780
    @shishirislam780 2 года назад

    It's is very helpful to me...I am learning so easy....We are support this person.

  • @elmedinluckin1979
    @elmedinluckin1979 3 года назад

    I swear this is best tutorial for begginers!!!

  • @santosfernandotinga7773
    @santosfernandotinga7773 4 года назад

    Your English are very clear. Thank your for sharing your knowledge with us. God Bless You

    • @Telmosampaio
      @Telmosampaio  4 года назад

      Thank you so much Tingas, I'm happy you are enjoying the tutorial :)

  • @milanuzelac7602
    @milanuzelac7602 Год назад

    Brother you are LEGEND, thanks alot!🙌💪

  • @lonewolf6698
    @lonewolf6698 Месяц назад

    Very nice and clear tutorial. Just a little question: which is, exactly the Emmet plug-in you talk about?

  • @Two_Buck
    @Two_Buck 5 лет назад +1

    Great video Telmo. This is perfect practice. Thank you.

  • @sufyantariq1
    @sufyantariq1 Год назад

    I really appreciate that step-by-step process. Can you please make another tutorial on a complete HTML CSS responsive website step by step like this one? And after that tell us how to put it online. That would be great if you could help us all with this. I want you to know that your efforts are appreciated once again.

  • @TobeTraveller
    @TobeTraveller 4 года назад +1

    But why h2 is before h1 it’s not good for seo isn’t it ?

    • @Telmosampaio
      @Telmosampaio  4 года назад

      Its just because the H1 has a bigger font title, so its better for the big to come first

  • @chetanm2
    @chetanm2 4 года назад

    Thanks for all.... i have now little bit confidence, i can make layout.

    • @Telmosampaio
      @Telmosampaio  4 года назад

      Thank you Chetan, I will do more videos like this, hope you like it

  • @crzroot
    @crzroot 4 года назад

    Adoro o sotaque português na língua inglesa, bom trabalho!

  • @minhtriettruong9217
    @minhtriettruong9217 Год назад

    Thank you for the video

  • @rkcoder
    @rkcoder 5 лет назад +3

    This was brilliant, liked and subbed!

  • @ronin_games
    @ronin_games 3 года назад

    Hi, your own web page do not work correct

  • @Saiful0101
    @Saiful0101 5 лет назад

    Sir it's a great video for learning. thank you so much.

  • @everydaycode1535
    @everydaycode1535 5 лет назад

    you not converting psd to html. you r coping from PSD to html. but how do u get the code from PS?

  • @Mike-VlogMeds
    @Mike-VlogMeds 3 года назад

    thank you so much friend ....i found exactly what im looking for...❤❤❤❤❤❤

  • @miragetechltd
    @miragetechltd 4 года назад

    this video is helpful and beyond limits kudos!!

  • @anamauriciof437
    @anamauriciof437 2 года назад

    Sos un genio. Lo necesitaba.

  • @davida6146
    @davida6146 4 года назад

    I got troubles with the google font... for some reason there's no errors but when I refresh the font doesn't change?

    • @davida6146
      @davida6146 4 года назад

      the font link has changed, not sure if that's part of the issue?

    • @davida6146
      @davida6146 4 года назад

      I tried with another font, and it worked... really weird.

  • @skipthegrades2360
    @skipthegrades2360 2 года назад

    what was the canvas size of photoshop

  • @eunjaelee9097
    @eunjaelee9097 4 года назад

    This is very helpful! Thank you very much!
    ps. you are very entertaining, man!

  • @DJizz82
    @DJizz82 4 года назад

    Can we measure the “top left” of text or with of an image up or down using photoshop in order to get accurate pixels? Need clarification please?

    • @bravo23yearsagoand63
      @bravo23yearsagoand63 2 года назад

      You can bring guide lines on photoshop if you want it to be accurate.. Drag it from the left or top ruler on ps

  • @batuhankeskin9429
    @batuhankeskin9429 4 года назад +1

    What would I say, most helpful video with great explanation I ever seen :)

  • @mdForhad0
    @mdForhad0 4 года назад

    Sir, how can get this psd file , please tell me?

  • @SayfSentinel
    @SayfSentinel 5 лет назад +1

    nice video Telmo, there is a lot of refactoring to do, like you put classes everywhere but sometimes you just need to put an "id" instead, also, you could select nth-child(#number), or :first-child / last-child
    nice tutorial Telmo :)

    • @Telmosampaio
      @Telmosampaio  5 лет назад +1

      Hey Mounir, yes there is still a lot of work to do, refactoring, adding media queries and so on, hopefully this will be a good base for you guys to start

  • @sitikanthamuhuri
    @sitikanthamuhuri 5 лет назад

    why have not used the bootstrap?

  • @jackhustle5959
    @jackhustle5959 3 года назад

    you got a sub
    keep up the good content👍

  • @jovannovakovic5975
    @jovannovakovic5975 5 лет назад +1

    2nd :)
    Awesome, Telmo! Keep it up! Keep it simple! You rock!
    Cheers

  • @iammayurn
    @iammayurn 3 года назад

    Next video to it please. I need that slant background instead of straight

  • @batalioaneromane
    @batalioaneromane 5 лет назад +1

    Thank you, Telmo!

  • @tiktokfeeds7854
    @tiktokfeeds7854 4 года назад

    Can i hire your my teacher lol ? You Deserve for more subscriber keep up man

  • @muhammadxubair5823
    @muhammadxubair5823 4 года назад

    where are this psd file.?

  • @sueholder703
    @sueholder703 4 года назад

    Really great tutorial.

  • @sumaiyarimu22
    @sumaiyarimu22 2 года назад

    Anybody plz send me this psd to html templet link..plz plz

  • @mateusramos530
    @mateusramos530 5 лет назад

    How you got a psd from the whole theme forest page? I really need this to practice.

    • @davidkelemen1302
      @davidkelemen1302 5 лет назад

      You can buy PSD Web templates or just search on Google for free ones. :)

  • @sajilbabuk2599
    @sajilbabuk2599 2 года назад

    ❤️

  • @codeaxen
    @codeaxen 4 года назад

    hello man this is good staff....

  • @miguelmercedes2209
    @miguelmercedes2209 5 лет назад

    Can i have the source files?

  • @pujasengupta4012
    @pujasengupta4012 5 лет назад

    thank you

  • @reyneerleon3851
    @reyneerleon3851 5 лет назад

    What is that theme name? I liked it.

  • @captainalpha4853
    @captainalpha4853 5 лет назад

    Thanks bro ❤️❤️❤️🎂🎂✌️🎉🎉

  • @misterr9849
    @misterr9849 5 лет назад

    sir psd file link

  • @unknownman1
    @unknownman1 4 года назад

    i love your accent

    • @Telmosampaio
      @Telmosampaio  4 года назад +2

      Thanks you unknow man

    • @unknownman1
      @unknownman1 4 года назад +1

      @@Telmosampaio Thanks for accepting my connection on LinkedIn

  • @aramv898
    @aramv898 Год назад

    you just building hero section of website mate nothing else.

  • @AshbringerRellston
    @AshbringerRellston 3 года назад

    this is more like "how to convert an image to html".

  • @RandomLifeBOXING
    @RandomLifeBOXING 4 года назад

    not a good approach broh

  • @ramseyj3024
    @ramseyj3024 5 лет назад +1

    1st

  • @sumaiyarimu22
    @sumaiyarimu22 2 года назад

    Anybody plz send thish psd to html temple link