Back to Top
The nuts and bolts for
Creative web development

3D Gallery with CSS3 and JQuery

With 3D transforms, we can make simple elements more interesting by setting them into three dimensional space. Together with CSS transitions, these elements can be moved in 3D space and create a realistic effect. Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.

February 9, 2012 Author: Daniela Vaseva Rating: Not enough votes

Thumbnail Proximity Effect with jQuery and CSS3

Today we want to show you how to create a neat thumbnail proximity effect with jQuery. The idea is to scale thumbnails when hovering over them and also scale their neighbouring thumbnails proportionally to their distance. We’ll also make a description appear.

January 5, 2012 Author: Daniela Vaseva Rating: Not enough votes

How To Create Web Animations With Paper.js

The Web is just starting to use animation well. For years, animated GIFs and Flash ruled. Text moved and flashed, but it was never seamless. Animations had boxes around them like YouTube videos. HTML5 canvas changes everything about Web animation. This article introduces HTML5 animation and walks you through creating an animation of dandelion seeds blowing in the wind.

December 22, 2011 Author: Daniela Vaseva Rating: Not enough votes

The Script Tag

Authors should not specify a language attribute on a script element. If the attribute is present, its value must be an ASCII case-insensitive match for the string "JavaScript" and either the type attribute must be omitted or its value must be an ASCII case-insensitive match for the string "text/javascript". The attribute should be entirely omitted instead (with the value "JavaScript", it has no effect), or replaced with use of the type attribute.

December 15, 2011 Author: Daniela Vaseva Rating: Not enough votes

Open a Window with Full Size Unscaled Image

The author opens a window which displays full size unscaled image. It is the exact size needed to fit the image. Quick, easy, and perfectly good UX. This solution is suitable for web galleries where you need to show the images at their original size.

December 15, 2011 Author: Daniela Vaseva Rating: Not enough votes

How to Style iOS Sliding Checkboxes with jQuery

This tutorial is a straightforward walkthrough about how to implement and work with iOS slider switches. Through jQuery we can dynamically create a hidden input field which holds the checked/unchecked position of the slider bar.

December 12, 2011 Author: Daniela Vaseva Rating: Not enough votes

Lateral On-Scroll Sliding with jQuery

In the tutorial the author shows you how to create a “slide-in on scroll” effect. You’ve probably seen this cool effect on some websites, like on Nizo or in the portfolio section of brilliantly designed La Moulade. The main idea is to laterally slide in elements depending on the scroll position of the document. 
December 5, 2011 Author: Daniela Vaseva Rating: Not enough votes