background preloader

57+ Free Image Gallery, Slideshow And Lightbox Solutions

57+ Free Image Gallery, Slideshow And Lightbox Solutions

Full Screen Image Gallery Using jQuery and Flickr : DevKick Blog jQuery for Designers How to Solve the Problem Recreating this effect is simple to do if you know what plugins to use. There are plugins out in the wild already, but we want our jQuery to satisfy the following requirements: Degrades perfectly without JavaScript enabledSliding panels effect without hogging browser CPUNext and previous buttons added using JavaScript because they hold no use without JavaScriptHitting the page with a specific hash (i.e. page.html#preview) shows the right tab, and highlights the right navigationAny link on the page that refers back to a panel should trigger the effect and highlight the right navigation – this should happen without any extra work The hash is the emphasised part (including the # symbol) in: In fact, our version of this slider will be better than Panic’s and the current jQuery plugins if we can meet all of the requirements. I’ve provided a screencast to walk through how create this functionality. Plugins Required Markup

40 Great Web/Graphic Design Resources Alright, It’s time for some more forever-useful (until outdated :) ) resources. Last time I brought you specifically CSS resources, but this time it’s a bit more broad. I’m covering alot more topics, and this is more of a ‘general’ resources list. I am sure I am missing some stuff, so you are more than welcome to add your favorite resources to the comments, and lets make this a very complete list :) Enjoy. (The list covers several different topics, so I just mainly seperated it into 3 main groups for easier browsing) CSS Boxes Blank CSS templates. CSS Typeset Helpful for beginners, or to maybe speed up coding, a CSS generator for type styles. .htacess Editor Create .htaccess files online, with no coding knowledge. Clean CSS A online tool that formats and optimizes your CSS. CSS, Accessibility and Standards Links A HUGE list of links to everything related to CSS, Accessibility and Standards. Sperling.com A cool free CSS horizontal drop down menu. PHP Form Create php forms quickly.

Javascript Page Slider Roundup "Page Sliders" are a bit like Tabbed Boxes, only the content appears to slide by instead of be instantly replaced. This is a pretty nice effect and like tabbed boxes, it can help you get a lot of content onto a single page without risking visual clutter. There are a number of techniques and frameworks for creating these page sliders. Here is a round up of some ones that I have found and used. Coda Slider Niall Doherty's Coda Slider was created (and named) in honor of the very nice page slider in use on Panic's Coda software page. Step Carousel Viewer Dynamic Drive offers a page slider script they call the Step Carousel Viewer, which uses jQuery as well. "Follow The Mouse" Slider Antonio Lupetti over at Woork has a pretty cool page slider up he says Simulates a Flash Horizontal Navigational Effect, this time using MooTools. jCarousel When I was asking around about these page sliders, jCarousel is the one that I heard about most often so I think it's the "most popular". YUI Carousel Share On

jQuery Expander slideToggle("fast") The .slideToggle() method animates the height of the matched elements, causing the matched elements to be hidden or shown in a "sliding" manner. If the element is initially shown, it will be hidden. If it is initially hidden, it will be shown. When the height reaches 0 after a hiding animation, the display style property is set to 'none' so the element no longer affects the layout of the page. The duration of the animation of this section is 'fast', i.e., 200 milliseconds. John V. It is important to mention that the Atanasoff-Berry Computer was never patented and because of that it was not known until 1960's. First public recognition: In 1970 John Atanasoff was invited to Bulgaria by the Bulgarian Academy of Sciences, and the Bulgarian Government conferred to him the Order of Saints Cyril and Methodius, First Class (Bulgaria's highest honor accorded a scientist). Back to top slideToggle("slow")

99 Graphic Design Resources Below is a list of 99+ graphic design resources, in English and (and a few other languages), that all designers must know about. It is sorted by category (click to go to category): For more resources you can check out the 101 Places To Get Design Inspiration. 1 Spunk United An excellent magazine with a selection of the worlds best artists providing inspiration, interviews, articles and more. 2 FreeLance Switch (No longer active) The community site of reference for all freelances. 3 Computer Arts The site of the excellent international magazine Computer Arts. 4 David Airey A graphic and logo designer who shares his knowledge on these areas. 5 Behance A site gathering the portfolios of the artists of the whole world, a true inspiration. 6 Pdf Mags References all the PDF mags out there! 7 Graphic Design Forum (no longer running). The most active of the graphic design forums out there. 8 Design Is Kinky An Australia site focused purely on design news and design in general. 9 Freelance Folder 10 Bittbox

jQuery Infinite Carousel Plugin Update: The latest version of this plugin can be found here. The other day, yet again, I went looking for a jQuery plugin that moved a set of images inside a display area. I’m not sure if this is a carousel, a gallery, a slideshow, or what. They all seem to share many common characteristics, but regardless I wasn’t able to find what I wanted, although I did find several different plugins that did part of what I wanted to do, which was to generate a simple unordered list of images and optionally have a caption for each one. If a visitor doesn’t have JavaScript enabled (yes both of them) they should still be able to see the images, but for the 99.9% of the web population that does have JavaScript enabled, they should get a simple, slick carousel of images. So I set out to create my own plugin and here’s what I ended up with: You can move between images using the left and right arrows which when clicked, pauses the carousel. Download Download jquery.infinitecarousel.zip. How to Use That’s it!

36 Jquery Menus Navigation menus have really important role in any website. For big sites full with a lot of pages and articles, drop down menus and tabs are popular because they can make it a lot more easier to navigate and move through site, also you can save space on website displaying content on dynamic tabs. Also if you want to create a navigation menu, that really stands out of the crowd, jQuery could be the right choice to choose offering bunch of customizable options. That’s why I present to You 36 really good jquery navigation menu examples for every need. 1.jQuery Tabbed Interface / Tabbed Structure Menu Tutorial Tabbed Interface or Tabbed Structure Menu is getting really famous in web design & development. Preview || Download 2.Animated Menus Using jQuery Learn how to create this amazing animated effect menu just with plain Xhtml,CSS and Javascript help, similar to Dragon Interactive (dragoninteractive.com). Preview || Download 2.1. View Demo 3. Preview || Download 4.jQuery ListNav Plugin 5.1. 8.

10 Best Websites For Free Vector Art Downloads There are some mediums like Flash animation, print ads, clipart, and logo art which lend itself to the vector graphic format for its elastic nature. It is also very easy to convert from vector to raster formats, but the same ease doesn’t hold true vice-versa. From vector illustrations to 3D drawings, vector images find a lot of creative uses. But creating detailed vector images takes patience and skill. Vecteezy Vecteezy is a community based website that you can explore to see the work of other vector artists. Free downloadable vector files include vector Icons, vector patterns, vector swirls, flourishes, backgrounds, wallpapers, Illustrator brushes, and many more. Vector Madness This website includes many free design resources for the vector artist. Vectorish Like a lot of creative image sites, you can not only download free stock images but also submit your own. QVectors QVectors is another neatly organized web resource for quality vector images. All Silhouettes Vector Portal I Heart Vector

Related: