Menu to Inner Page Animation with Image Grid Background
By Mary Lou on
A layout with a menu and background image grid that animates to an inner content page.
portfolio
Why Developers should Design Niche Portfolio Sites for Themselves
Sponsored
This post will show you how to design niche portfolio sites that instantly impress prospective clients and save you the trouble in trying to find and sell them yours
Case Study: Portfolio of Bruno Arizio
By Bruno Arizio and Luis Henrique Bizarro on
A look behind the scenes of Bruno Arizio's portfolio with insight into the design process and an in-depth technical breakdown of the WebGL implementation.
Case Study: Chang Liu Portfolio V4
By Chang Liu on
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu's new portfolio.
Developer/Designer Page Layout Concept
By Mary Lou on
An experimental page layout concept with a developer/designer theme and a special image reveal effect.
Filter Functionality with CSS3
By Mary Lou on
Using the general sibling combinator and the :checked pseudo-class, we can toggle states of other elements by checking a checkbox or a radio button. In this tutorial
Original Hover Effects with CSS3
By Alessio Atzeni on
The power of CSS3 is enormous and in this tutorial we will see how to exploit it in a very creative way. We are going to create some thumbnail hover effects with CSS
Wave Display Effect with jQuery
By Mary Lou on
How cool is it to sometimes just display content a little bit differently? Today we want to share an experiment with you that let's you show images and content in a
Draggable Image Boxes Grid
By Mary Lou on
Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu l
Portfolio Image Navigation with jQuery
By Marcin Dziewulski on
Today we want to create a portfolio image navigation template with jQuery. The idea is to show some portfolio items in a grouped fashion and navigate through them in
Animated Skills Diagram with Raphaël
By Marcin Dziewulski on
In this tutorial we will show you how to create a diagram using Raphaël – a small JavaScript library that is great for working with vector graphics. The idea
20 Unique and Creative Image Sliders
By Mary Lou on
Image sliders and sideshows have become an essential element in web design. They are a great way to display information and visual content in an interesting way. Fro
Creative Examples of Portfolio Item Display
By Stelian Subotin on
Portfolios are a great opportunity to show your potential clients and customers what you have created and what you are capable of. It can also be a playground for id
Portfolio Zoom Slider with jQuery
By Mary Lou on
In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amaz
Animated Portfolio Gallery with jQuery
By Mary Lou on
Today we will create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details a
Annotation Overlay Effect with jQuery
By Mary Lou on
Today we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. We got the idea from the wonderful portfoli
Music Portfolio Template with HTML5 and jQuery
By Mary Lou on
Today we want to share a music portfolio template with you. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The