In recent thread over at the SitePoint forums, someone asked how to have any sized image fit nicely into the viewport while maintaining its aspect ratio. The assumption is that all the content can fit in the viewport and no scrollbars are needed. While CSS is wonderful and magical, it doesn’t know the sizes of images and let us play with them to pixel perfection, so we must turn to good old JavaScript to maintain aspect ratio.
“Just more than 10 years ago, Mozilla threw its open-source code into the public domain. Today, its browser — Firefox — is preparing to launch its third major release in hopes of continuing to eat away at Microsoft’s Internet Explorer.
Firefox already has more than 18 percent of the global market, according to Net Applications. With the release of Firefox 3, Mozilla could see a boost in downloads and market share. Microsoft’s next version of Internet Explorer won’t come to market until later this year.
Tomorrow, Mozilla will release Firefox 3. After more than 34 months of active development and the contributions of thousands of people, Firefox 3 will be downloadable free from the Mozilla Web site. Mozilla is promising this is the best browser — period.”
Automatic properties provide you with a shorthand for defining a new property. No more do we have to create the private property and then use Getters and Setters to access and set that property. Here's the old code:
Now here's the code using automatic properties:
Oh my! How nice is that? The C# compiler creates the Getters and Setters and the private fields for you automagically!
I'm unavailable, can't be reached, no emails, no instant messages, no voice mail, i'm 404...
Sorry guys for the slow week, but I just had an addition to the family. My wife and I just had a baby boy! His name is Landon Sean Angeletti and he's fantastic. I'll be back in action next week. I'll cya then.
Mark
I'd like to share a couple of simple tips for adding graphical borders or side shadows to your CSS layouts. This article is mainly aimed at beginners but there are some useful tips for everyone if you'll bear with the simpler stuff first.
CSS Full Length Graphical Borders on Fluid Layout
It's quite easy to use graphical side borders on fixed width elements as you can simply repeat an appropriate sized image down the y-axis of the container and draw both edges at the same time. However, it is often not well understood how to achieve this effect with an element that has a fluid width especially in a 100% high environment.
We will first learn how to apply an image to both sides of a normal content height (but fluid width) container and then later on explore the possibilities of using this for a 100% (viewport high) container.
