A Beginner’s Web Design Tutorial for 2018 – Part 1 of 2

Godaddy videos and tutorials just for you.
Lightning fast hosting for a shockingly low price! 50% off GoDaddy Hosting plans

Today’s Question: Do you use a CSS Framework or none at all?
— I have received a lot of requests to show the *full* process of both UI design, and then taking that UI design (produced in XD, Sketch, etc..) and making it a near pixel-perfect representation in the browser with HTML and CSS. Well, today I’m delivering! This will be a 2 part series where today, we’ll design the UI in Adobe Experience Design, and tomorrow (promptly at 10:30 AM ET), we’ll tackle HTML and CSS (without the use of any CSS frameworks).





[su_feed url=”http://davidwalsh.name/feed” limit=”20″]

23 thoughts on “A Beginner’s Web Design Tutorial for 2018 – Part 1 of 2”

  1. Be sure to Subscribe! My answer for today's question: When I began building sites 20+ years ago, CSS frameworks didn't exist. Though, I still didn't code much by hand. Back then, we had stuff like FrontPage 98, Dreamweaver (Macromedia) and Fireworks, which was used to automatically slice/dice and create CSS for you. I did that for awhile, and then after awhile, I started to use CSS frameworks that came out (mainly Bootstrap). I used Foundation and Bulma as well.

    These days, especially with the CSS grid, I do everything custom. The CSS grid negates the necessity of using a grid system, and once you're familiar enough with CSS properties and can design well, you will find that you really don't need a CSS framework. That's my take, at least!

  2. Oh man I'm so pumped to hear you are going to make the build responsive! I love your SVG backgrounds and the last few tutorials I have done were focused on design and never went over making them responsive. Keep up the great work!

  3. I am not so familiar with the questions you ask us. Could you please explain the differences between those ways to reach the procedure of designing and making the site after with HTML and CSS.
    Which kind of advantages has Adobe Software?
    Are there another software to be able to do that?
    My wish is to build my site as Photograper.
    Thanks in advance

Leave a Reply

Your email address will not be published. Required fields are marked *