Mostrando entradas con la etiqueta UI. Mostrar todas las entradas
Mostrando entradas con la etiqueta UI. Mostrar todas las entradas

martes, 20 de septiembre de 2011

Create Impressive Zoomable, Full Screen Portfolio Sites with jmFullWall

Create Impressive Zoomable, Full Screen Portfolio Sites with jmFullWall:
The best a professionals in creative services can get out of the Web is creative display of his/her work which is available online anywhere anytime. However, designing an online portfolio display is not as easy as putting a simple HTML page with thumbnails. A portfolio is like the first impression an online visitor (potential client) interfaces before asking about skills and rate. Thus a portfolio website has to be creative and interactive yet easy to navigate and use.
Fortunately, there are a number of open source and free tools that you can use to set up a simple yet effective portfolio website to display your work online. One of the many open source tools for building portfolio websites is jmFullWall. It is a jQuery photo gallery plugin that allows you to create impressive zoom-able, fullscreen portfolio sites. It shows thumbnails on a grid, offers zoom control and navigation on a selected portfolio item.

Major Features
  • Customizable row x column format
  • Handles images at any size (if offers pan control for high res images)
  • In-gallery navigation controls

Related Posts


viernes, 16 de septiembre de 2011

CSSButton: Online Tool to Create Usable, Stunning CSS3 Buttons

CSSButton: Online Tool to Create Usable, Stunning CSS3 Buttons:
When it comes to developing websites or applications for the web, there are 101 ways to speed up your development cycle by embedding ‘ready-made’, free and open source resources in your project. It actually saves a lot of time and effort that you would otherwise spend on tasks that do not related to your core requirements. For instance, I would abhor creating buttons for my application or website for each new project. I would rather generate them instantly using free, online tools like CSSButton.
CSSButton is an online tool for web professionals for creating usable and stunning CSS3 buttons. It is also a learning tool, to help people understand visually how their CSS is going to work out.

You have 3 different options to start from:
  • Create from scratch
  • Use templates
  • Try CSS button generator
The CSS builder will help you style just about any element you’d like to transform into CSS, however it has been tailored to buttons with pseudo classes, transitions, and more.

Related Posts


domingo, 7 de agosto de 2011

OS X Lion Interface Buttons in CSS

OS X Lion Interface Buttons in CSS: "
Greepit previously shared New Google Interface Buttons in CSS, today we are sharing another awesome CSS Buttons collection for spice up your user interfaces.

OS X Lion was released recently and part of the new design is new icon buttons. Our friends at Pixify recreated OS X Lion’s buttons in CSS for use in your UI.
The guys simply numbered the buttons 1 to 200 and wrote a three-line script to spit out the CSS for each of the 200 buttons.

Related Posts


"

viernes, 29 de julio de 2011

Create Visual Scrolling Navigation: Ascensor

Create Visual Scrolling Navigation: Ascensor: "
One of the top trends in web design is effective and creative content navigation. You can experience all types of horizontal and vertical navigation of different style in modern websites. To get started with creative navigation, today we are featuring Ascensor, which is a scrolling navigation jQuery plugin which aims to train and adapt content according to an elevator system.



Ascensor identifies div child of the selected container and also creates the needed navigation system to link to different content parts.

Features

  • Make every div child a stage of the site
  • Add in every div a link for the next div (true/false)
  • Create a visual navigation (true/false)
  • Adapt and scroll to the active content
  • URL logical support


Related Posts




"

360 Rotatable Bubble Style Tooltips: grumble.js

360 Rotatable Bubble Style Tooltips: grumble.js: "
grumble.js is a jQuery plugin which lets you add a bubble style tooltip to any element; configure its rotation on a 360 degree axis and define its distance from the centre of the element.

Bubble size adapts to contents – perfect when text is localised and size can not be determined up front.



Features

  • Rotated around a given element at any angle, all 360 degrees
  • Any CSS style can be applied
  • FX queues for animating multiple tooltips

grumble.js uses buzzwords like CSS3 and ‘maths’ to position itself exactly where you want it. Modern browsers use CSS3 transforms with IE6+ using non-standard Matrix filters. Image spriting is used for actual bubble image, you can change this as you want – it’s just CSS.


Related Posts




"

JavaScript Library for Enhancing HTML Select Boxes: Chosen

JavaScript Library for Enhancing HTML Select Boxes: Chosen: "
Chosen is a tiny JavaScript library for enhancing HTML select boxes. This plugin hides standard HTML selects and provides an alternative using modern HTML and CSS. That means it’s possible to add behaviour that standard selects don’t support without losing support when JavaScript is turned off.



Instead of forcing your users to scroll through a giant list of items, they can just start typing the name of the item they were looking for. Non-matching entries are removed from view and choices can be selected using enter or mouse click.

It is currently available in both jQuery and Prototype flavors.


Related Posts




"

sábado, 16 de julio de 2011

jQuery Countdown Timer Plugin For Clean Coming Soon Pages

jQuery Countdown Timer Plugin For Clean Coming Soon Pages: "
Sometimes you are not just ready to greet your online customers or visitors and take them to a trip of your website and showcase your products or services. You are about to launch your website and do not want the visitors to get annoyed with a blank page in the meanwhile. The quick fix for this situation is a countdown timer to tell your visitors that would be online very soon and they should come back later to check out your services or products.

If you are in a situation like this, replace your blank or old fashioned ‘Under Construction’ page with a count down timer with CountDown, which is a free jQuery plugin to create clean, and lightweight ‘Coming Soon’ page for your under construction website.



Features

  • Easy to Integrate
  • Unobtrusive JavaScript
  • Easily Skinable
  • Multiple Instances
  • onComplete Handler and Start / Stop Functionality


Related Posts




"

Collection of Free jQuery, HTML5 and CSS3 Scripts

Collection of Free jQuery, HTML5 and CSS3 Scripts: "
Today, we are featuring Collin Henderson’s collection of Free jQuery, HTML5 and CSS3 scripts. Check out these smart scripts and bookmark the page as your one-stop-place for some free and really cool scripts for replacing standard radio buttons and checkboxes, for just for cool CSS3 and jQuery effects.



The jQuery and CSS scripts collection contains:



Related Posts




"