By Lu Liuxian | December 3, 2017 | Website Designing | Comments Off on Responsive Web Design Made Simple CSS @media Rule Tutorial
Learn the CSS @media rule and the easiest way to make a responsive and mobile-friendly website layout.
@media – http://www.developphp.com/lib/CSS/media
Lesson Code – http://www.developphp.com/video/CSS/Responsive-Web-Design-Made-Simple-CSS-media-Rule-Tutorial
Video Rating: / 5
Today Los is joining me again for a special episode where we talk about the basics of coding for a responsive website.
We cover three main principals:
1. The Meta Tag
2. HTML Structure
3. Media Queries
After you watch the video you can reference the github repo to see the code in action:
https://github.com/DevTips/Responsive-Web-Design-Basics
Thanks everyone!!
—
DevTips is a YouTube show about web design and development.
Check out the DevTips Github account:
https://github.com/DevTips
—-
HTML5 Basics Playlist:
CSS Basics Playlist:
—-
DevTips now has a twitter account:
Tweets by DevTipsShow
Travis also tweets:
Tweets by travisneilson
Video Rating: / 5