3.02.2010
POSTED IN Android Theme | NO COMMENTS TAGS : alice, android, burton, design, graphic, mobile, theme, tim, trip, ui, wonderland
Remeber to install PandaHome/aHome/OpenHome to use this theme.
Alice in Wonderland theme. Include 20 app icons, menu icons, wallpaper, drawer, clock… Check out the screenshots below! Feel free to email me with comments, suggestions & requests. Feedback appreciated.
Please rate!
23.01.2010
POSTED IN Blog, Graphic Design, Inspiration, Resources, Web Design, Wordpress | NO COMMENTS TAGS : best, creative, design, deviantart, interface, layout, ui, web, wordpress
I kind of got lost a little bit in creating Monthly Deviantart web interface features, but at least I loved to do research and get inspired every month, and since our blog is focused mainly on web design, I am sure you enjoy it as well. Let’s get started, get inspired and watch how trends are slowly changing from month to month.
More and more visually appealing and image heavy websites are being created, and of course we’ve got a reason – days with slow Internet speed are going to past and technologies are evolving every day! Let’s get started – shall we?
20.01.2010
POSTED IN Blog, Inspiration, Tutorials, Web Design | NO COMMENTS TAGS : html, mootools, resources, techniques, tutorials, ui
The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions.
There’s a lot of powerful interactivity you can bring to your site to spice up just about any web page using one of the most powerful and modular javascript libraries—MooTools! It’s important to note that small and useful features can cleverly deal with hiding and showing important information in non-traditional ways.
Today, we will have a look at 20 creative techniques using MooTools javascript framework for rich UI in modern day websites.
In this tutorial, we will see how to create a show/hide login panel on top of your page using Mootools 1.2.
MooGenda is a javascript calendar based on MooTools, that reads events from JSON requests. MooGenda supports double click on event to see the deafult event view, drag and drop event in month view, every change send a request to back end, to store when and what changed in the event.
In this tutorial, we will see how to add some amazing effects to an unordered list on mouseover with the Element Method: morph and to make the whole list item region clickable with Mootools 1.2. The goal is to take a boring unordered list and to turn it into something fun to click.
Create a flexible tool for highlighting your sites products or services using the MooTools javascript framework. Also, learn some of the many reasons why MooTools just might be the right javascript library for all of your future projects!
A MooTools and contact forms with animated field highlighting, displaying/hiding instructions for each input field, live comment previewing and auto-resizing of both the comment preview and it’s corresponding textarea input.
A small piece of javascript that creates a css styled scrollbar from the Mootools (version 1.2b2) Slider class. The example page shows three div elements with a styled horizontal and/or vertical scrollbars.
There are possible scenarios that need image preloading. Most browsers only allow two concurrent requests at the same time to the same domain. When we do the image preloading on domready, it might hold up other resources that need to be loaded. Because we preload images that are not shown when the page loads, we can delay the preloading.
Array.each.delay(3000,this,[
['foo.gif', 'bar.png','moo.png','tools.png', 'mootools.png'],
function(src){var img = new Image();img.src = src;}
]);
David Walsh took facebook’s imagery and CSS and combined it with MooTools’ awesome functionality to duplicate the effect of Facebook’s Modal box.
The OmniGrid component is inspired by two similar components: FlexGrid jQuery and phatfusion:sortableTable and partly uses their source code.
A nice neat effect inspired by the jQuery version found here.
FormCheck is a class that allows you to perform different tests on form to validate them before submission. FormCheck is lightweight, shiny and fast, supports skins (using CSS), 10 different languages, and shows errors as tips. It support basic validation (required, alpha, digit, alpanu, lenght, confirm…), regex validation (phone, email, url) and a lot of options that allow you to customize this class to fit exactly as you want.
FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.
This AutoCompleter script for MooTools provides the functionality for text suggestion and completion. It features different data-sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and much more.
This tutorial explains how to implement a Newsvine News Ticker, with news vertical scrolling, using mootools. It’s very simple and quick to implement in your web projects.
mParallax is a MooTools implementation of the popular jQuery plugin: jParallax. “jParallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way”. You can create parallax effects while having the option to customize various settings.
BySlideMenu is a plugin for Mootools which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p …) using images and/or text. You have the option to create it vertically or horizontally, the container width/height can be adjusted automatically, Menu can be pinned or not, by mouseover or click and with Overflow support.
Create animated Bar Charts using the MooTools.
MavSelectBox is a simple-to-use form select replacement that allows for better customization. MavSelectBox mimics the GUI interactions of a normal select element as much as possible. Up and down arrows move the selection, tabbing to it and hitting alt+down shows the menu, tabbing to it and simply hitting up or down selects the next available option in that direction, focusing then start typing and the option that matches what you are typing is selected, enter selects, esc closes, and so on.
It is only a little script that can turn your ugly looking numbers into a nice looking Slider using MooTools. The script only contains a little fix for the Slider in mootools-more so the “knob” doesn’t jump around when clicking it and is also packed up a little example in PHP to see how you can integrate this script in your blog easily.
SlideItMoo is a MooTools 1.2 JavaScript plugin for sliding images, browser friendly and nicely degradable. All CSS styling is external. The plugin can slide the images from your photo gallery either by clicking the back – forward buttons or by mouse wheel. It supports continuous sliding when navigating, offers the possibility to set how the slider will slide ( from left or from right ) when used with the auto slide feature on, offers the possibility to give it the item width ( width of the slider’s items ) and let it display the elements according to that width and the visible items parameter.
These tutorials will assume no previous Mootools or JavaScript experience, but will require basic knowledge of html and CSS.
15.01.2010
POSTED IN Blog, Flash, Inspiration, Web Design | NO COMMENTS TAGS : design, Flash, intercativity, site, ui, web
Having a full of animation or jazzy looking flash website is a dream for those who are the admirer of flash work but to find amazing flash websites for inspiration is not that easy. koflash.com is the one stop service place for flash fans to discover amazing flash innovations mankind has to offer. Yes, the mentioned innovations do include all the popular topics like 3D, games, cars, portfolios, etc. Basically, the site is the good step towards all the latest flash goodies existing in this cyber world. The connections you’ll get from koflash will surely be worth your time, whether you’re just roaming around or seriously looking for some flash inspirations. To prove the words above, here are some of the best flash sites koflash have collected over time.
ELSE Mobile
ELSE offers a totally new definition of what a mobile device can be. ELSE is a totally new concept driven purely by user experience rather than by technology.
Wonderwall
Wonderwall is an interior design firm established by Masamichi Katayama. Its portfolio includes commercial spaces such as retail spaces, restaurant and bars, as well as office showrooms and building complexes that are distinctly unique in design and yet attentive to function.
The Editing Table
Nicola Walbeck
The Wrong Door
The Wrong Door, BBC3’s new comedy series set on The Asteroid
Silenzio
A movie poster maker and marketing agency. The website is directed by Unity, Web artistic direction Jocker / CREAKTIF(Axel Corjon), development, motion design Lab9.
Falcon’s Treehouse
Headquartered in Orlando, Florida, Falcon’s Treehouse is an experienced design company specializing in master planning, attraction design, special venues, destination resorts, theme parks, media production, museums, science centers, and more.
SeymourPowell
SeymourPowell Product Design Consultancy are experts in Product Design, Product development, Consumer Product research and industrial design consultants. This Product Design Company is based in London UK.
Martin Anderle
Fruit Shoot
Browse the new Fruit Shoot website with how-to videos for beat boxing, soccer skills and much more!
Breathe Architecture
Quality and style are central to Breathe Architecture’s unique sustainable designs. We expertly combine environmental and aesthetic principles to create stunning buildings with a lighter footprint.
History of Flight
Know Your History. Soar through Michael Jordan’s amazing career at History of Flight.
The Sound of Orange RockCorps
You can create your own unique track with your mates and unleash it online. You can also connect to your facebook and you can see which of your friends have already taken part.
Saab Change Perspective
When you look beyond the obvious, you open up to alternative ways of seeing things. As you gain a different perspective on the world, you also bring a certain attitude to everything you do. To Saab, this means building cars unlike any other. Here you can share this view.
addidas outdoor
Real Casual
Cartelle
Cartelle is a creative unit based in Amsterdam, founded by Johnny Slack & Stevijn van Olst. With a small agile team of professionals, Cartelle delivers high quality interactive experiences. Constantly looking for fresh solutions, we offer new creative approaches in the ever-evolving digital landscape.
Cloudy Meat Balls
Columbia Pictures’ and Sony Pictures Animation’s Cloudy with a Chance of Meatballs will be the most delicious event since macaroni met cheese. Inspired by the beloved children’s book, the film focuses on a town where food falls from the sky like rain.
JPEG Interactive
Jam is a creative director, an experienced web designer, a veteran Flash developer and the co-founder of Shanghai-based web creative agency 01media.
Imagining Mozambique
The traveling art show collective, ‘Imagining Mozambique’ is a fundraising drive for ASEM, a non-profit organization that helps the children of Mozambique.
LBi Atlanta
LBi Atlanta is a leading full service digital agency. They have developed a successful business by fusing strategy with creativity, and technology to create highly effective marketing and business solutions.
Shinkansen and Love
2Advanced
Coca Cola Zero
Coca Cola Zero – Real Coke Taste, Zero Calories. The official website of Coca Cola Zero. Watch Commercials. Play Games.
Parasol Island
Parasol Island is producing nationally and internationally awarded film, animation and interactive projects for exclusive client portfolio – ranging from companies in the lifestyle and entertainment, as well as, consumer industries.
Hobnox Audiotool
SoInteractive
DigitalKick
Mercedes AMG
Toyota iQ
Toyota iQ – Virtual Test Drive.
Nissan Cars UK
Ocean Recon
Royal Australian Navy Submariners – DefenceJobs
Want to know what goes on inside a Collins Class Submarine? Dive below the surface for a unique view of the inner workings of Australia’s silent fleet. Complete real-life missions to earn your submariner dolphins and experience life beneath the surface.
Oddo Design
This is an award-winning graphic design firm that helps companies build stronger brands, increase sales, improve customer retention, and educate customers and employees. Now located in the Texas Hill Country, just outside of Austin, Texas, the firm was originally established in 1989, in Houston, by Tommy Oddo.
Dvein 2009
Motion and Interactive Studio based in Barcelona, Spain. DVIEN creates Live Actions, Motion graphics, 3D Animations, Flash, and Films.
Sony Bravia
11.01.2010
POSTED IN Portfolio, Web Design | NO COMMENTS TAGS : bebo, design, site, ui, web
