40 INNOVATIVE UI CONCEPTS FROM DRIBBBLE

Innovative concepts, whether practical or imaginative, can help progress creatives and their work to the next level. By breaking rules, ignoring common conventions, and testing the limits of design, we can create opportunities that allow us to enhance and improve our work. Take a look at some of these brilliantly designed interactions from Dribbble, and let them inspire creativity in your own work today.

The Side Nav Revisited

Appointment by Paresh Khatri

Browse Shows – iOS App by Umar Irshad

Dialoggs – Collapsible Menu by Drew Wilson

Dashboard – Realtor Project by Brian Waddington
 

Zendesk Project Lotus by Jason Wu

Page Curls and Peels

Qiwy iOS app curl test by Mikael Eidenberg

Inside (first draft) – iPad – UI/UI/iOS by Cuberto

Peel Back by Juan Sanchez

Curl by Prathyush Pramod

Bookmark for Magazines by Ugur Akdemir

Folding Screens

Photofold by Supratim Nayak

Fold to unlock iOS style by Anton Kudin

Flipweek agenda by Wouter ● Bread&Pepper

UX/iOS idea with video process by Cuberto

Unlock Concept by Guillaume Gaubert
 

Complex Tooltips, Modals, and Popups

Category popup by Fares Farhan

Wunderlist Mini by Tanveer Junayed

Paris in the Spring by Dave Ruiz

Dashboard by Kerem Suer

Modal Window by Ionut Zamfir

Switch Elements

On Off Switch for iOS App by Cosmin Neagu

Qiwy iOS app switches by Mikael Eidenberg

Buttons, Lights & Shadows by Fernando Maclen

Toggle Buttons by Onur Orhon

Rocker switch v2 by Mike Bernardo
 

Interfaces with Depth and Layers

Credit Card by Matthew Sanders

Robots in disguise by Austin Bales

Circle by musHo

iPhone App UI by Filip Chudzinski

App Remix: Lose It! by Carl DeCaire
 

Progress & Loading Bars

FoodSimple Meal Manager by Handsome
 

Mini Music Player by Daryl Ginn
 

Countdown by Kerem Suer
 

Deloitte iPhone application by Deloitte Digital Australia
 

Progress bar lives by dimga
 

Social Sharing

Share Button by Patrik Larsson

Share by 3DROPS

Facebook button concept by Erik Deiner

Share Bar (Animated) by Shaun Moynihan
 

Tweet this by Eddie Lobanovskiy
 

Firefox 23

Check out "What's New" and "Known Issues" for this version of Firefox below. As always, you're encouraged to tell us what you think, or file a bug in Bugzilla.

We'd also like extend a special thank you to all of the new Mozillians who contributed to Firefox 23!

What's New

• FIXED

  23.0.1 - Rendering glitches on H.264 video only in FF23 on Vista (901944)

• FIXED

  23.0.1 - Spellchecking broken with non-ASCII characters in profile path (902532)

• FIXED

  23.0.1 - Audio static/"burble"/breakup in Firefox to Firefox WebRTC calls (901527)

• NEW

  Mixed content blocking enabled to protects users from man-in-the-middle attacks and eavesdroppers on HTTPS pages (learn more)

• NEW

  Options panel created for Web Developer Toolbox

• CHANGED

  "Enable JavaScript" preference checkbox has been removed and user-set values will be reset to the default

• CHANGED

  Updated Firefox Logo

• CHANGED

  Improved about:memory's functional UI

• CHANGED

  Simplified interface for notifications of plugin installation

• CHANGED

  Enabled DXVA2 on Windows Vista+ to accelerate H.264 video decoding

• CHANGED

  Users can now switch to a new search provider across the entire browser

• CHANGED

  CSP policies using the standard syntax and semantics will now be enforced

• CHANGED

  "Load images automatically" and Always show the tab bar" checkboxes removed from preferences and reset to defaults. Want to hide one tab? Try this add-on.

• CHANGED

  <input type='file'> rendering improvements (see bug 838675)

• DEVELOPER

  HTML5 <input type="range"> form control implemented

• DEVELOPER

  Implemented a global browser console

• DEVELOPER

  Social share functionality

• DEVELOPER

  Added unprefixed requestAnimationFrame

• DEVELOPER

  Write more accessible pages on touch interfaces with new ARIA role for key buttons

• DEVELOPER

  Dropped blink effect from text-decoration: blink; and completely removed <blink> element

• DEVELOPER

  New feature in toolbox: Network Monitor

• FIXED

  Various security fixes

Known Issues

• Unresolved

  Moving Firefox to background while playing a flash video in full screen mode and bring it back to view will freeze the app (see 809055)

• Unresolved

  Replace fixed-ratio audio resampler in webrtc.org capture code with Speex resampler and eliminate pseudo-44000Hz rate (see 886886)

  Unresolved on v22 Resolved in v24
• Unresolved

  If you try to start Firefox using a locked profile, it will crash (see 573369)

5 jQuery Right Click Context Menu Plugins

1. jQuery Context Menu Plugin

It was designed to make implementing context menu functionality easy and requires minimal effort to configure.

SourceDemo

2. ContextMenu.js

A very easy to use utility that lets you add custom right click menus to any HTML element on your website!

SourceDemo

3. JQUERY CONFIGURABLE CONTEXT MENU

This is a configurable context menu, it works in 3 way: right click, hold down, hover.

Source + Demo

4. jQuery contextMenu plugin & polyfill

It was designed for an application where there are hundreds of elements that may show a context menu – so intialization speed and memory usage are kept fairly small. It also allows to register context menus without providing actual markup, as $.contextMenu generates DOMElements as needed.

SourceDemo

5. wdContextMenu – Jquery Context Menu Plugin

Is very lightweight jquery plugin for right click menu.

SourceDemo

DRIPICONS

A completely free, vector line-icon font by Amit Jakhu. Version 1.0

CHARACTER MAPPING

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

CSS MAPPING

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

  DOWNLOAD