How to recreate the new e-bay site scrolling effect
In this tutorial we will try to recreate the scrolling effect you’ve seen on the new e-bay site. We’ll create a simple responsive one-page site presenting the beauty and benefits of lavender. No...
View ArticleClik here to view.
Contact form with some fancy 3D effects
In this tutorial we will use css3 3D transforms to create a contact form that mimic a regular letter. You’ll have to flip the envelope, note your (sender’s) coordinates on its back lid, open the...
View ArticleClik here to view.
How to Create a Responsive CSS-only Slider
In this tutorial we’ll create a simple responsive home page with a header embellished with a carousel where photos slide from right to left. Our solution will not require javascript, we’ll make our...
View ArticleClik here to view.
Merry Scrolling with skrollr.js
I have a weakness for scrolling effects, I haven’t got fed up with parallax and I don’t mind scrolling up and down and from right to left and see what happens. Recently I got impressed by the James...
View ArticleClik here to view.
Diagonal Thumbnails Gallery
We got used to standard grids and clear horizontal and vertical axes. No wonder that the eye-catching layouts based on the diagonal lines have become one of the recent trends in web design. In this...
View ArticleClik here to view.
Css-only Lavalamp-like Fancy Menu Effect
This time let’s get inspired by the sliding menu effect, also known as the Lavalamp effect (ex. here). We’ll recreate it with pure css – using css3 transitions and the general sibling combinator...
View ArticleClik here to view.
Icon Fonts in Use with a Fancy Hover Effect
In this tutorial we will play a bit with icon fonts. Besides other advantages, this technique provides an easy way to have your icons look crisp on retina displays. We’ll use a custom set of social...
View ArticleClik here to view.
Css-only Alternative to the Select Element
In this tutorial, I will present you my alternative solution to the select form tag. It’s css-only and it looks simple but really nice. We will use a list of radio elements, styled as a drop-down list,...
View ArticleClik here to view.
Customize your Google Map Markers
Hello everybody! In his previous post JoeVains shared with you a pack of location icons. Initially they were designed for the PeHaa THEMES recent premium WordPress theme (YaGa) where they are used as...
View ArticleBeer Slider Responsive & Accessible Before-After Slider
Recently, I was working on a project where we needed an efficient solution to demonstrate some Lightroom presets applied to the photos. A before-after slider seemed to be a good solution here. Finally,...
View Article