In Playground, by Manoela Ilic
Today we want to share a neat experimental portfolio template with you. The main idea is to have a grid layout that we create with jQuery Masonry. Clicking to view more, we expand the according item to fullscreen in order to show a longer description of the item and a representative fullscreen background image.
In Articles, by Manoela Ilic
Making a web design with contrasty colors will allow for a better focus on certain areas of a web site. With a minimal color scheme, more contrast can be achieved and with the right complementary color, a unique and impactful visual impression is given.
In Playground, by Manoela Ilic
Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.
In Playground, by Manoela Ilic
Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.
In Tutorials, by Manoela Ilic
Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.
In Articles, by Patrick Cox
Lately I’ve noticed some great discussions in web design forums, on Linkedin and Twitter about the role of a web designer and what skills a web designer should have. The question that keeps getting brought up time and time again is whether it is necessary for web designers to have the ability to develop designs: should designers code?
In Articles, by Gisele Muller
Choosing the best way to display products is a really important step of web design, since the way you display your products can drive attention to it and make users interested in what you are selling, or can drive users away. It’s like when you are walking in a mall, the most creative, elegant or stylish window displays will get your attention while super colorful and busy ones will drive you away.
In Tutorials, by Jay Salvat
In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.
In Playground, by Manoela Ilic
Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as size of the image, the hover effect and custom default states.
In Articles, by Gisele Muller
Wikipedia tells us that “thumbnails are reduced-size versions of pictures, used to help in recognizing and organizing them, serving the same role for images as a normal text index does for words.” And as we all know, a picture is worth a thousand words, so using an image in a nice and beautiful form can give your layout a very neat look.
In Articles, by Patrick Cox
Designing and developing a web project is difficult enough, but adding project management, invoicing, hosting, file sharing, and staying on task to the mix? That’s exactly what freelancers do though. There are a ton of tools and apps out there designed to help freelancers complete projects and stay organized. Here is a few of my favorite apps and tools that I use on a daily basis.
In Articles, by Patrick Cox
When I design landing pages I don’t try to cram everything above the fold and clutter up the top 500 pixels of my design, but I do like to design so that images, headlines or text teeter on the line. This creates a ‘teaser’ for the user to scroll down more and check out the rest of the page.
In Playground, by Manoela Ilic
Today we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect.
In Tutorials, by Manoela Ilic
Today we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make […]
In Playground, by Manoela Ilic
Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. […]
In Tutorials, by Manoela Ilic
In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each […]
In Tutorials, by Marcin Dziewulski
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 is […]
In Playground, by Manoela Ilic
Today we want to share a little website experiment with you. The theme for today’s template is a restaurant website which will include an image gallery for the menu and […]
