CSS-based web projects including CSS3 transitions, animations, drop shadows, pseudo classes and font face. APLWeb http://www.aplweb.co.uk/blog/css/ Thu, 03 Feb 2011 11:29:31 +0000 en-gb http://www.aplweb.co.uk/img/rss_css.gif http://www.aplweb.co.uk/blog/css/ 233 59 Thu, 03 Feb 2011 11:29:31 +0000 A tree UI component with expandable elements working using only CSS3.<img src="http://feeds.feedburner.com/~r/cssProjectsAPL/~4/5EC09_NKhqs" height="1" width="1"/> http://www.aplweb.co.uk/blog/css/css3-tree/ http://www.aplweb.co.uk/blog/css/css3-tree/ Tue, 28 Dec 2010 14:15:22 +0000 A common layout though complex in CSS. Fixed width, fixed height vertically centered box.<img src="http://feeds.feedburner.com/~r/cssProjectsAPL/~4/9sYInb-CMRo" height="1" width="1"/> http://www.aplweb.co.uk/blog/css/layout-centered-box/ http://www.aplweb.co.uk/blog/css/layout-centered-box/ Tue, 28 Dec 2010 14:15:22 +0000 A common three column layout in CSS. Flow width in the center and dynamic height with header and footer.<img src="http://feeds.feedburner.com/~r/cssProjectsAPL/~4/lMqIhmmAEk0" height="1" width="1"/> http://www.aplweb.co.uk/blog/css/layout-three-column/ http://www.aplweb.co.uk/blog/css/layout-three-column/ Sun, 12 Dec 2010 00:13:14 +0000 A menu accordion layout built using only CSS3 - no JavaScript required!<img src="http://feeds.feedburner.com/~r/cssProjectsAPL/~4/UUmQeTa6dYg" height="1" width="1"/> http://www.aplweb.co.uk/blog/css/pure-css3-accordion/ http://www.aplweb.co.uk/blog/css/pure-css3-accordion/ Sun, 12 Dec 2010 00:13:14 +0000 A circular image slider, useful for presenting works as a portfolio reel. CSS3 with a little bit of jQuery/JavaScript.<img src="http://feeds.feedburner.com/~r/cssProjectsAPL/~4/OR7O6odsY8Q" height="1" width="1"/> http://www.aplweb.co.uk/blog/css/css3-portfolio-reel/ http://www.aplweb.co.uk/blog/css/css3-portfolio-reel/ Sun, 12 Dec 2010 00:13:14 +0000 The Mac OS X Icon Dock done using pure CSS3.<img src="http://feeds.feedburner.com/~r/cssProjectsAPL/~4/geIENCeU1n8" height="1" width="1"/> http://www.aplweb.co.uk/blog/css/pure-css3-icon-dock/ http://www.aplweb.co.uk/blog/css/pure-css3-icon-dock/ Sun, 12 Dec 2010 00:13:14 +0000 A multi-navigation menu done using pure CSS. Works for an infinite number of sub-navigations<img src="http://feeds.feedburner.com/~r/cssProjectsAPL/~4/xEIWf3slcDc" height="1" width="1"/> http://www.aplweb.co.uk/blog/css/pure-css-multinav-menu/ http://www.aplweb.co.uk/blog/css/pure-css-multinav-menu/