Download the slides for my presentation on The Future of CSS Layout for the Future of Web Design NYC 2012 conference, as well as get links to related resources on flexible box layout, new CSS3 layout-related modules, and other float-alternative layout techniques.
Posts Tagged: CSS3
Building Responsive Layouts presentation at Responsive Web Design Summit
Download the slides for my presentation on Building Responsive Layouts for the Responsive Web Design Summit 2012, as well as get links to related resources on fluid layouts, media queries, and other responsive web design techniques, tools, and inspiration.
Responsive web design presentation at STC Summit
Download the slides for my presentation on CSS3, Media Queries, and Responsive Web Design for the STC Summit 2012, as well as get links to related resources on media query and responsive web design techniques, tools, and inspiration.
Media queries presentation at indieconf
Download the slides for my presentation on CSS3: Using Media Queries to Improve the Web Site Experience for indieconf, as well as get links to related resources on media query techniques, tools, and inspiration.
Essential considerations for crafting quality media queries
Learn what you need to know to set up media queries that maximize efficiency and robustness for your particular project. There are pros and cons to making your media queries embedded versus external, overlapping versus stacking your media queries, starting with mobile versus desktop styles, and using conditional comments versus JavaScript to add support for IE 8 and earlier versions.
Bug fixes for removing the inner shadow on iOS inputs
You should be able to remove the default inner shadows on text field inputs in Safari on iOS using -webkit-appearance
, but a couple bugs with the property reduce its usefulness. Luckily, you can work around the bugs using CSS3 gradient background images instead.
There’s already a book on responsive web design. Want to win it?
I’m giving away two copies each of my two books. Use them together to learn all about how to make responsive web designs.
Free samples of Stunning CSS3
Get a taste of my new book, Stunning CSS3: A Project-based Guide to the Latest in CSS, by downloading extensive excerpts from Chapter 2 and Chapter 6.
Examples of flexible layouts with CSS3 media queries
Media queries let you to feed different CSS to users based on their viewport size (among other things), allowing you to create even more flexible layouts than ever before. See visual examples of real sites that use CSS3 media queries to make the layout more adaptable to the variety of screen sizes and devices in use today.
Adobe MAX slides and resources
Download the slides for my presentation on Designing with CSS3 Effectively and Efficiently for Adobe MAX, as well as get links to related resources on CSS3 effects, benefits, and media queries.