- Polish your skills to design highly responsive websites for the modern web
- Learn how to plan your design for print, web, mobile, and even TVs
- Gaze into the future of web design with CSS4 features!
The modern web puts the user at the center of all activities. With 100s of different devices out there, web designers must up their game and develop sites that work for TV, mobile, and print, and large as well as small screens. The modern web is based on responsive websites that adapt to the user and their needs. Today websites reach far and wide from computers, TVs, printers, and e-books to mobile devices. The old way of building websites doesn't work anymore and we need to move to a responsive web design strategy to keep up with the changing world.
This video course is the ultimate guide to responsive web design that will give you all the knowledge and skills needed to create fully responsive designs for the modern web!
Over the past ten years Packt Publishing has developed an extensive catalogue of over 3000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our courses continue this tradition, bringing you comprehensive yet concise screencast tutorials straight from the experts.
StartOverview and Download (1:59)
StartWhat are media Queries? (4:10)
StartMedia Queries Hello World (6:58)
StartMedia Queries within a CSS file with the @media rule (3:59)
StartMedia Query rule combination (8:32)
StartMedia Type Summery
StartDo you really get it? :)
StartReferences and further reading
Frequently Asked Questions
This video course walks you through all the steps involved in building responsive designs with ease and will upgrade your skills as a web designer.
We will start off with the basics of media queries, which are the key to responsive design, and creating custom layouts based on output type. You’ll get a deeper understanding of responsive design, how to plan for it, and how to work with various media query expressions and features. You’ll learn how to design for multiple devices and resolutions, and optimize for media types including print, screen, mobile, desktop, and more. In addition, you will also become familiar with central responsive frameworks, such as Bootstrap, and will become able to tackle responsive design challenges using effective design strategies.
Finally, we will look at the future of web design and discuss CSS4 media queries, which were still in the planning stages when this course was being developed. These are not supported yet by browsers, but will give us a glimpse of what lies ahead to help us understand the possible future for media queries.
What you will learn from this video course
- Get an in-depth knowledge of media queries—the heart of responsive web design
- Create advanced design strategies for different devices, aspect ratios, and resolutions
- Work with the Twitter Bootstrap framework to build effective designs
- Make your design backward-compatible and expand support to IE9 with HTML5shim
- Enhance the user experience using relative measurement types
- Stay up to date with all the future developments in web design and discover CSS4 media queries
Who this video course is for
Are you an existing web developer familiar with HTML and CSS, who is ready to take on the future of web creation using responsive web design? Then this is the course for you!
Style and approach
This video course conveys the design concepts used to quickly and effectively build responsive websites through practical and easy-to-understand examples.
Ben Fhala discovered his passion for data visualization while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of the online video training school, 02geek.com, and an Adobe ACP. He enjoys spending most of his time learning and teaching, and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world.
He has built many interactive experiences for companies such as Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards.