Quantcast
Channel: demo – PEPSized
Browsing latest articles
Browse All 10 View Live

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 Article



Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article


Beer 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
Browsing latest articles
Browse All 10 View Live




Latest Images