Books: 67

CSS

CoverTitleYear
KEY FEATURES * 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 more » decouple visual components. BOOK DESCRIPTION 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. 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 ABOUT THE AUTHOR Ben Frain, Senior Front-end Developer at bet365, is a widely respected CSS developer and industry thought leader. Ben is the author of two successful and widely respected books Responsive Web Design with HTML5 and CSS3 and Sass and Compass for Designers, both published by Packt Publishing. Ben lives in Cheshire, England with his wife and two children. You can follow him on Twitter at http://twitter.com/benfrain and at his website (http://benfrain.com). TABLE OF CONTENTS 1. Writing Styles for Rapidly Changing, Long-lived Projects 2. The Problems of CSS at Scale 3. Implementing Received Wisdom 4. Introducing the ECSS Methodology 5. File Organisation and Naming Conventions 6. Dealing with State Changes in ECSS 7. Applying ECSS to your Website or Application 8. The Ten Commandments of Sane Style Sheets 9. Tooling for an ECSS Approach 10. CSS Selector Performance 11. Browser Representatives on CSS Performance « less
2017
Floats and Float Shapes
While flowing text around images is certainly nothing new, with CSS you can float any element, from images to paragraphs to lists. In this practical guide, author Eric Meyer reveals some interesting—and surprising—ways to use CSS floats in your web design, including the latest capability to flow content more » past non-rectangular float shapes. Short and sweet, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of CSS Floating, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Learn how to bring life to your web pages now. * Learn the characteristics of floated elements, and CSS rules for using them * Be aware of certain rule exceptions when applying floats to your design, including the use of negative margins * Use the clear property to prevent floats from affecting elements in the next section of the document * Create floating boxes in non-rectangular shapes, including rounded corners, circles, ellipses, and even polygons * Define float shapes with transparent or opaque images « less
2016
* Why This Book * CSS (Cascading Style Sheet), the styling language used for websites, since its inception in 1996 has come a long way. Its latest incarnation is CSS3 that is completely compatible with the earlier specifications of CSS. This book is aimed at those who just started working on web design, more » CSS programming in particular. After completing this book, you would be able to style any website. * What You Will Learn * This book will teach you to create complex layouts, effects, animations, transitions, transformations, and much more with CSS code. The CSS properties are explained with examples and screen captures. You will gain skills by completing the exercises provided in the book. * How This Book Is Structured * This book contains 10 units, 200+ code listings, and 15 hands-on exercises. Exercises [30+] are given at the end of the each chapter for practice. The following table summarizes the content of the book. *TOC* Unit CS1: Getting Started with CSS This unit stats with the introduction of CSS and CSS syntax. You will learn to create and apply CSS styles. Unit CS2: Identifying what to Select – Selectors This unit deals with selectors. In the Unit, core CSS selectors are explained. Unit CS3: Working with the Box Model This unit explains the box model and the properties that are used to style the box. Unit CS4: Working with the Borders and Backgrounds This unit explain the techniques to create borders around boxes to properly visualize the padding and margin spaces. Unit CS5: Working with Color This unit deals with colors. You will learn to set foreground color, background color, and opacity for the elements. Unit CS6: Formatting Text The formatting of text is very important to create a webpage that appeals. In this unit, you will learn to use of the properties that you can use to format text. Unit CS7: Styling Lists, Table, Forms, and Cursors In this unit, you will learn how to change appearance of the unit elements, format tables, and specify bullet point styles for the lists. Unit CS8: Creating Layout In this unit teaches you how to control the position of the element on a page and how to create different types of layouts using CSS including the multicolumn layout. Unit CS9: Animation, Transformations, and Transitions This unit deals with animation, transformations, and transitions. You will learn how to apply animation to the elements of a page using CSS. Unit CS10: Media Queries This units deals with presenting content to all devices such as desktops, mobile phones, and tablets using media-queries. Unit HOECS1: CSS Hands-on Exercises This unit contains 11 hands-on exercises on CSS3 styling. Unit HOEHT1: HTML Hands-on Exercises This unit contains 4 hands-on exercises on creating HTML layouts using CSS3. Unit CSA: Self-Evaluation Test The purpose of the evaluation test is to evaluate the skills you have gained during this course. Attempt the test and send answers to the author. On successful completion of the test, you will be awarded a certification of completion. * What are the main features of the book? * • Beautifully designed and formatted units with screen shots and illustrations to help you quickly learn CSS programming. • Less theory more practical. Saves many hours of struggle and pain. • The important terms are italicized and color coded so that you never miss them. • Covers CSS3 using HTML5 template. • Additional information in form of tip, and notes. • Color PDF of images used in the book. • 10 units written in an easy to understand language. • 200+ code listings, and 15 hands-on exercises. • 30+ exercises for practice. • Full source code included. • Self-Evaluation Test and certificate of completion. More info: bit.ly/css3crashcourse « less
2016
Interface Layout for the Web
CSS has had a layout-shaped hole at its center since the beginning. Designers have bent features such as float and clear to help fill that hole, but nothing has quite done the job. Now that’s about to change. With this concise guide, you’ll learn how to use CSS grid layout, a generalized system that more » lets you lay out pieces of your design independent of their document source order and with full awareness of the overall design. Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Grid Layout in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Learn how to make your web pages come alive today. * Explore the differences between grid boxes and block containers * Create block-level grids, inline grids, and even nest grids inside grids * Learn best practices for attaching elements to your layout, using explicitly defined grid lines or grid area * Understand how the implicit grid automatically adjusts for oversized elements * Create gutters between grid elements, and align and justify individual items Eric A. Meyer is an author, speaker, blogger, sometime teacher, and co-founder of An Event Apart. He’s a two-decade veteran of the Web and web standards, a past member of the W3C’s Cascading Style Sheets Working Group, and the author of O’Reilly’s CSS: The Definitive Guide. « less
2016
CSS Box Model Details
The ability to apply margins, borders, and padding to any web page element is one of the things that sets CSS so far above traditional markup. With this practical guide, you will not only learn how to use these properties to lay out your document, but also how to change and control the appearance of more » any element on the page. Short and sweet, this short book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Padding, Borders, Outlines, and Margins in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Learn how to bring life to your web pages now. * Understand the CSS box model, including the way different properties relate to one another * Use tricks for defining padding values, including inline element padding * Explore border width, style, and color, plus the use of border images * Learn how to use outlines: presentational elements that won’t affect layout * Dive into the use of margins, including the way top and bottom margins collapse « less
2016
Layout Enhancements for the Web
The Grid Layout spec will soon change your approach to website design, but there will still be plenty of uses for CSS positioning tricks. Whether you want to create sidebars that remain in the viewport (browser window), add sticky section headings to lists or long articles, or overlap one element with more » another, this concise ebook will expertly guide you through all the main CSS positioning types. Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Positioning in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Make your web pages come alive today. You'll learn how to: * Remove an element from a document but keep its new position part of the document’s flow with absolute positioning * Keep an element like a masthead or sidebar in one fixed position in the viewport with fixed positioning * Preserve an element’s shape and the space it occupied in the document with relative positioning * Make a document’s headers selectively stay still in response to scrolling conditions with sticky positioning Eric A. Meyer is an author, speaker, blogger, sometime teacher, and co-founder of An Event Apart. He’s a two-decade veteran of the Web and web standards, a past member of the W3C’s Cascading Style Sheets Working Group, and the author of O’Reilly’s CSS: The Definitive Guide. « less
2016
Tame the Modern Style Sheet
Design websites faster than ever using Sass--the most mature and popular CSS meta-language. On any platform, integrate Sass into your project, create a reusable style guide, and use maps to drastically reduce duplication in your stylesheets. You'll see how to code the right way in Sass with short, clear more » examples on two-page spreads that show the explanation on one side and code examples on the other. This ultimate guide to using Sass, written by its creator, is updated and expanded with all the new features found in Sass 3.4, making you an expert in no time. Sass lets you write CSS faster and more easily by enabling you to use features that regular CSS doesn't have yet. Bring the power of Sass to your projects, whether you use Node.js, Ruby, or any other programming language. This updated Pragmatic Guide gives you brief, targeted hands-on examples in an easy-to-follow modular format. Use variables to easily change color values, measurements, or fonts across a whole project. Pare down large style sheets into comprehensible code with maps and placeholder selectors. Organize your Sass with media queries to make maintainable, responsive designs. Create your own layout systems and build shared tooling across projects that make designs more consistent. Learn the differences between extends and mixins. Build data structures to make creating site-wide color schemes a breeze, and use placeholder selectors to keep style sheets cleaner. Pass content through mixins, prevent accidental deep nesting of selectors, and use cutting-edge modular add-ons in the new Sass ecosystem, such as Eyeglass, Susy, and Bourbon Neat. This revised guide covers all the new features in Sass 3.4, including selector parsing and manipulation. Make full use of all Sass's features by updating to the most mature and powerful CSS toolchain out there. What You Need: A solid understanding of CSS, and either comfort using the command line or installing GUI software on your computer. Sass 3.4 installed on any Mac, Linux, or Windows machine. « less
2016
This books demonstrates the freshest cutting-edge layout tools found within CSS3, teaching you the skills you’ll need to create advanced design patterns for websites and apps. Pro CSS3 Layout Techniquesteaches you how to make the most of CSS3’s existing specification, including those parts of the more » specification already widely implemented, as well as the upcoming modules that are still being developed by the W3C. After reading this book you’ll be able to confidently develop sophisticated, flexible layouts that aren't possible with CSS2.1. CSS1 allowed designers to separate content from presentation for the first time and CSS2 cemented support for advanced typographical control, but neither specification provided more than rudimentary layout control. CSS3’s latest additions allow designers to craft fully responsive, sophisticated layouts without the need for complex scripts or smoke-and-mirror workarounds. CSS3 is still in active development, with browser vendors racing against each other to implement the latest recommendations from the W3C. Pro CSS3 Layout Techniques will help you cut through the waffle and get straight to the heart of what works now, while showing you how to be ready for the future of CSS! * Teaches cutting-edge techniques for CSS3 layout * Covers all major CSS3 layout modules including multi-column, regions, and grid * Includes detailed coverage and examples of the new, powerful FlexBox * Features beta information on edge-modules in development * Covers use of libraries, frameworks and polyfills « less
2016
KEY FEATURES * 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 BOOK DESCRIPTION CSS more » 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. 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 ABOUT THE AUTHOR Piotr Sikora is lead frontend developer at Nitro Digital, based in Kielce, Poland. He started working on web projects when he was in high school. Over the years, he has been a Flash developer, project manager, and team supervisor. He loves digital projects and dealing with all things digital. Piotr is a b-boy (break dancer) and has learned a lot of artistic stuff from dance. He teaches dance in his free time. TABLE OF CONTENTS 1. Foundations and Tools 2. Mastering of Fundamentals 3. Mastering of Pseudoelements and Pseudoclasses 4. Responsive Websites – Prepare Your Code for Specific Devices 5. Using Background Images in CSS 6. Styling Forms 7. Resolving Classic Problems 8. Usage of Flexbox Transform 9. Calc, Gradients, and Shadows 10. Don't Repeat Yourself – Let's Create a Simple CSS Framework 11. Mailers Fundamentals 12. Scalability and Modularity 13. Code Optimization 14. Final Automatization and Processes Optimization « less
2016
CSS Table Rendering in Detail
Isn’t table layout something web designers want to avoid? Yes, but rather than use tables for layout, this book is about the ways that tables themselves are laid out by CSS, a process more complicated than it appears. This concise guide takes you on a deep dive into the concepts necessary for understanding more » CSS and tables in your web layout, including table formatting, cell alignment, and table width. Short and deep, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Table Layout in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Make your web pages come alive today. You’ll explore: * Formatting—learn how elements such as display values, anonymous objects, and table layers relate to each other when you assemble CSS tables * Cell border appearance—understand two distinct approaches (the separated model and the collapsed model) that govern how (or if) borders merge * Table sizing—determine table width by using either a fixed- or automatic-width layout, and learn how heights are calculated « less
2016