1. MDN Web Docs - Responsive Design
2. CSS-Tricks Responsive Design
3. W3Schools - Responsive Web Design
4. Google's Responsive Design Guide
5. Responsive Web Design

🔅 HTML: Responsive images

🔅 Controlling CSS with JavaScript

🔊 Author: Morten Rand-Hendriksen
🔸 Date: 2021-09-22
⏰ Duration: 2h

🌀 Learn how using JavaScript to control CSS opens the door to more interactive designs and user experiences.

📗 Topics: Cascading Style Sheets, JavaScript

🔷 Join @webdev_trainings for more courses

🔸 Full denoscription 🔸

JavaScript has full access to the markup of a web page (DOM) and the styles of a page (CSSOM). Using JavaScript to interact with and manipulate the DOM is common practice, but using JavaScript to interact with CSS is rarely explored past the shallow layers of manipulating classes and injecting inline styles. In this course, Morten Rand-Hendriksen takes a deep dive into the intersection of JavaScript and CSS to see what is possible. He explores basic manipulation of the CSSOM to change the live styles of a site, looks at the new opportunities afforded by custom properties, and explores concepts like style tokens. As Morten shows, using JavaScript to control CSS opens the door to more interactive designs and user experiences, and allows designers and developers to do things not possible with CSS alone.

This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.

🔅 Framer Masterclass

With our Figma assets & step-by-step instructions, you’ll soon be shipping a variation of this custom Framer landing page for your portfolio or client work.

Download Full Course: https://news.1rj.ru/str/webdev_trainings/409
Download All Courses: https://news.1rj.ru/str/zero_to_mastery

01-Introduction

02-Fundamentals - Part 01

02-Fundamentals - Part 02

03-Components

04-CMS

05-Animations

06-Advanced Use Cases

07-Putting It All Together - Building a Full Site - Part 01

07-Putting It All Together - Building a Full Site - Part 02

08-Bonus - Making Money With Framer - Part 01

08-Bonus - Making Money With Framer - Part 02

09-Closing Thoughts & Certification

🔅 CSS Tips

🌐 Author: Morten Rand-Hendriksen
🔰 Level: Intermediate

⏰ Duration: 2h 3m

🌀 Learn how to address specific challenges and combinations in CSS, along with techniques you can apply in your web styling.

📗 Topics: Cascading Style Sheets

📤 Join @webdev_trainings for more courses

🔸 Full denoscription 🔸

View Morten's LinkedIn NewsletterCSS has lots of magical corners that can save you tremendous time. Come find them! In this course, web designer and developer Morten Rand-Hendriksen shows you how to address specific challenges with a bite-sized approach that lets you find what you need quickly. Morten covers topics such as containers, typography, layout, and more. In each video, he teaches a technique that you can apply in your web styling, something concise and quick that can make your complicated projects simpler.


This course is integrated with GitHub Codespaces, an instant cloud developer environment that offers all the functionality of your favorite IDE without the need for any local machine setup. With Codespaces, you can get hands-on practice from any machine, at any time—all while using a tool that youll likely encounter in the workplace. Check out the “Using GitHub Codespaces with this course” video to learn how to get started.