Menu

  • Home
  • Trending
  • Recommended
  • Latest

Categories

  • Adobe XD
  • Brizy
  • Business
  • Divi
  • Editor X
  • Elementor
  • Figma
  • Freebies
  • Inspiration
  • Reviews
  • Speed Art
  • Ui/UX Template
  • Web Coding
  • Webflow
  • Wordpress

Subscriptions

  • TWD.club
ADVERTISEMENT
Web design Club
  • Home
  • Categories
    • Adobe XD
    • Elementor
    • WordPress
  • Favorites
    • User Profile
    • Playlists
    • User-created Playlist
    • Favorite Playlist (Private)
    • Watch Later Playlist (Private)
No Result
View All Result
  • Login
The Web Design Club
No Result
View All Result

The 2020 HTML & CSS Crash Course – From Mockup to Product

221 Views
5 years ago
0 0
0
Share
Facebook Twitter Pinterest
    TWD.club TWD.club
    0 Subscriber
    Subscribe

    Visit http://linode.com/designcourse for a $20 credit on your new linode account.
    — About a month ago, I live streamed a UI design in Adobe XD that I created from scratch for a personal site design. Many requested me to show others how to make it a working product in the browser, so here we are! We’re going to take the mockup/prototype that was created in Adobe XD, and we’re going to write mobile-first HTML and CSS to make it a fully responsive design.

    This is a crash course into both HTML and CSS, therefore it’s fast paced! It would be a good idea to have at least a basic understanding of HTML and CSS, otherwise you will quickly become quite confused!

    Codepen demo for this project:
    https://codepen.io/designcourse/pen/b…

    Here’s the UI design video:
    https://www.youtube.com/watch?v=5tjr7…

    Let’s get started!


    Subscribe for NEW VIDEOS!

    My site: https://coursetro.com
    My personal FB account: http://fb.com/logodesigner
    Coursetro FB: http://fb.com/coursetro
    Coursetro’s Twitter: http://twitter.com/designcoursecom

    Join my Discord! https://discord.gg/a27CKAF
    ^-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!

    Category: Web Coding
    Tags: Coursecsshtmllearn web designweb development
    Next Post
    Using Anchor Links in Adobe XD – With Scrolling Animation | Tutorial

    Using Anchor Links in Adobe XD - With Scrolling Animation | Tutorial

    Leave a Reply Cancel reply

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

    No Result
    View All Result

    Recent Posts

    • How to create a Blurry Transparent Sticky Header in Elementor – Easy Tutorial
    • Install Complete Elementor Template Kits For Free
    • Sketch VS Figma 2021 – UI Design Livestream
    • The Top 10 Best WooCommerce Themes For WordPress 2021 (Seriously)
    • Building a Fully Responsive Page in Webflow

    Recent Comments

    • TWD.club on Full Astra Theme Tutorial – Learn How To Use The Astra Theme To Make A WordPress Website
    • Martha on Full Astra Theme Tutorial – Learn How To Use The Astra Theme To Make A WordPress Website

    Copyright (c) 2020 by TWDC - Powered by P!xel

    • About
    • Submit design
    • Need a website?
    • Contact us

    No Result
    View All Result
    • Home
    • Categories
      • Adobe XD
      • Elementor
      • WordPress
    • Favorites
      • User Profile
      • Playlists
      • User-created Playlist
      • Favorite Playlist (Private)
      • Watch Later Playlist (Private)

    © 2020 TWDC by P!xel.

    Welcome Back!

    Login to your account below

    Forgotten Password?

    Create New Account!

    Fill the forms bellow to register

    All fields are required. Log In

    Retrieve your password

    Please enter your username or email address to reset your password.

    Log In

    Add New Playlist

    We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok