An Introduction To CSS3 Keyframe Animations - Smashing Magazine Advertisement By now you’ve probably heard at least something about animation in CSS3 using keyframe-based syntax. The CSS3 animations module1 in the specification has been around for a couple of years now, and it has the potential to become a big part of Web design. Using CSS3 keyframe animations, developers can create smooth, maintainable animations that perform relatively well and that don’t require reams of scripting. It’s just another way that CSS3 is helping to solve a real-world problem in an elegant manner. If you haven’t yet started learning the syntax for CSS3 animations, here’s your chance to prepare for when this part of the CSS3 spec moves past the working draft2 stage. In this article, we’ll cover all the important parts of the syntax, and we’ll fill you in on browser support so that you’ll know when to start using it. A Simple Animated Landscape Scene (NOTE: Versions of Safari prior to 5.1 have a bug that prevents the animation from finishing correctly. The @keyframes At-Rule
Media Queries for Standard Devices If you think responsive’s simple, I feel bad for you son. We got 99 viewports, but the iPhone’s just one.—Josh Brewer, March 10, 2010 A major component of responsive design is creating the right experience for the right device. If you’re looking for a comprehensive list of media queries, this repository is a good resource. If you’re reaction to this is: you should never base your breakpoints on devices!! MSBuildShellExtension html - CSS List Spacing After Paragraph Kaxaml html - How to style checkbox using CSS Download LINQPad Farewell Floats: The Future of CSS Layout Floats are one of the most basic tools for structuring a web page using CSS. They’re both one of the very first things that we learn about and one of the last things that we truly master. Today’s article looks at some of the reasons that floats are pretty lame and takes a look at a number of alternative layout systems, some of which are still under development but may one day represent the standard for CSS-based layout. A Tale of Tables Once upon a time, web designers used HTML tables to accomplish complex page layouts. For newbies, when I say “non-semantic,” I mean that table-based layout is a bastardization of the table element. Floats: The New Tables? Today, we scoff at this practice. Today one of the primary ways that we have replaced our table-dependent ways is the use of floats for layout. Though many of us have simply grown accustomed to using them, floats are far from ideal. The Clearfix Band-Aid Is creating an empty container to hack a broken layout a good practice? The Future
VertrigoServ All About Floats By Chris Coyier On What is "Float"? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In page layout programs, the boxes that hold the text can be told to honor the text wrap, or to ignore it. In web design, page elements with the CSS float property applied to them are just like the images in the print layout where the text flows around them. Setting the float on an element with CSS happens like this: There are four valid values for the float property. What are floats used for? Aside from the simple example of wrapping text around images, floats can be used to create entire web layouts. Floats are also helpful for layout in smaller instances. This same layout could be accomplished using relative positioning on container and absolute positioning on the avatar as well. Clearing the Float Float's sister property is clear. In the above example, the sidebar is floated to the right and is shorter than the main content area. The Great Collapse
iPhone apps for construction This article lists iPhone apps for the construction, architecture and engineering industries. (Another place to look, of course, is the iPhone App store, which as of this writing is closing in on 100,000 iPhone applications.) iPhone apps for construction: Document and data management Documents To Go: This application allows users to do the following: • view, edit, and create Microsoft Word documents; • view Excel, powerpoint, PDF and iWork, and • send and receive Microsoft Exchange Email. Pronto: Use forms on your iPhone to capture, report and manage information. iPhone apps for construction: Job cost accounting Expensify: We all need to keep better track of business expenses such as vehicle fuel, meals, and lodging, so this free expense tracking system aims to help out with that. ReceiptsOnDisk: With this expense tracking system, you can now capture receipts as you buy things and store them on your iPhone for later retrieval as needed. iPhone apps for construction: At the jobsite