Slider Gallery This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery already has the plugins to create these effects so we don’t have to go about creating them ourselves from scratch. How to Solve the Problem To create the slider controlled gallery, we need the following: Markup that allows us to place several items within a list, and that overflows out of sight.A slider widget to control what subsection of products we can see.Logic to translate the sliders position to slide the products inversely (i.e. we slide left-to-right, the products go right-to-left). I’ve provided a screencast to walk through how create this functionality. Watch the slider gallery screencast (alternative flash version) View the demo and source code used in the screencast jQuery UI jQuery UI is “a set of themable widgets and interactions”. jquery.dimensions.jsui.mouse.jsui.slider.js HTML Markup jQuery
Cruzine - the place, where knowledge becomes live. Пепелсбей.net Connecting Designers to Startups | DesignersCouch Free vector iPhone UI Kit | Webbyarts - Download Free Vectors Graphics, Icons, Free Vector, Downloads, Icon Design Webbyarts – Download Free Vectors Graphics, Icons, Free Vector, Downloads, Icon Design Free vector iPhone UI Kit This image is a scalable vector illustration and can be scaled to any size without loss of resolution.This image will free download as a .eps or ai file. Source: medialoot.com Free vector iPhone UI Kit, 4.3 out of 5 based on 4 ratings You may also like to view 1 Comment Karl (May 8th, 2012 at 9:37 pm) Thank you for submitting this wonderful UI Kit. Have something to say? Enter your email address: Popular Content Download types ©Images are copyright to their respective owners. 2014 Webbyarts – Download Free Vectors Graphics, Icons, Free Vector, Downloads, Icon Design.
Inspiration 30 Free Print-Ready PSD and Vector Business Card Templates In this age of technology where almost everything comes in digital and electronic form, who would have thought that people would still use printed business cards? Well, business cards are among those traditional business tools that are here to stay. If you are having a hard time designing your own business card, there are actually a lot of information and resources online to help you get started. The easiest way to do when designing a business card is to download templates from various websites. The good news is, many of these websites offer templates you can download for free. Read More 21 Beautifully Designed Annual Reports Every public company comes up with an annual report to give shareholders and other interested people information about its activities throughout the preceding year.It also contains information and data about its financial performance. 13 Elegant but Free Wedding Fonts Goodbye Summer; Hello Autumn!
Forms Why Users Fill Out Less If You Mark Required Fields Are most of your users skipping the optional fields on your form? You might not need that extra information, but having it could help you learn more about users and give them a better experience. Read more » Undo Timers: Comfort Users When Sending Messages Have you ever sent someone a message, read over it and realized that you made a few mistakes, or said something you didn’t mean to say? Read more » Form Field Input Techniques to Prevent Garbage Output A successful checkout form is not only one that gets filled out by many users, but also one that returns accurate and reliable user information to you. Read more » Progress Buttons Prevent Duplicate Form Submissions Imagine a user placing an order on an e-commerce website. Read more » 9 Small User Experience Details Most Websites Miss Designing a website that gives users a pleasant experience requires attention to detail. Read more » How Travel Websites Can Make Their Calendars Faster Read more »
Μάρκα και Εταιρική Ταυτότητα για τη Driven Marketing | Ελληνικό Blog Η «Driven Marketing» είναι μια δυναμική και καινοτόμος πλήρη εταιρεία εμπορίας υπηρεσιών, που προσφέρει τη στρατηγική και την έρευνα στις λύσεις, δημιουργική και εργασίες σχεδιασμού, ψηφιακά μέσα, καθώς και ωθώντας τα όρια σε μεγάλες εκδηλώσεις της παραγωγής και σε πειραματικό μάρκετινγκ. Η μάρκα του πρακτορείου και η εμπειρία είναι ανώτερες από την Πράγα, την Τσεχία και έχει κάνει την ταυτότητα της μάρκας (λογότυπο, χαρτικά, firmstyle, το οπτικό στυλ, styleguide, εταιρική βιβλιογραφία) και ψηφιακών σημάτων (website) για αυτό το αυστραλιανό πρακτορείο εμπορίας. Ρίξτε μια ματιά!
How to use Modernizr Photo by Stéfan There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites. An overview Although CSS3’s use has been increasing among web designers, browser support for some of its features is still inexistent. Lately, I’ve been using Modernizr more and more to cater for those browsers that don’t support specific CSS3 properties—for example, on my site—, and it makes the development much easier because I know I’m providing these lesser browsers with an alternative experience, rather than just ignoring them. Bear in mind (and this is even splashed on Modernizr’s front page), that Modernizr doesn’t actually magically enable these properties for browsers that don’t support them. How it works To install Modernizr, download the file from this page. The second step is to include on your html tag a class of “no-js”: Why add this tag? What does this mean? JavaScript