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

Part 2:
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).


– – – – – – – – – – – – – – – – – – – – – –

Subscribe for NEW VIDEOS weekly!

My site:
My personal FB account:
Coursetro FB:
Coursetro’s Twitter:

Join my Discord!
^-Chat with me and others

– – – – – – – – – – – – – – – – – – – – – –

Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!


  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. A professional trainer with an Instagram account: (anderlord_hack) provides training programs in the field of hacking, software engineering, web development, cybersecurity, digital marketing … etc. He can help you unblock, enable and restore Facebook and Instagram accounts. Do not waste the opportunity, it may change your life to get the job of your dreams..

  3. I use scss it's awesome. It just generates css but it gets the job done. Plus I develop all assets first in an assets doc that then gets translated to all of my HTML files.

  4. A decent enlightening post that you have shared and I appreciate your work for sharing the data. I value your endeavours and all the best. Praise your work and continue sharing your data. Keep it up.

  5. Let's make web accessible. Disability creates a gap between the needs of the user and the information system. On the other hand, accessibility is the ability of the system to accommodate the needs and preferences of each individual regardless of any physical disability. This session explains how this gap can be filled with the inclusive design of web systems.

    Watch full webmaster talk on https://www.youtube.com/watch?v=dUbyA8q1q0c

Leave a comment

Your email address will not be published.