Javascript slideshows became increasingly popular thanks to the introduction of libraries such as jQuery. We’re used to seeing slideshows contained in a box somewhere on the page, but nowadays we’re seeing supersize slideshows that span the whole screen.
This post showcases 20 cool websites that make use of these full-screen slideshows effects to promote their content.
Slideshows are a great way of displaying your featured content in a compact space. The use of Javascript has enabled designers to enhance these slideshows with cool animations and effects. This post rounds up a collection of the most creative slideshows in web design, each one takes the core idea of the slideshow and adds extra elements and features to make it stand out as an inspirational design feature.
jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. It is free, open-source software and also one of the most popular Javascript libraries, used by designers and developers to enhance a website design beyond the confines of CSS and to easily create complex JavaScript effects with just a few lines of code.
Everyone loves lightbox JavaScript effects and since the original Lightbox script, there have been countless plugins and clones generated for all the popular JavaScript libraries. This collection rounds up the top ten jQuery lightbox plugins and scripts in particular, so remember to keep it bookmarked for your next design project!
Love them or hate them, horizontally scrolling websites are scattered around the net, and there are some fantastic examples. Unlike the traditional layout of a website that scrolls up and down, horizontal websites flip things around and scroll from left to right. Sometimes they’re enhanced with Javascript to offer an even richer user experience, such as auto-scrolling effects. Check out this collection of 30 inspiring examples, and follow on to a hand full of brilliant tutorials that give an insight into the theory and practice of creating a horizontal site of your own.
There is a vast range of ready made jQuery plugins available, created by generous designers and developers from across the web. These jQuery plugins can help add stunning functionality and effects to your website, so it’s understandable why they’re so wanted by designers worldwide.
Check out these 30 awesome design enhancing jQuery plugins, including content sliders, slideshows, image galleries, tooltips, accordions, lightboxes and modal windows. Download the pre-built scripts and add the code along with the jQuery framework to quickly and easily enhance your interactive web designs.
The term ‘business card website’ has become widely associated with the popular style of website that has cropped up on the personal domains of designers and developers. The site is essentially a simple, single page design that displays personal information, contact details and links through to other social profiles, much like a traditional tactile business card is used to display basic information.
This post showcases 15 sites that take parallax scrolling to the next level by combining CSS animations and JavaScript to manipulate page elements upon scroll to immerse the user into a developing story.
The parallax illusion is one of the coolest effects to hit the world of web design. This showcase rounds up the best examples of websites that have scrolling parallax effects. Some use the effect to add a subtle effect to the website’s background, whereas others use the parallax effect more prominently to create an exciting browsing experience.
We’ve all seen videos on websites restricted to a specific frame size, but why not make use of the user’s whole monitor? Once upon a time, only Flash was capable of such wizardry, but these days Javascript and HTML5 make it perfectly feasible to stretch your video footage to fill the browser window. This post showcases 15 websites that all make use of full-screen video techniques.
