FancyMoves - jQuery product slider with keyboard navigation, FancyBox and more. FancyMoves, a jQuery slider for products or images. Need a great looking product slider for your website? Use FancyMoves to show off services, products, or whatever you can dream up. The main image is enlarged to attract your focus. There are multiple ways to navigate to the next / last item: using your keyboard, using the left and right arrows on the sides of the slider, using the nav under the slider (optional), or simply clicking on the next or last item in the slider. FancyMoves has a lot of great features which are easy to edit to customize your slider. FancyBox is built in so you can have images enlarge with an overlay effect on the screen.
Check out the demo and be sure to enlarge the images to see the different FancyBox options. Slider Features: FancyBox Features: Linked image ‘groups’Mouse scrolling supportKeyboard supportMultiple enlarging effectsMultiple image title layouts Credits: Original slider code from CSS-Tricks, Clothing products from Ugmonk, FancyBox for enlarged images.
Free Android GUI Set In PSD. WebDesignShock, a blog on web design and development, is sharing a free Android GUI set in PSD format. It is a very handy resource for Android developers to better prototype their applications and includes: main and contextual menuskeyboard, radio, applicationsbrowsers, status bar, screen labeldialog, slider, circle buttonsand much more. All in layered PSD with the original fonts included. Website Check List (David Skyrme Associates) This website check list is a high-level check list of activities to include in your project plan. A successful web development requires attention to several strands of activity, an in particular the organization of information and changes in origanization and business processes.
We have used the activities on this check-list as the starting input list of activities for several project plans for website development and as part of our Internet strategic consulting. See also our Good Web Guide. Preparation and Planning Briefing Appraisal of existing web site, IT systems Confirmation of corporate and marketing objectives Budget indication Roles and Responsibilities Pilot Selection Initial timetable First draft web marketing plan.
Content development Overall look 'n feel Standards and templates Information Architecture Navigation Paths Interactions Writing Page mark up Response forms / scripts Other special content. Guidance Each element may include lower level elements. Border-radius: create rounded corners with CSS! Home / CSS3 Previews / Border-radius: create rounded corners with CSS! The CSS3 border-radius property allows web developers to easily utilise rounder corners in their design elements, without the need for corner images or the use of multiple div tags, and is perhaps one of the most talked about aspects of CSS3. Since first being announced in 2005 the boder-radius property has come to enjoy widespread browser support (although with some discrepancies) and, with relative ease of use, web developers have been quick to make the most of this emerging technology. Here’s a basic example: This box should have a rounded corners for Firefox, Safari/Chrome, Opera and IE9.
The code for this example is, in theory, quite simple: However, for the moment, you’ll also need to use the -moz- prefix to support Firefox (see the browser support section of this article for further details): How it Works border-bottom-left-radius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius The Syntax: Documentation | Easy front-end framework. The Structure Easy front-end framework package includes: blank HTML document called index.html that includes links to necessary files. This is actually your production file , a starting point for your coding. Demo HTML document called demo.html with most of the features applied CSS files for both screen and print: easy.css and easyprint.css JavaScript file called easy.js containing all of the built-in functions mentioned in this documentation JavaScript file called main.js used to include JavaScript set up or/and adding custom JavaScript minified jQuery file called jquery.js empty folder called images where you can store all your images folder called library that contains HTML content blocks that you can use in your master template.
It also includes several preformatted layouts. A text file containing license called license.txt . CSS file (easy.css) is the core CSS file for this framework. HTML elements - basic definitions for HTML elements. Working with layout and grid View demo.