Category:User experience -> UX strategy -> Implement -> Meyer
Everything old is new again (Eric Meyer, An Event Apart, Boston 2010)
- The box model
- In CSS3, the box-sizing property (box-sizing: border-box;) eliminates the float drop when doing, say, three 33% columns. If you’re going to use it now. you’ll have to use vendor-specific prefixes.
- Rounded corners
- border-radius: 20px;
- Happy Cog likes using ems for font-sizing. It allows for flexibility while maintaining precision. To get the em size that you want instead of pixels, divide the target size by the context font size. This will give you the new em value to use. Don’t worry about decimals; you can drop those right in.
- If you can do this for fonts, you can do this for structural elements as well. When you do this, you can then change the width of the holding element (in CSS or by changing the width of the browser window).
- Images: img { max-width: 100%; }
- Objects: object { max-width: 100%; }
- This will keep the images/objects from never being larger than the size of their containers.
- When you have multiple media queries, they can inherit from one another. For example: When you have a max-width rule for 320px and 640px, the smaller one will render the 640 stuff too because both are under 640.
Articles in category "User experience -> UX strategy -> Implement -> Meyer":
There is 1 article for this category
