by Rebecca Pleshaw
24. November 2010 04:02
Cloud Construct is proud to have just recently launched the Bolstr website, which is the first website designed and developed on our platform to fully utilize some of the latest and greatest web development tricks and techniques under the hood of HTML5 and CSS3.
We were able to design and develop the Bolstr web presence with a non-standard font, by way of specialty font rendering. This allowed us to break from the mold of “browser-friendly” fonts and employ a little bit of creativity. Instead of having an image represent specialty fonts, the font file is a part of the website solution and downloaded to the user’s machine. The web browser will render this font across the website where specified. This method is efficient because you’re downloading one font file which renders throughout, as opposed to a previous solution that consists of downloading multiple images for every text instance. This also allows for the content to be scalable and quite easy to edit.
Other newly implemented techniques all collectively make development much more efficient and are edging us closer to full CSS-based development. Some used throughout Bolstr include rounded corners, which replace image-based methods with CSS border radius properties. The background gradient is completed by way of CSS linear gradients. Drop shadows are present now with the box-shadow property. These are the more preval
ent CSS3 features that while fun to use, still cause some discrepancies in older browsers. In order to overcome this, Cloud Construct has developed alternate styles that ensure graceful degradation in supporting these new features.
