CSSMania is the worldwide leader of the CSS Showcases genre. var _gaq = _gaq || []; _gaq.push([‘_setAccount’, ‘UA-113744-14’]); _gaq.push([‘_trackPageview’]); (function() { var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true; ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s); })();Tumblr (3.0; @cssmania)http://blog.cssmania.com/<img src="http://25.media.tumblr.com/8e2a955a2313c7ece8021afb44686aa6/tumblr_mn6n3hQuxM1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/8u2ow">Incredible Latte Art by Kazuki Yamamoto</a><br/> abduzeedo, <a href="http://flip.it/8u2ow">abduzeedo.com</a></p> <p>I am addicted to coffee, I can’t work in the morning without a few good cups of coffee, it doesn’t matter which type, regular, americano, cappuccino or latte. Some of my friends at Google are really good at making latte and even they are able to m…</p> </blockquote>http://blog.cssmania.com/post/51048583679http://blog.cssmania.com/post/51048583679Wed, 22 May 2013 06:28:29 +0200<img src="http://25.media.tumblr.com/e522b59371ae372a917142031a583a20/tumblr_mn6n2feQa71qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/od3Wi">Pantone Underwear</a><br/> jayjaymug, <a href="http://flip.it/od3Wi">designyoutrust.com</a></p> <p>Pantone Underwear by MarkVia Jay Mug</p> </blockquote>http://blog.cssmania.com/post/51048543829http://blog.cssmania.com/post/51048543829Wed, 22 May 2013 06:27:51 +0200<img src="http://24.media.tumblr.com/7457179c082b0555b188ca9981f43bd6/tumblr_mn6n1unc2O1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/uGvEg">Tasty Utensils: Edible Spoon for Sustainable Consumption</a><br/> dornob, <a href="http://flip.it/uGvEg">dornob.com</a></p> <p>Finish eating your soup and save the best bite for last: the one where you chomp right into the utensil you are using to scoop it up.We have silverware for eating at home (though even that requires washing) and plastic tableware for events and…</p> </blockquote>http://blog.cssmania.com/post/51048521158http://blog.cssmania.com/post/51048521158Wed, 22 May 2013 06:27:29 +0200<img src="http://24.media.tumblr.com/833d25fd8bc69cb5615b498a38cce79d/tumblr_mn6n1iKMOe1qggb36o1_500.png"/><br/><br/><blockquote><p><a href="http://flip.it/EI9uv">Natural Language Form with Custom Input Elements</a><br/> Mary Lou, <a href="http://flip.it/EI9uv">tympanus.net</a></p> <p>View demo Download sourceThere is something really interesting about Natural Language UIs and after visiting awesome Escape Flight, we wanted to play around with NL forms and custom form elements. The idea is to turn a classic form into one that u…</p> </blockquote>http://blog.cssmania.com/post/51048509778http://blog.cssmania.com/post/51048509778Wed, 22 May 2013 06:27:18 +0200<img src="http://24.media.tumblr.com/72f91d8e0dfcd9d9b85617e5682eff03/tumblr_mn6n18R6aZ1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/isy1C">Gorgeous Examples of Parallax Scrolling in Web Navigation</a><br/> Simon, <a href="http://flip.it/isy1C">designbeep.com</a></p> <p>For many years, web designers were encouraged to compress information and keep important page elements “above the fold”. However, the emergence of smartphones and tablets has led designers to rethink the way we build webpages. Interestingly, this …</p> </blockquote>http://blog.cssmania.com/post/51048499666http://blog.cssmania.com/post/51048499666Wed, 22 May 2013 06:27:08 +0200<img src="http://24.media.tumblr.com/1dc6e50c92857dcaedc5c2bd8a91f547/tumblr_mn25wownCM1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/hdlua">Game of Thrones as Multi-Million Dollar Corporations</a><br/><a href="http://flip.it/hdlua">youthedesigner.com</a></p> <p>What would it look like if your favorite Houses in Game of Thrones are turned into big corporations? What would the Starks, the Lannisters and the Greyjoys be like? Don’t worry no spoilers in this one …</p> </blockquote>http://blog.cssmania.com/post/50837848236http://blog.cssmania.com/post/50837848236Sun, 19 May 2013 20:26:47 +0200<a href="http://flip.it/usUlx">15 Free VPN Services For Secure Web Browsing</a>: <blockquote><p>Amina, <a href="http://flip.it/usUlx">smashinghub.com</a></p> <p>Internet boasts a humongous amount of data and information on it which can be accessed from anywhere on the planet at any time. So with the excess of information, some websites may be banned in a country or organization or</p> </blockquote>http://blog.cssmania.com/post/50837830146http://blog.cssmania.com/post/50837830146Sun, 19 May 2013 20:26:35 +0200<a href="http://flip.it/RSkUi">Webbie - WordPress theme for ebook authors (Marketing)</a>: <blockquote><p>JoeyDoey, <a href="http://flip.it/RSkUi">themeforest.net</a></p> <p><b>Making eBooks Easy as Cake!</b><br/>Designed with a dash of simplicity, a pinch of minimalism, and a healthy helping of elegance, Webbie is theme that lets you write, present & sell your ebook on wordpress with ease.Its a responsive, opinionated…</p> </blockquote>http://blog.cssmania.com/post/50837807574http://blog.cssmania.com/post/50837807574Sun, 19 May 2013 20:26:18 +0200<img src="http://25.media.tumblr.com/3206a402eda08e0927b832a7f314c73c/tumblr_mm1y6xPfTq1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/yTUgV">How to Create a Youtube Menu Effect with CSS & JS</a><br/> Ray Cheung, <a href="http://flip.it/yTUgV">webappers.com</a></p> <p>Advertise here via BSACodrops has shared a Simple Youtube Menu Effect Tutorial, which teach us how to recreate the little menu effect that you can see in the left side-menu on YouTube when watching a video (where it says “Guide”).The menu is made …</p> </blockquote>http://blog.cssmania.com/post/49240593559http://blog.cssmania.com/post/49240593559Tue, 30 Apr 2013 07:06:33 +0200<img src="http://25.media.tumblr.com/703e474acbdb3cd9a9ab91f9bcec17db/tumblr_mm1y6lyQca1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/pllxa">Create a Website With IMCreator</a><br/><a href="http://flip.it/pllxa">icanbecreative.com</a></p> <p>IMCre­ator is a sim­ple and beau­ti­ful edi­tor that gives users with no web expe­ri­ence the abil­i­ty to cre­ate a stun­ning web­sites. Cre­at­ing web­sites doesn’t have to be an over­ly com­pli­cat …</p> </blockquote>http://blog.cssmania.com/post/49240585075http://blog.cssmania.com/post/49240585075Tue, 30 Apr 2013 07:06:20 +0200<img src="http://24.media.tumblr.com/2c3bd27fc0046eb22b3a1ee62c618caf/tumblr_mm1y5ty4go1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/VplwU">21 Examples of Pricing Pages in Web Design</a><br/> Gisele Muller, <a href="http://flip.it/VplwU">webdesignledger.com</a></p> <p>Advertise here with BSA<br/>We are always talking about clean and minimal designs, designs that are simple and effective, and lately, we are also talking a lot about the new trendy flat designs. So why it is so difficult to find a “pricing page” th…</p> </blockquote>http://blog.cssmania.com/post/49240560598http://blog.cssmania.com/post/49240560598Tue, 30 Apr 2013 07:05:53 +0200<img src="http://25.media.tumblr.com/c309a0eb943637b27d1051bec0a70e68/tumblr_mm1y5i3RCO1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/RR3vf">Evolution of Video Games User Interface (UI)</a><br/> Michael Poh, <a href="http://flip.it/RR3vf">hongkiat.com</a></p> <p>Over the past few decades, video games have been refined by graphical enhancements, increased processor speed of video game systems and other technological advancements. As a result, their UIs have been <b>evolving to adapt to the increasing…</b></p> </blockquote>http://blog.cssmania.com/post/49240549949http://blog.cssmania.com/post/49240549949Tue, 30 Apr 2013 07:05:41 +0200<img src="http://24.media.tumblr.com/b71d3fe1c984775cec070d07ccfdd7f3/tumblr_mm1y55lKVO1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/a9XtZ">30 Web Designs Featuring Beautiful Scenes of Nature</a><br/> Chris Spooner, <a href="http://flip.it/a9XtZ">line25.com</a></p> <p>To really promote your product, service or cause you’ve got to design for emotion and make a connection with your viewers. There’s no better way to tap into the dreams of visitors than presenting them with awe-inspiring scenes of the great outdoor…</p> </blockquote>http://blog.cssmania.com/post/49240539232http://blog.cssmania.com/post/49240539232Tue, 30 Apr 2013 07:05:29 +0200<img src="http://24.media.tumblr.com/59d17f069340c7126a3e6a978d0bf19a/tumblr_mkhvofxPGt1qggb36o1_500.png"/><br/><br/><blockquote><p><a href="http://flip.it/nbv2q">The Timeline that Gets your Startup Known</a><br/><a href="http://flip.it/nbv2q">achieve.li</a></p> <p><b>The Time­line that Gets your Start­up Known</b></p><p>Did you get fea­tured in the news­pa­per? Did you earn an impor­tant award? Did you just make your first hire? Did some­one impor­tant talk about you? <b>With</b> <b>Ach</b> …</p> </blockquote>http://blog.cssmania.com/post/46705964262http://blog.cssmania.com/post/46705964262Sat, 30 Mar 2013 23:26:38 +0100<img src="http://25.media.tumblr.com/727ebf0998cb4245fb57fecc7bb3c640/tumblr_mkhvnwcJfr1qggb36o1_500.png"/><br/><br/><blockquote><p><a href="http://flip.it/JScaB">Discover and get early access to tomorrow’s startups</a><br/><a href="http://flip.it/JScaB">betali.st</a></p> <p><b>Code float</b> is a plat­form that will enable a ran­dom pool of peo­ple to con­tribute ideas, who then vote for the best idea. If your idea is cho­sen it will be built by our team and the result­ing prod …</p> </blockquote>http://blog.cssmania.com/post/46705942081http://blog.cssmania.com/post/46705942081Sat, 30 Mar 2013 23:26:20 +0100<img src="http://25.media.tumblr.com/56675b826e5e8e153446e0d093ddb8bc/tumblr_mkhvn4Fpyx1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/h9Gu5">Smile-Inducing Portraits of People Lost In Daydreams and Happy Thoughts</a><br/> Michael Zhang, <a href="http://flip.it/h9Gu5">petapixel.com</a></p> <p>Photographer Alexandra Sandu is on a mission with her photos: she wants to put a smile on people’s faces and make people who see her images feel good about their lives. Since September 2009, Sandu has been working on a portrait series titled…</p> </blockquote>http://blog.cssmania.com/post/46705907143http://blog.cssmania.com/post/46705907143Sat, 30 Mar 2013 23:25:51 +0100<a href="http://flip.it/JibGw">Designing A Website: 30 Great Web Design Tutorials</a>: <blockquote><p>Tony, <a href="http://flip.it/JibGw">designrfix.com</a></p> <p>If your next design project involves creating a website layout from scratch, you do not want to miss this article. Today we have an amazing treat for you, your design team here at Designrfix has done an excellent job in scouring the Internet in…</p> </blockquote>http://blog.cssmania.com/post/46705889050http://blog.cssmania.com/post/46705889050Sat, 30 Mar 2013 23:25:39 +0100<img src="http://24.media.tumblr.com/f0fb94f112359b27bc9fb587b5732626/tumblr_mkhvmgsHzY1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/dKoWf">Quotes Rotator</a><br/> Mary Lou, <a href="http://flip.it/dKoWf">tympanus.net</a></p> <p>View demo Download sourceAn autoplay rotator for quotes (or any kind of content). An indicator above the content shows the progress. A blockquote with an image is used as an example. Also, an example media query shows how to resize the content for…</p> </blockquote>http://blog.cssmania.com/post/46705877283http://blog.cssmania.com/post/46705877283Sat, 30 Mar 2013 23:25:28 +0100<img src="http://25.media.tumblr.com/c3656688aeda6bb1c12b1ccbfb89c19f/tumblr_mkhvm1E4xe1qggb36o1_500.png"/><br/><br/><blockquote><p><a href="http://flip.it/jsUzB">Pressgram is Instagram for WordPress</a><br/> Brad McCarty, <a href="http://flip.it/jsUzB">thenextweb.com</a></p> <p>I’ve long held the belief that, for most peo­ple and com­pa­nies, own­ing your con­tent is more impor­tant than going viral. While there’s def­i­nite­ly a lot to be said for the shar­ing cul­ture of ser­vices like Insta­gram, turn­ing over some­th…</p> </blockquote>http://blog.cssmania.com/post/46705863326http://blog.cssmania.com/post/46705863326Sat, 30 Mar 2013 23:25:13 +0100<img src="http://25.media.tumblr.com/5cbf264296b6e8c8811234a1e35c4147/tumblr_mkhvlqrsih1qggb36o1_500.jpg"/><br/><br/><blockquote><p><a href="http://flip.it/MbUJU">60 Websites Using Full Screen Photographic Backgrounds</a><br/> Carol Francis, <a href="http://flip.it/MbUJU">onextrapixel.com</a></p> <p>Using a large photograph as a background is becoming more and more popular in website design. The photograph offers more interest and far less work than a design. Many of our collection of websites using <b>full screen photographic backgrounds</b>…</p> </blockquote>http://blog.cssmania.com/post/46705844509http://blog.cssmania.com/post/46705844509Sat, 30 Mar 2013 23:25:02 +0100