Links of the Week
Things that have caught my attention this week: The Road to Responsive Images - Take a peek at how the sausages of new HTML features are made. Amazon’s new Kindle avalanche - Gizmodo reviews the new...
View ArticleTennaqua
http://www.tennaqua.com This is a site I rebuilt from an old HTML 4 layout into something closer to HTML5. The photos across the homepage used to be a single large animated GIF; I recreated the same...
View ArticleTwo-column lists when order doesn’t matter
I’m working on a site that uses an extended navigation menu grouped into sub-sections. Each section, in turn, groups its links into two columns of roughly equal height. In CSS and HTML, this can be a...
View ArticleCSS3 flip card with six sides
http://jsfiddle.net/mblase75/qFJDB/ Because I wanted to see if I could. It’s probably not the best way to implement it, but it works.
View ArticleGetting the last item in an odd-numbered list
In a responsive web page design I was concocting today, I realized a problem with this approach: .subgroup { width: 50%; float: left; } .subgroup:nth-child(odd) { clear: left; } The idea was to arrange...
View Articledrop shadow below only
Lazy way: just make the element wider…. h2 { box-shadow: 0px 15px 20px rgba(0,0,0,0.4); position: relative; left: -5%; padding: 0.5% 6%; width: 98%; } http://jsfiddle.net/mblase75/h4NB5/
View ArticleKSB Legal
A small but heavily-JavaScripted site for Chicago-area law firm Kopecky, Schumacher, Bleakley and Rosenberg. Background images use modern CSS attributes to zoom to full-screen at any size, while...
View ArticleResponsive design with “switch to desktop site” option
In my latest responsive design creation, I wanted to follow Jakob Nielsen’s guidelines and allow mobile users to have easy access to the full desktop site, if desired. This is relatively...
View Articlecentering a perfectly circular frame
A StackOverflow visitor asked if it was possible to frame his webpages in a perfectly circular frame, which would resize to fill the browser window but not spill over the edges. It was a curious...
View ArticlePure CSS parallax scrolling
Seen on reddit this morning: Pure CSS parallax scrolling websites I always suspected this was possible, but never had a reason to work on it. Well done.
View ArticleContrasting text against backgrounds
I love pure CSS solutions to complex design problems. Methods for Contrasting Text Against Backgrounds
View Article
More Pages to Explore .....