By Sam Holt In a previous posts on the Zing Design blog, I’ve talked about the positives and the negatives of using Twitter Bootstrap, but where does that leave us? At the end of the day, it’s up to the developer to decide which tool is right for the project at hand but, lucky for you, I’ve whipped up […]
Recreating the iOS7 Banner with HTML and CSS
By Donovan Hutchinson In this post, we’ll make use of the amazing background gradients in CSS to create a rich, full-screen banner that loads in less than half a second and is only around 2KB in size. WWDC and iOS 7 Apple have just revealed their latest iteration of the mobile operating system, iOS 7. […]
Loading Images on Demand with Pure CSS
By Pavlo Pidlypenskyi The brain is a muscle, and as all muscles, it needs regular exercise to keep sharp, which is why I decided to take very old, but efficient, web optimization technique and implement it in new crazy way. You’ve most likely heard about loading images (and other resources) on demand – which is […]
Create a 3D CSS Animated Box with Sass
By Jaime Quiroz Working with 3D in CSS can be crazy fun to mess around with. Recently, I posted a simple animated 3D box on CodePen. As you can see below, the animation appears to split the 3D box n six direction. In this article I’ll show how I built the animation using Sass and […]
LESS Tips and Tricks
By Mária Jurčovičová LESS is declarative language designed to behave and look as closely to css as possible. It started as an attempt to make CSS style sheets easier to read and maintain and then added more features and abilities. It evolved so much that it became theoretically possible to do anything with it. This […]
Creating Image Galleries with Clipped Images Using CSS Pointer Events and SVG
By Zoltan Hawryluk If you click on the TV in the image below, you will see that it contains an image gallery created using the jQuery Cycle Plugin. You may ask, “I’ve used this awesome plugin before, so what’s the big deal?” Although this looks deceptively simple, the big deal about this is that the […]
Zelda: A Link to the CSS
By Donovan Hutchinson This week, Nintendo announced a new release of the popular Zelda franchise coming soon for the Nintendo 3DS that will be set in the world of A Link to the Past. As many of you may recall, the original Zelda: A Link to the Past game that was released in the early […]
Automating CSSCSS using Grunt
By Peter Keating Recently a really useful tool Zach Moazeni named CSSCSS received a great deal of attention. CSSCSS is a Ruby gem that parse CSS files and will detect selectors with duplicated rules. This tool is great for helping you reduce the size and complexity of stylesheets by removing duplication. This can help in […]
Creating Windows-8-like 3D animations with CSS3 and jQuery
by Sara Soueidan I’ve been using Windows 8 for a while now (and loving it), and one of the first things that struck me as impressive about it were the transitions and animations built into the dashboard (which uses the Metro design principles). I thought it would be a really fun experiment to try to […]