TappGala: The Best in Mobile Interface Design Advertisement 1 2 3 4 5 6 7 8 9 ... 60 Next Design Studio Born and raised in Slovenia, a small green country in the middle of Europe. It all started back in 1999, when I taught myself HTML. As a computer enthusiast, I quickly felt in love with web sites and especially good looking and well–principled design. With about 16 years of professional experience, I have worked in almost every aspect of design, with agencies, companies, start-ups and individuals. Currently, I'm working as a senior UI/UX designer at Databox, a Boston based startup. However, my true inspiration in the last 6 years were icons. Occasionally, I make illustrations too - 84Posters.
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery – Tutorialzine Martin Angelov Introduction When speaking about design, there is one company that is impossible to go without. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. So go ahead and download the example source code and continue with the first step. Step 1 – XHTML There is no need for a database nor a PHP back-end for this gallery. Lets take a closer look at the XHTML markup: demo.html The idea is simple – there are two main container DIVs – the one with id=”menu” holds the thumbnails, and the other – “slides” holds the slides themselves. To add a new slide, you’ll just have to add new elements to both containers. You can even put any kind of HTML in as well. That said, it is important to have the width and height attributes set up of the slide images – it is used by jQuery to determine the width of the sliding area, as you’ll see in a moment. Also notice that the thumbnail LI elements. An Apple-like Slideshow Gallery
Media Queries Inspired UI - mobile ui patterns Ryan Scherf : Minneapolis based web design + development Easy front-end framework Eyes blink, minds boggle: The stunning effect of projection mapping O (Omicron) The Hala Stulecia (Centennial Hall) in Wroclaw, Poland, was aptly named as a celebration of the 100 year anniversary of Napoleon’s defeat at the Battle of Leipzig (thanks Wikipedia). Now, as its own centennial rolls around in 2013, AntiVJ have been commissioned to install a permeant projection map in its extraordinary, very modern concrete dome. The building, a feat of architectural engineering that at the time had not been seen since the Pantheon in Rome 18 centuries before, has stood the test of time and taste and it’s from this remarkable cultural longevity that directors Romain Tardy and Thomas Vaquié endeavoured to create O (Omicron), their vision “of a future with no precise time reference. Referring to science fiction works – Metropolis and the original Tron – allowed the duo to not dwell on the past while keeping in mind what its architect Max Berg must have thought at the time: “What could have been his vision of the monument in the distant future?”
Featured Mobile App Makers | TheyMakeApps.com - Home of the Finest Mobile App Makers 960 Grid System Snow Fall: The Avalanche at Tunnel Creek - Multimedia Feature Refined Mobile - Mobile Web Design Inspiration Beautiful Slide Out Navigation: A CSS and jQuery Tutorial Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden – the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can spare […] View demoDownload source Today I want to show you how to create an amazing slide out menu or navigation for your website. The icons that we will be using are from the Colorful Sticker Icon Sets 1, 2, 3 and 4 by DryIcons. Ok, let’s get to work. 1. The only thing we will need for the navigation is a simple unordered list with links inside of the list elements: The list is getting an ID because we want to refer to it later in the JavaScript. 2. First, we define the CSS properties for the list: The navigation should always be accessible for the user, even if he scrolls down the page. Now, let’s look at the list element properties: For the links in the list elements, we define the following CSS properties: The JavaScript
Centre de Formation Adobe - Wiki | Mediabox Paris Activez JavaScript pour une utilisation optimale. Si vous débutez dans le développement d'applications AIR pour Android, je vous conseille de suivre ce tutoriel si vous ne l’avez pas déjà fait. Nous allons donc dans ce tutoriel créer notre première petite application pour Android en utilisant AIR. Nous pourrions faire un simple Hello world, mais cela n’aurait pas grand intérêt, c’est pourquoi, nous allons plutôt faire une petite application qui récupère et affiche le contenu du flux RSS du blog Mediabox. Cela vous permettra de vous rendre compte par vous même que beaucoup de choses restent identique à l’AS3 traditionnel et que seuls certaines fonctionnalités ont été ajoutées afin de coller au plus près aux spécificités des appareils mobiles. Commençons par le paramétrage Pour commencer, dans Flash CS5 créons un nouveau document depuis le modèle AIR for Android 480x800Android. Nous allons d’ores et déjà préparer les paramètres de publication de l’application. Un peu de code ). Conclusion