With an abundance of real-world examples and a focus on the principles of good design, The Book of CSS3 will help you expand your CSS skills, as you learn how to:
* Style text with custom font choices, drop shadows, and other effects
* Create, position, and resize background images on the fly
* Spice up static web pages with event-driven transitions and animations
* Apply 2D and 3D transformations to text and images
* Use linear and radial gradients to create smooth color transitions
* Take control of layout with grids, columns, and flexible alignment
* Tailor a website’s appearance to every type of web-capable device
The companion website includes up-to-date browser compatibility charts, links to tutorials and resources, and live CSS3 examples.
The Web can be an ugly place. Make it pretty with The Book of CSS3.
This course is for web developers who are familiar with HTML and CSS but want to understand the essentials of responsive web design. It is for those developers who are willing to seek innovative techniques that deliver fast, intuitive interfacing with the latest mobile Internet devices.What You Will LearnBuild a semantic website structure with HTML5 elementsUse Bower to organize website dependenciesMake responsive media that is optimized for the specific device on which it's displayed, allowing images, videos, and other elements be fully appreciatedMake typography that's fluidly responsive, so it's easy to read on all devices—no more hard-to-see text on a tiny mobile screenGet to know techniques for server-side and client-side media deployment, providing platforms that are scaled for any device that requests themIn Detail
Responsive web design is an explosive area of growth in modern web development due to the huge volume of different device sizes and resolutions that are now commercially available. The Internet is going mobile. Desktop-only websites just aren't good enough anymore. With mobile internet usage still rising and tablets changing internet consumption habits, you need to know how to build websites that will just “work,” regardless of the devices used to access them. This Learning Path course explains all the key approaches necessary to create and maintain a modern responsive design using HTML5 and CSS3.
Our first module is a step-by-step introduction to ease you into the responsive world, where you will learn to build engaging websites. With coverage of Responsive Grid System, Bootstrap, and Foundation, you will discover three of the most robust frameworks in responsive web design. Next, you'll learn to create a cool blog page, a beautiful portfolio site, and a crisp professional business site and make them all totally responsive.
Packed with examples and a thorough explanation of modern techniques and syntax, the second module provides a comprehensive resource for all things “responsive.” You'll explore the most up-to-date techniques and tools needed to build great responsive designs, ensuring that your projects won't just be built “right” for today, but in the future too.
The last and the final module is your guide to obtaining full access to next generation devices and browser technology. Create responsive applications that make snappy connections for mobile browsers and give your website the latest design and development advantages to reach mobile devices. At the end of this course, you will learn to get and use all the tools you need to build and test your responsive web project performance and take your website to the next level.
This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products:Responsive Web Design by Example: Beginner's Guide - Second Edition by Thoriq FirdausResponsive Web Design with HTML5 and CSS3 - Second Edition by Ben FrainHTML5 and CSS3 Responsive Web Design Cookbook by Benjamin LaGroneStyle and approach
This Learning Path course provides a simplistic and easy way to build powerful, engaging, responsive, and future proof websites across devices using HTML5 and CSS3 to meet the demands of the modern web user.
The important stuff you need to know:Start with the basics. Write CSS-friendly HTML, including the HTML5 tags recognized by today’s browsers.Design for mobile devices. Create web pages that look great when visitors use them on the go.Make your pages work for you. Add animations that capture the imagination, and forms that get the job done.Take control of page layouts. Use professional design techniques such as floats and positioning.Make your layouts more flexible. Design websites with Flexbox that adjust to different devices and screen sizes.Work more efficiently. Write less CSS code and work with smaller files, using Syntactically Awesome Stylesheets (Sass).
It covers:Layout techniquesImages, backgrounds, textNavigationGetting fancy with CSS3
The book is built around a real-life example project: a recipe website design. It's a fun and easily understandable project that is used to demonstrate the concepts outlined in the book in a practical way.
This is a clear, approachable and very easy-to-follow book that will get you to to speed with CSS in no time.
Rather than focus on design, CSS Secrets shows you how to solve problems with code. You'll learn how to apply Lea's analytical approach to practically every CSS problem you face to attain DRY, maintainable, flexible, lightweight, and standards-compliant results.
Inspired by her popular talks at over 60 international web development conferences, Lea Verou provides a wealth of information for topics including:Backgrounds and BordersShapesVisual EffectsTypographyUser ExperienceStructure and LayoutTransitions and Animations
This book is for web developers familiar with the basics of HTML5 and CSS3 who want to learn how to implement responsive typography. No coding experience is required, so dive in and get started!What You Will LearnCustomize and personalize fonts on a responsive websiteLearn how to write CSS3 rules for viewportsDefine media queries and write them using CSS3 and HTML5Implement SASS typography techniques to minimize the CSS output and manage the font variablesGet to grips with dropcaps and learn how to use them effectively on the webIn Detail
Typography is an essential part of any website's design. It can help you stand out from the crowd, communicate with clarity, and cultivate a distinctive identity.
Practical Responsive Typography demonstrates how to use typography to greatest effect. With this book you won't underestimate it's importance - you'll be in complete control over this crucial component of web design. From scaling and optimizing screen spaces to using a range of different web fonts, you'll quickly get up to speed with the practical considerations behind successful typography.
But more than the fundamentals, you'll also find out how to go further by customizing typography designs to suit your identity.Style and approach
This is an easy-to-follow guide full of real-world examples and tutorials. Each typography style and rule is clearly explained and placed in context.