Post pobrano z: Weightshift
Archiwum kategorii: CSS
Diesel: Only The Brave
„The new fragrance from Diesel. Website boats performances by some of the world’s leading graphic artists.”Non-Flash Peeling Page Effect Using jQuery & CSS
Post pobrano z: Non-Flash Peeling Page Effect Using jQuery & CSS
The Peeling Page is an effect is normally used by advertisers to show advertisements that would otherwise occupy space that is larger than what is available on a page. It is very slick, and is normally implemented in Flash. This script on Flashden costs $4, though there is a free tutorial available. The thing about the Flash version is that it uses both JavaScript and Flash, which may not be everyone’s cup of tea.
This is where Soh Tanaka’s jQuery + CSS idea comes in. It uses simple CSS and jQuery to mimic the Flash version, which can possibly translate to faster development and maybe even faster loading pages. The tradeoff is the absence of any extensive banner animation — something that can only be done in Flash. However, I believe this solution is worthy of a look, at least for those in need of a quick peeling page component for their project.
Owltastic
Post pobrano z: Owltastic
Think Do Create
Post pobrano z: Think Do Create
Admirable World
„For each travel route option an unforgettable experience is presented and a feature of the Ford Edge car is highlighted.”Umbro | Tailored by England
„See the new England football kit from Umbro and how it brings together the traditional values of classic tailoring with modern fabric technology and a revolutionary design philosophy.”Volkswagen Tiguan
„The Volkswagen Tiguan 'Moving city’ campaign that reflects the adaptable nature of the Tiguan to an ever changing environment.”Pure CSS + HTML Calendar 2009
As self-proclaimed CSS experts, we must live, eat and breathe CSS – 25 hours a day. What better way to do this than by using a CSS + HTML calendar! Lovingly hand-crafted(tm) by Vladimir Carrer, the Grid Calendar is inspired by the Best of Calendar Design, and can be downloaded for free (can you believe it?)
This reminds me a lot of the designs posted on the 2007 elzr Infodesign challenge, as well as Adam Sporka’s Thumb Calendar which I am personally very fond of.
Perhaps there’s a designer out there with uber talent a lot of spare time who could take the Grid Calendar to the next level. It certainly could use a little more color, and those white spaces between the grids are making the nerve endings of my eyes do the polka dance. While we’re at it, let’s throw in a bunch of AJAX to turn our simple calendar into a leet app. Or maybe not.
Post pobrano z:
Pure CSS + HTML Calendar 2009
CSS Sticky Footer
If you are looking for a good pure CSS footer solution, look no further. CSS Sticky Footer works for over 50 Windows, Linux, and Mac-based browsers. Included in this list are the latest releases of Google Chrome, Mozilla Firefox, Opera, Safari, and Internet Explorer.
CSS Sticky Footer is developed by Steve Hatcher, and is based on the Exploring Footers article from A List Apart, and takes suggestions from Cameron Adams’ footerStickAlt, and The Pure CSS Footer example from lwis.net. It applies a clear fix hack to keep the footer in place in Google Chrome and other browsers where the footer would float up when you resized the window. The clearfix also fixes problems that might occur if you are using floats to create two or three column layouts.
Far from being perfect, it does have its share of issues. The first one deals with margins, which can easily be solved by changing margins to padding instead. The second one deals with the use of relative font sizes such as % or em, something which many of the more advanced CSS gurus like me are very much fond of. The author suggests using px instead, which many find unacceptable.
To get started, check out the HowTo page for details on how to implement the CSS Sticky Footer.
Post pobrano z:
CSS Sticky Footer