Explore numerous techniques to improve the way you write CSS as you build 12 tiny projects. For readers who know the basics of HTML and frontend development. No previous experience of CSS is required. In Tiny CSS Projects, you will build twelve exciting and useful web projects with CSS — a must-know tool. This textbook teaches you how to make beautiful websites and applications by gilding you through a dozen fun coding challenges. You will learn important skills through hands-on practice as you tinker with your own coding and will make actual creative decisions about the projects you re building. You will rapidly master the basic features, including A loading screen created by styling SVG graphics A responsive newspaper layout with multi-columns Animating social media buttons with pseudo-elements Designing layouts using CSS grids Summary cards that utilise hover interactions Styling forms to make them more appealing to your users The projects may be tiny, but the CSS skills you will learn are huge! Press on with CSS s exciting layout features, including grid and flexbox, animations, transitions, and media queries. About the technology Cascading Style Sheets (CSS) make the web beautiful. Where HTML structures a page and JavaScript gives it additional functionality, CSS handles colours, layouts, and typography — everything your users love about your site. While CSS is an established tool used in almost all production websites, it s also evolving to include new features.

Understand the realities of modern web accessibility and what considerations should be made to include everyone. There are hundreds of millions of people who are being left out every single day on the web due to disability or circumstance. The purpose of web accessibility is to remove barriers and bring the information, services, and functionality of the web to as many people as possible so they can be included in this global community. This book makes the topic of web accessibility as approachable as possible to help every web professional become an accessibility advocate at their companies, on their projects, and in their communities. This discussion will go beyond the buzzword to explore the impact our designs and decisions have on real people, along with the ethical, legal, and financial incentives for accessibility prioritization. For those who are ready to get started the book covers tools and techniques for testing websites or web applications for conformance to the Web Content Accessibility Guidelines. Because we very rarely work in a vacuum the book also covers how to educate your team or company management on web accessibility as well as persuading them to invest time and money in accessibility. For those looking to start an accessibility practice at their company - or simply to ensure that nothing slips through the cracks - the book includes a guide to creating your very own accessibility action plan. Having a well-documented plan of action is an essential step in the long-term success of any initiative. Get started with web accessibility using Approachable Accessibility today. What You'll Learn Discover various ways that website design can exclude or even harm users Gain an understanding of the Web Content Accessibility Guidelines (WCAG) 2.1 Put together an accessibility action plan for your organization Explore tools and techniques for evaluating your existing websites Who This Book Is For Web designers and developers who want to know more about web accessibility or just want to know how to get started; tech leaders who need help building an accessibility practice or convincing their company to invest in web accessibility; project managers and owners making scope decisions for a project.

Leverage various CSS features in combination with popular architectures in order to bring your style sheets back under your control. While CSS is the primary technology used for building beautiful web user interfaces, the style sheet files themselves are often quite ugly; left chaotic and unstructured through lack of a consistent architectural approach. By addressing the structure of your style sheets in the same way that you do with code, see how it is possible to create style rules that are clean and easy to read. Dig deep into CSS fundamentals and learn how to use the available selectors to build powerful rules. You will learn how to use cascading, inheritance, pseudo-classes, pre-processors, and components to produce cleaner, DRY-er style sheets, and how to let these features work for you instead of leading you down the road of rule duplication and design inconsistencies. Embrace the clean, semantic HTML to make your code easier to read, while supporting accessibility and assistive technologies. Separate the concerns of layout and style to simplify dynamic theming and white labeling, making you a marketing hero. Once you've finished this book you will have an advanced knowledge of CSS structures and architectural patterns that will take the pain out of style sheets for you (and your coworkers), and help you implement designs faster and easier than ever before. What You'll Learn Understand the core CSS fundamentals of Inheritance, Cascading, and Specificity Work with architecture and design patterns for better organization and maintenance Maximize code reuse with CSS precompilers Review the strengths and weaknesses of popular architecture patterns Who This Book Is For Primarily for front-end web developers and UI designers and anyone who works with CSS, particularly if they find it cumbersome and inelegant. It's also suitable for software architects and tech leads who are responsible for the maintainability of their code base.