https://skl.sh/designcourse23 – First 500 people to sign up will get their first 2 months free!
— I’ve got a good one for you today! This is part 1 of 2 in a series where I will show you how to both design AND code a modern web design / landing page. It will be fully responsive with a mobile-first approach on the frontend development side, and in today’s video, we’ll start off by designing it in Adobe XD (Experience Design). This project will also use GSAP (GreenSock Animation Platform) to handle the UI animations.
Codepen:
https://codepen.io/designcourse/pen/yWqZNK
Part 2:
https://www.youtube.com/watch?v=6ln_PFw_dYU
To recap, you’re going to learn:
1. Using Adobe XD to design a UI.
2. Using Visual Studio Code for Frontend Development
3. Using HTML, CSS and Sass.
4. Using GSAP
5. Using the Mobile First Approach
6. Making a Design Responsive
…and much more.
Let’s get started!
– – – – – – – – – – – – – – – – – – – – – –
Subscribe for NEW VIDEOS!
My site: https://designcourse.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!
source
To make the website image we can use any programme like paint.net , paint . right??
If I were you I would remove that thing (at the down left) and I'd make thr photo black and white, no hate tho.
Thank you so much for the video!
Subscribe me
did not understand
Hi! I'm the guy in the pic! 🤣 Good to see this one being used to help people out! 😅😅
Edit: Damn this got 4likes!! **Searching on Google: How to handle fame.**
I really like it…
Awesome !
I can't add any photos… even my own
melting the hearts of chicks lol
Could you please make another step by step video like this but using vue CLI instead ?
im from India gread video Thanks
Great Tutorial! Thanks! @mediaartssbcc
Good job!
Jesus Christ! Now THIS is what you call a tutorial! The voice, the music –perfect. 🤩
Try Blue Host for domain name and hosting your website. https://www.bluehost.com/track/dg89/
Hello Gary,
Loving the content you are putting out; very helpful. I wanted to know when your are designing your web and mobile sites what grid system do you use? Do you use the bootstrap grid system or 960 or, do you even use a grid system? Thanks in advance.
You're such a great teacher. How do you know so much and get so much done?!?! Thank you so much for sharing your knowledge.
Perfect !
Love your content man thank you !
Just in time for me. I'm building a personal project for a buddy and will use this as major inspiration.
Thank you, you are so productive
You are videos are excellent and they inspire new ideas.
I wanted to ask if you have ever used Booms lorem ipsum? This is the link
https://www.boom-online.co.uk/lorem-ipsum/#/%23results
Is a smarter way of using placeholder text using real data.
Great job
Great video , can't wait to see how to dispose it with html !
Love LOVE LOVE
I can't wait for part 2, good explanation, thanks!
In order to be the best, you have to learn from the best. I appreciate the refresher on user experience. I can hardly wait for the coding part. Much Appreciated.
Sir, we want more videos on how to actualize these designs into HTML,CSS,JS websites. One of the biggest challenges is converting these designs into actual websites
IF YOU SLEEPY, GO FOR IT!
How can we justify text in text area ?
Great tutorial!!!
well done, thanks a lot
so i dont need to learn css and html?
i was sure that this is the way to build a site.
Nice, keep it up (*_*)
thanks
Would be nice to use the final HTML, Scss and GSAP code and take them to a WordPress theme from scratch. It is not that hard, and people like that a lot.
Pretty nice video! Already waiting for the next one. 🏄🏻♂️