Harness the power of CSS3 to design stunning, modern websites About This Book Explore the CSS files structures, add the right methodologies, and get a final product without any code chaos Make your websites faster, more responsive, and more efficient using the minimum CSS code Design better and more modern websites using the new features of CSS3 Who This Book Is For This book is for web designers who wish to learn the best ways to work with CSS for web development. What You Will Learn Familiarize yourself with the concepts of CSS and the SASS pre-processor Get familiar with selectors to build better CSS code Gain knowledge on the common issues with CSS and discover the solutions Write scalable code using various CSS methodologies and optimization techniques Create a simple and reusable framework based on SASS Explore the various tools involved in CSS code creation In Detail CSS is the preferred technology to design modern web pages. Although CSS is often perceived as a simple language, applying modern styles to web pages with CSS and maintaining the code for larger websites can be quite tricky. We will take you right from understanding CSS to designing high-quality web pages in CSS3. We'll quickly take you through CSS3's features, and show you how to resolve common issues so you can build your basic framework. Finally, you will learn about code architecture and CSS methodologies used in scalable apps and you'll explore the various new features of CSS3, such as FlexBox, to help you create the most modern layout methodologies. By the end of the book, you will be a master at creating pure CSS web pages and will know sophisticated web design techniques, giving you an edge over other web designers. Style and approach This book is packed with several code examples that you can easily test in all types of browsers. Each example provides a detailed description of the inner workings of CSS techniques.

Modularize your JavaScript code for better readability, greater maintainability, and enhanced testability About This Book Design and build fully modular, modern JavaScript applications using modular design concepts Improve code portability, maintainability, and integrity while creating highly scalable and responsive web applications Implement your own loosely coupled code blocks that can power highly maintainable and powerful applications in a flexible and highly responsive modular architecture Who This Book Is For If you are an intermediate to advanced JavaScript developer who has experience of writing JavaScript code but probably not in a modular, portable manner, or you are looking to develop enterprise level JavaScript applications, then this book is for you. A basic understanding of JavaScript concepts such as OOP, prototypal inheritance, and closures is expected. What You Will Learn Understand the important concepts of OOP in JavaScript, such as scope, objects, inheritance, event delegation, and more Find out how the module design pattern is used in OOP in JavaScript Design and augment modules using both tight augmentation and loose augmentation Extend the capabilities of modules by creating sub-modules using techniques such as cloning and inheritance Move from isolated module pieces to a cohesive, well integrated application modules that can interact and work together without being tightly coupled See how SandBoxing is used to create a medium for all the modules to talk to each other as well as to the core Use the concepts of modular application design to handle dependencies and load modules asynchronously Become familiar with AMD and CommonJS utilities and discover what the future of JavaScript holds for modular programming and architecture In Detail Programming in the modular manner is always encouraged for bigger systems—it is easier to achieve scalability with modular programming. Even JavaScript developers are now interested in building programs in a modular pattern. Modules help people who aren't yet familiar with code to find what they are looking for and also makes it easier for programmers to keep things that are related close together. Designing and implementing applications in a modular manner is highly encouraged and desirable in both simple and enterprise level applications. This book covers some real-life examples of modules and how we can translate that into our world of programming and application design. After getting an overview of JavaScript object-oriented programming (OOP) concepts and their practical usage, you should be able to write your own object definitions using the module pattern. You will then learn to design and augment modules and will explore the concepts of cloning, inheritance, sub-modules, and code extensibility. You will also learn about SandBoxing, application design, and architecture based on modular design concepts. Become familiar with AMD and CommonJS utilities. By the end of the book, you will be able to build spectacular modular applications in JavaScript. Style and approach This in-depth step-by-step guide will teach you modular programming with JavaScript. Starting from the basics, it will cover advanced modular patterns that can be used in sophisticated JavaScript applications.

Demonstrates the control and flexibility Cascading Style Sheets bring to Web design, covering selectors and structure, units, text manipulation, colors, backgrounds, borders, visual formatting, and positioning.

Take advantage of JavaScript’s power to build robust web-scale or enterprise applications that are easy to extend and maintain. By applying the design patterns outlined in this practical book, experienced JavaScript developers will learn how to write flexible and resilient code that’s easier—yes, easier—to work with as your code base grows. JavaScript may be the most essential web programming language, but in the real world, JavaScript applications often break when you make changes. With this book, author Eric Elliott shows you how to add client- and server-side features to a large JavaScript application without negatively affecting the rest of your code. Examine the anatomy of a large-scale JavaScript application Build modern web apps with the capabilities of desktop applications Learn best practices for code organization, modularity, and reuse Separate your application into different layers of responsibility Build efficient, self-describing hypermedia APIs with Node.js Test, integrate, and deploy software updates in rapid cycles Control resource access with user authentication and authorization Expand your application’s reach through internationalization

Get a Jump Start on the popular CSS preprocessor Sass today! Using Sass, you can write your stylesheets in a more concise, dynamic, and readable way, and cut down many of the tedious repetitive tasks that come with writing vanilla CSS. Sass simplifies your stylesheets, adding some useful features missing from CSS. Most importantly, Sass will save you time. This book provides a thorough introduction to Sass for the beginner. In it, you'll learn: What preprocessors are and how they can be useful Installation and getting started Variables, mixins, and functions Loops and conditions Nesting Extend Warnings & errors Project architecture The Sass ecosystem And more!

Learn to really THINK about CSS, and how to create CSS that endures continual iteration, multiple authors, and yet always produces predictable results About This Book Address the problems of CSS at scale, avoiding the shortfalls of scaling CSS. The shortfalls of conventional approaches to scaling CSS. Develop consistent and enforceable selector naming conventions with ECSS. Learn how to organize project structure to more easily isolate and decouple visual components. Who This Book Is For This is a book for working CSS authors involved in large projects. This is a book that tackles create enduring CSS for large-scale projects. What You Will Learn The problems of CSS at scale—specificity, the cascade and styles intrinsically tied to element structure. The shortfalls of conventional approaches to scaling CSS. The ECSS methodology and the problems it solves. How to develop consistent and enforceable selector naming conventions with ECSS. How to organise project structure to more easily isolate and decouple visual components. How to handle state changes in the DOM with ARIA or override selectors. How to apply ECSS to web applications and visual modules. Considerations of CSS tooling and processing: Sass/PostCSS and linting. Addressing the notion of CSS selector speed with hard data and browser representative insight In Detail Learn with me, Ben Frain, about how to really THINK about CSS and how to use CSS for any size project! I'll show you how to write CSS that endures continual iteration, multiple authors, and yet always produces predictable results. Enduring CSS, often referred to as ECSS, offers you a robust and proven approach to authoring and maintaining style sheets at scale. Enduring CSS is not a book about writing CSS, as in the stuff inside the curly braces. This is a book showing you how to think about CSS, and be a smarter developer with that thinking! It's about the organisation and architecture of CSS—the parts outside the braces. I will help you think about the aspects of CSS development that become the most difficult part of writing CSS in larger projects. You'll learn about the problems of authoring CSS at scale—including specificity, the cascade and styles intrinsically tied to document structure. I'll introduce you to the ECSS methodology, and show you how to develop consistent and enforceable selector naming conventions. We'll cover how to apply ECSS to your web applications and visual model, and how you can organize your project structure wisely, and handle visual state changes with ARIA, providing greater accessibility considerations. In addition, we'll take a deep look into CSS tooling and process considerations. Finally we will address performance considerations by examining topics such as CSS selector speed with hard data and browser-representative insight. Style and approach Learn with me, Ben Frain, about how to really think about CSS. This is a book to deal with writing CSS for large-scale, rapidly changing web projects and applications. This isn't a book about writing CSS, as in the stuff inside the curly braces - this is a book about the organisation and architecture of CSS; the parts outside the braces!