background preloader

Useful resources and inspiration for creative minds

https://tympanus.net/codrops/

Related:  Design | UX | UI | HCIjQuery Slider Demo TutswebdesignUICWR HTML5 CSS

Design thinking, where it came from and the types of people who made it all happen As a final note I would like to acknowledge some of the women of design thinking I have found on my obscure hunts through white papers and internet searches. I am convinced that there are more. Help me find them. jQuery Realtime Chat with Node.js By Nick Anastasov | In this tutorial, we are going to build a realtime chat system with Node.js, Express and the socket.io library. 26 useful graphing solutions for web developers - Webdistortion Many a web application can be enhanced with a decent graph to show data. Unfortunately out of the programming languages / frameworks that we have available to us, none seem to be very forthcoming with decent graph components, and it is left up to third party solutions to provide the necessary. From my hunts around the web the following showcases some of the better options. I’ve tried to keep these limited to the open source / free options. LibChart Libchart is a simple PHP charting component, and it is totally free free free!

100+ Excellent jQuery Plugins for Navigation and Menus - Stunning Mesh After the successful publish of our post 100 jQuery Plugins for Image Galleries with Source Files , many people demanded jQuery Plugins for Navigation & Menus, so here is another most useful and important post. Now this time we have collected jQuery Plugins for Navigation and Menus. Hope like the previous post you will also feel it useful and important post. Nice and beautiful jQuery plugin having impressive features like, Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure of jQuery menu, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-designed color schemes, Completely customizable styling with CSS, Powered by jQuery, Extremely small – 3kb uncompressed. Urban Gray Accordion Menu is a clean, vertical menu with headers that are activated “mouseover” (200 millisec delay).

Fluid CSS3 Slideshow with Parallax Effect In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds while sliding the container of the slides. View demo Download source In this tutorial, we are going to create a slideshow with a parallax effect with the help of some CSS3 properties. We’ll use radio buttons and sibling combinators for controlling which slide is shown. There will be two backgrounds and the idea is to change the background positions and the position of the slider with transitions in order to create a slight parallax effect. 35 Innovative User Interface Examples - Xerox Interfaces are where humans touch technology. They provide smarter ways to use simple things and simpler ways to use smart things. Interfaces release the potential of complex systems and technologies to the users who need them. And every once in a while, they change everything. We believe user interfaces have been pivotal to some of the world's most important innovations. And since the line between an "interface" and an "invention" can be quite fuzzy, we thought we'd explore that line – and take a tour of how interfaces have changed the world.

UI/API/1.8/Accordion Description: Convert a pair of headers and content panels into an accordion. The markup of your accordion container needs pairs of headers and content panels: Accordions support arbitrary markup, but each content panel must always be the next sibling after its associated header. See the header option for information on how to use custom markup structures. The panels can be activated programmatically by setting the active option. Keyboard interaction gauge.js (javascript programmable gauge) <form name="lst" id="lst" method="post" action=".. gauge.js 1.4 allows you to add gauges (with shading and reflection) to your webpages. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. The Internet Explorer implementation has a limitation of a maximum of 14 values for reasons that are inherent in the used vml fill parameter "colors".

Design Patterns - Fluid Project Wiki Check out design patterns created by Fluid and other contributors in the Open Source Design Pattern Library! What is a Design Pattern? According to architect Christopher Alexander, the father of the Pattern Language movement in computer science, a pattern is "a proven solution to a common problem in a specified context." Thus, each pattern is a three-part rule, which expresses a relation between a certain context, a problem, and a solution. Design patterns serve as tools to communicate ideas, solutions, and knowledge about commonly recurring design problems. User interface design patterns help designers and developers create the most effective and usable interface for a particular situation.

Experimental CSS3 Animations for Image Transitions « Previous Demo: Item Blur Effect Images by Joanna Kustra Back to the Codrops Article next

Related:  tutorialsjQueryWeb ProgrammingWebDownloads Templates & PluginsHTML-CSS-JavascriptCSSResponsive Web DesignI LEARN HTML5ressourcesWeb DesignUI designweb design inspirationUX/UI Design TopicsWeb Design = Codes and TechniquesDesignaurevecRessources webdesignCSS y javawebdesignPaginas DiseñoTutos diversTo read 2webCodingcss