Search results for ""Author Eric Meyer""

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 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

Read more less

Some aspects of the CSS formatting model may seem counterintuitive at first, but as you'll learn in this practical guide, the more you work with these features, the more they make sense. Author Eric Meyer gives you a good grounding in CSS visual rendering, from element box rules and concepts to the specifics of managing tricky layouts for block-level and inline elements. 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 Basic Visual Formatting 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. Learn the details of element box types, including block, inline, inline-block, list-item, and run-in boxes Change the type of box an element generates, from inline to block, or list-item to inline Dive into the complexities of horizontal and vertical block-box formatting Explore key concepts of inline layout: anonymous text, em box, content area, leading, inline box, and line box Understand formatting differences between nonreplaced and replaced inline elements

Read more less

As a web designer, you probably spend more time working with text than any other element. With this concise guide, you'll learn CSS3 properties for changing the appearance of text without altering the font face - including horizontal and vertical alignment, text transformation, word and letter spacing, text wrapping, and the direction of text flow. 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 Text, you'll receive a discount on the entire Definitive Guide once it's released. Why wait, when you can start manipulating text on your pages right away? Use properties for indenting and aligning lines of text Control the leading between lines of text beyond the font's size Change the amount of space between words and individual characters Add underlines, overlines, strike-throughs, shadows, and other effects Instruct browsers to prioritize speed, legibility, or geometric precision when rendering text Learn how and when to suppress automatic hyphenation Determine the direction that text flows, including left-to-right and top-to-bottom

Read more less

Present information in stunning new ways by transforming CSS elements in two- and three-dimensional space. Whether you're rotating a photo, doing some interesting perspective tricks, or creating an interface that lets you reveal information on an element's backside, this practical guide shows you how to use them to great effect. 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 Transforms 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. Create interesting combinations of 2D transforms and fully 3D-acting interfaces Learn two types of coordinate systems used in CSS transforms: the Cartesian coordinate system and the spherical system Use the transform property to translate, scale, rotate, and skew an element Create the illusion of depth by adding perspective to an element-or one perspective to a group of elements Reveal the back of an element with the backface-visibility property

Read more less

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 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.

Read more less

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 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

Read more less

One advantage of using CSS3 is that you can apply colors and backgrounds to any element in a web document, create your own gradients, and even apply multiple backgrounds to the same element. This practical guide shows you many ways to use colors, backgrounds, and gradients to achieve some pretty awesome effects. 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 Colors, Backgrounds, and Gradients, 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. Define foreground colors for a border or element with the color property Combine foreground and background colors to create interesting effects Position and repeat one or more images in an element's background Fix an image to a screen's viewing area, rather than to the element that contains it Use color stops to define vertical, horizontal, and diagonal linear gradients Create spotlight effects, circular shadows, and other effects with radial gradients

Read more less

If you're a web designer or app developer interested in sophisticated page styling, improved accessibility, and less time and effort expended, this book is for you. This revised fifth edition provides a comprehensive guide to CSS implementation along with a thorough review of the latest CSS specifications. Authors Eric Meyer and Estelle Weyl show you how to improve user experience, speed development, avoid potential bugs, and add life and depth to your applications through layout, transitions and animations, borders, backgrounds, text properties, and many other tools and techniques. We read the specs so you don't have to! This guide covers: Selectors, specificity, and the cascade, including information on the new cascade layers New and old CSS values and units, including CSS variables and ways to size based on viewports Details on font technology and ways to use any available font variants Text styling, from basic decoration to changing the entire writing mode Padding, borders, outlines, and margins, now discussed in terms of the new block- and inline-direction layout paradigm used by modern browsers Colors, backgrounds, and gradients, including the conic gradients Accessible data tables Flexible box and grid layout systems, including new subgrid capabilities 2D and 3D transforms, transitions, and animation Filters, blending, clipping, and masking Media, feature, and container queries

Read more less