How to Build a Responsive Website From Start to Finish - font icons & social contacts - part 20

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

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

  • @imagecrafting
    @imagecrafting 10 ปีที่แล้ว +1

    Love how you share all your great secrets. You said, and I quote "This will be the coolest thing you'll see today" and it was. IcoMoon looks great, Great as always... Holy Sh*t the base64 encoding rocks...

    • @OfficialDevTips
      @OfficialDevTips  10 ปีที่แล้ว +2

      Hahaha! I love IcoMoon. I'm glad you think its cool and it's not just me. :)

  • @TheFourthdock
    @TheFourthdock 10 ปีที่แล้ว +1

    Great show Travis, super excited for next week. Learned a lot with all your DevTips!

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

      Thanks TheFourthdock that's encouraging to hear :)

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

      DevTips Hey trying to build my own website with your tips, watched your Jekyll episode but in the command prompt I got this:
      Liquid Exception: no such file or directory - pyhon c:/ruby200-x64/lib/ruby/gems/2.0.0/gems/pygments.rb-0.6.0/lib/pygments/mentos.py
      Can I fix this?

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

      I've never seen that before. Looks like you are missing a gem.
      I would try jekyll install again, and also note that console errors are very google-able. It's likely that someone got that before.

  • @gurucode.studio
    @gurucode.studio 10 ปีที่แล้ว

    i swear am looking for another word rather than thank you to show your gratitude to us sir.
    Hates off :)

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

    what's the name of the code font ? looks awesome !

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

    Having trouble getting the link icons to actually go to the url when you click on them. Right now it just refreshes the current site. When I inspect the element of the icon, there is nothing in the href. it just says: "

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

    Hey Travis! At any point in the series do you make the header responsive? Not sure if I missed it...mine looks funky on smaller browsers!

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

      hmmm. not sure. Can't remember, sorry :(

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

      He talks in the end of part 21 about that issue. I assume, he tackles this in part 22. :)

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

      +Jannis Hinkelmann Yes I finally figured that out!! Thanks ^_^

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

    I'm not sure I understand how IcoMoon licensing works. Is it like we can use all their libraries as long as its exported in project directory or only the first free pack?

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

      You pay if you want them to host the font. It's not more complicated than that is it?

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

      Oh, alright :) just wanted to make sure.

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

    Random question. How do I set up Emmet So i can use "tab" to expand?

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

      I use Espresso.

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

      I don't use emmet, not sure

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

    The icons are not totally centered... I'd love to see a fix for that.

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

      Yea, I was messing with that. Must be something with the font..?? Not sure.

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

      It's because of the different icons sizes. Last time it happened to me I ended up setting a different CSS class for each one to make sure all of them look perfect.

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

      They are supposed to be 14px proportional icons... I dunno.

  • @topalek
    @topalek 10 ปีที่แล้ว +2

    i loved your work. Thanks a LOT. But Dribbble icon not centered )))

    • @OfficialDevTips
      @OfficialDevTips  10 ปีที่แล้ว +1

      Drives me insane too. I think its the font itself. I'll look into it more..

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

    You're too cool. Your beard is the second best ever, you only lost out to Rick Ross for first place. Congrats on a job well done on the course. Are you taking request for the next course? I bet you're taking a well deserved break.

    • @OfficialDevTips
      @OfficialDevTips  10 ปีที่แล้ว +1

      I am going to take a small break, but I am interested in any requests. I keep a list.

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

      Ok...every freelancer should have a portfolio page right? As you do more projects we need a CMS that makes it easy to update our portfolio page, I was thinking of Wordpress as a CMS for something like this where the projects are filterable, web design, graphic design, Branding etc....just a thought, I'll be cool with whatever you do, you have an awesome channel, well thought out.

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

      Awesome, thanks for the suggestions :)

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

    How can i create this website with a wordpress back end?

    • @OfficialDevTips
      @OfficialDevTips  10 ปีที่แล้ว +1

      There is tons of info on Wordpress.org on the subject.

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

    When I make changes and save them its ok, but when I make another change the previous one I make goes back to what it was. For Example when I change Artists Theme in the header to lets say my name, and then I change the font color of the nav to white, my name changes automatically back to Artists Theme. It's driving me crazy, any ideas?

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

      Are you changing the course files or just the output files that get overwritten??

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

      +DevTips I dont know what course files mean. As many times as I change the CSS it stays however I like it. However the markup always goes back to default.

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

      +Volen Angelov I meant source files...

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

      +DevTips I have the files on my PC and I run a jekyll serve

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

      +Volen Angelov are you editing the files inside the "_site" folder? don't touch those. those will be over written.

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

    Nothing new to say: "super fantastic" work! But.... what we all gona do when we finish this one?:( Do you have plans for next series can you tell a little bit? I'm waiting whole week for your videos seriosly;)

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

      I like your icon Adrian Sowiński
      What are we gonna do? Man, I'm going to take a break. I am tired of all this editing :P
      I have a few ideas for what's next but I don't want to commit to anything just yet. I am completely focused on getting this series done.

    • @adriansowinskirhcp
      @adriansowinskirhcp 10 ปีที่แล้ว +1

      DevTips Thanks man. Yeah I understand, that is a lot of extra not paid work, so its even more amazing you are doing that.

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

      Thanks for supporting DevTips Adrian Sowiński :)

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

    I've managed to show icons on my site, unfortunately there're thick horizontal lines under each icon. It looks like border-bottom on each element with icon, but I didn't style them that way. Actually, the lines were there right after I included them in html file, without any styling. Did anyone of You have that problem and was able to fix it?

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

      I forgot to disable text-decoration. Now it works fine :)

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

      Filip Mamcarczyk Oh, nice. I'm glad you got it :)

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

    Cool! You got OS X Yosemite.

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

      Yea, it's nice. There is not a lot different, other than the looks. And those are ... Sometimes unnecessary.

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

    I'm having some trouble with the styles... not only in this section but also in the others, but there I kinda managed to get them working. Here, despite what I do, it won't look as it should. Even with the .sass files from github... Like here for example the big link gets the same styles as the icons, if I style it in the dev tools of my browser it works, in my sass file it wont... I'm really desperate.... It would be great if anyone could help :)

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

      TheKvedulf do you have the little lines "---" in your sass so jekyll can find it?

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

      DevTips which little lines? the underscore infront of the name of the sass?

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

      DevTips but I don't think that jekyll cant find my sass, I just tried to make the section display: none and it works. Its just not, I don't know..., accepting my other styles...

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

      DevTips ok. I found the major problem. I had some mistakes in my html.... :) It still isn't working perfectly how it should, but it's a lot better now :) I mean it never works exactly the same as how you do it, I always need to do some things diffrently or else it won't work... even though it should do the same if I write the same? well never mind... :)

  • @anderss7377
    @anderss7377 10 ปีที่แล้ว +1

    It would be awesome, if u could style a login page.

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

    hey, How to build newslatter.. maybe u show next video. pleeeaasse :D

    • @OfficialDevTips
      @OfficialDevTips  10 ปีที่แล้ว +1

      I do have a video about building responsive email somewhere around here...

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

      DevTips Serious, Tks.. I'll find this video. :D .. \o/

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

      :)

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

    sooooooooooo coooooooolll

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

    hmm.. this is crazy amazing

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

    Hi Travis, the tutorial was great but there are too many parts. I thought I could follow step by step to do the responsive website but the tutorial was too long.
    Thank you.

    • @OfficialDevTips
      @OfficialDevTips  10 ปีที่แล้ว +1

      Thanks for that feedback, I doubt I would do another so long. In truth, I planned for about 7 videos... Things just got carried away...