Tutoriel: Drag and Drop JQuery, exemple avec une liste des tâches Facile jQuery, css Après un tutoriel pour créer un diaporama simple avec JQuery, qui d’après vos commentaires vous a assez intéressé, voici un nouveau tutoriel basé sur le Drag and Drop. L’exemple que nous allons voir est une liste des tâche simple, que je vous présente sous la forme d’une liste de courses. Le principe est simple, on ajoute des éléments, on les renomme, on modifie leur ordre et on les supprime. On va voir dans cet article comment utiliser de manière très simple la bibliothèque d’animations et d’interactions JQuery UI. Celle ci permet d’avoir « nativement » des interfaces pour pouvoir déplacer des éléments et contrôler où on les dépose (drag & drop) ainsi que pour les trier. Ces interfaces sont les suivantes : Mise en page et intégration Partie HTML Nous allons créer une page xHTML simple, composée des éléments suivants : Nous avons besoin dans ce tutoriel de deux fichiers CSS : Pour la mise en page de la page elle mêmePour la mise en page de la liste des courses (shopping list)
Clients // Tourisme 30 e-commerce sites worth seeing In this day and age, if you are not selling your product online or at least making it available online, you are missing out on a ton of money. Unfortunately, the makers of these sites are most interested in making a dollar rather than making sense (did you catch the pun?). At any rate, some folks get the job down. They understand that design is a way to communicate and get their point across, rather than something that needs to be pushed to the side in order to get people to buy. Good companies understand good design can mean a better bottom line. If you need inspiration for your upcoming e-commerce site or you just like this type of thing, we’ve put together some sites that get their audiences moving—not just through pretty decorations and design but through good usability, interfaces and interactions. 1. I don’t think there are a ton of exciting ways to present bikes (unless it’s some super mountain bike) and you’re typically only bike shopping if you really want or need a bike. 2. 3.
interactive - National Film Board of Canada At the NFB we like change. For 70 years we've experimented, innovated, and produced a legacy of technical and creative firsts in cinema, animation, and documentary. Think McLaren, Lipsett, Brittain, and Jutra; Stereoscopic 3d, VTR, and participatory media. Today, the way we create, consume, and connect with each other changes by the minute. It's the result of artists and storytellers of all sorts utilizing new technology, to explore new forms of creation, for a new kind of Canada. The stories they're telling here are new, but share a lot in common with the work that came before: they present distinct voices, strong points-of-view, and unique perspectives. So let the conversation begin. Scary or otherwise.
Clients // E-commerce Awesome tutorials to master responsive web design Create an adaptable website layout with CSS3 media queries With the rise of both very large screens and mobile devices, web developers have to be able to create websites that display correctly and look good whatever the device is. Sure, you can use good old techniques like fluid layouts, but I’ve got something better to show you today. This tutorial will teach you how you can create an adaptable website layout using CSS3.→ Read tutorial: Create an adaptable website layout with CSS3 media queries Fluid images This tutorial will shown you how to make your image scales down when the browser is resized or when your website is viewed through a smaller screen.→ Read tutorial: Fluid images Elastic videos Nowadays, videos are widely used on the web. Optimizing your emails for mobile devices As mobile devices are more and more used, more people are receiving their emails on their phones instead of their computer. Images that match text height Hiding and revealing portions of images
Docteur Chantale Bourdon www.bubblingbulb.com Magazine webdesign et blog collaboratif - Blog Du Webdesign Dębki | Holenderskie Domki Letniskowe | Wynajmem domków letniskowych | Wczasy nad morzem Firefly France, Paris PR, Agence de Communication et Publicité Créée en 1999, l’agence Firefly Paris allie le dynamisme d’une start-up avec les avantages et les ressources de l’une des agences de communication indépendantes les plus connues en Grande Bretagne. Cette combinaison permet d’obtenir un mélange de conseil stratégique, d’expérience et de créativité tant dans les secteurs B2B que B2C. Depuis, Firefly Paris a conseillé plus de 30 clients, à travers des campagnes de haut niveau à destination des professionnels et du grand public. Habituée à travailler en étroite collaboration avec les bureaux de Londres et Munich, l’équipe de Firefly Paris est à même de mener à bien toutes sortes de campagnes, qu’elles soient pan-européennes ou destinées seulement au marché français. Parmi les clients de l’agence se trouvent, par exemple, Crucial, Epsilon, Imaginarium, Masternaut, MagicMaman, Neulevel, Red Hat, Softbank, Steria, simplehuman, Telehouse, ou encore Vimeo. Aujourd’hui, les bureaux de Firefly Paris sont situés dans le XVIth arrondissement de Paris.