Introduction to CSS Media Queries and Java Script
So, media queries are a way in CSS that we can basically query the media of the device that somebody's using in order to check the width, check the pixel density, how high definition is it, we can even check for paper, which we'll do in our more advanced class, and again, this gives us the ability to add just more information to our CSS and change the behavior for how this is gonna work. So what we're gonna do is, we're gonna add a media query in here, and we're going to use the media query to change some of our layout based on screen size. So, what we're gonna focus on here, is we're gonna setup a media query for screen size. Again, we can have all, which is if you don't specify a particular media query, everything we're doing is for everything. When we talk at a screen, what we can do is, we can set a minimum and maximum width, and we set a max width earlier with our image, we said don't ever get wider than 150, but we can actually see how big the user's screen is. So we can tell by ...
Awesome, Chris, thank you so much. You know what I'd like to do now, two things. First, can you let us know how we can find you if those of us out there on the Internet want to potentially follow you online and sort of, oop, there we go.
Let's talk through this.
All right, so our company website is codifydesign.com. You can signup for our newsletter and we have a weekly newsletter with tips that you can watch online. My website is chrisconverse.com, and then Twitter, Facebook, Instagram, and YouTube. So these are places that will have more content online and I hope you guys just go and try this stuff. You know, HTML and CSS, it's just like what you're doing in tools like InDesign or PowerPoint, it's just that their separating the HTML and CSS, but at the end of the day, it's the same content. You're putting structure, you're putting content inside, you're styling it, you're coloring it, you're positiong it, it's really the same sort of idea, and I think once designers start playing with this, you really start to push the envelope of what we do on the web for graphic design.
And for folks that were just amazed by this content, and it really resonated with them, if they want to learn more, what can they do tomorrow Chris? Let's talk a little bit about that.