background preloader

Responsive Webdesign : 30 Ressources utiles pour de la conception Responsive - responsive-webdesign

Responsive Webdesign : 30 Ressources utiles pour de la conception Responsive - responsive-webdesign

Générateur CSS3 Avec les dernières avancées CSS3, de nombreux effets qui demandaient autrefois le maniement de Photoshop sont désormais directement codable en CSS. Il est cependant toujours un peu difficile de visualiser des effets graphiques (ombrages, dégradés…) en regardant une ligne de code. Cette liste de générateurs CSS vous permettra d’obtenir facilement les effets de style désirés via une interface graphique, et d’extraire le code CSS correspondant. Cette liste de générateurs CSS3 a été publiée par Chris Spooner sur le site Line25 . Les générateurs CSS3 tout-en-un Les générateurs CSS de grille et de squelette Les générateurs CSS de dégradé (gradient) {*style:<b> </b>*} Les générateurs CSS de bouton Les éditeurs CSS de texte Les générateurs CSS de « sprite » Le meilleur du reste

MyCube Mobile Introduction au Responsive web design La boîte à outils ultime pour le responsive design Si vous ne savez pas par où commencer votre webdesign responsive, ni quels outils vont vous faciliter la vie, cette liste d’outils concoctée à l’aide du dernier article de Smashing Hub devrait vous égayer. Faisons un petit tour des outils pratiques ou simplement indispensables… Le responsive design est relativement récent et les choses bougent très vite. A peine a-t-on pris connaissance d’une technique qu’il faut déjà apprendre une nouvelle chose ou maîtriser le dernier outil sorti. Le responsive design n’est pas une simple mode de passage mais bel et bien une possibilité et une philosophie de conception de sites web bien en place qui fait ses preuves. Avec sa popularité toujours grandissante, de nombreux outils ont vu le jour pour faciliter le travail des concepteurs et intégrateurs de sites. L’article original recense de nombreux outils gratuits qu’on peut trouver sur le web et vous trouverez ci-dessous ma sélection parmi tous ceux présentés dans celui-ci, plus quelques ajouts. 1. 2.

10 conseils d’utilisabilité avant de concevoir l’UX L’expérience utilisateur d’un site web, vaste sujet que nous avons déjà traité dans de nombreux articles : Chaque éditeur souhaite que les visiteurs prennent du plaisir quand ils visitent leur site, qu’ils gardent un bon souvenir, qu’ils reviennent et qu’ils recommandent le site à leur entourage. L’expérience offerte sur un site web prend de plus en plus d’importance avec la richesse des offres disponibles sur les différents supports : Web, mobile ou tablette. Le marché du commerce en ligne oblige donc à se démarquer des concurrents en offrant aux utilisateurs plus qu’une plate-forme fonctionnelle en ligne. Il n’est plus possible de rendre public un nouveau service ni préparé ni testé et penser créer des expériences extraordinaires. Il est nécessaire de s’assurer que le site web satisfait les attentes les plus simples des utilisateurs. 1. L’utilisabilité est la capacité d’un système à être utilisé par certains utilisateurs afin d’atteindre leurs buts ou objectifs. 2. 3. 4. 5. 6. 7. 8. 9.

» 20 tutoriaux CSS3 pour vous préparer au futur du web Le web design évolue constamment, au grès des modes et des technologies. Les graphistes et designers doivent non seulement garder un oeil sur les nouvelles tendances mais aussi sur les dernières technologies comme jQuery, HTML5 et CSS3, qui permettent d’exprimer une plus grande créativité tout enrichissant l’expérience de l’utilisateur. Ces 20 tutoriaux CSS3 vous permettront d’apprendre à coder de superbes éléments web interactifs. Ajoutez ces sites à vos favoris, et prenez votre temps… N’hésitez pas à partagez de billet avec vos collègues / amis ! Ces 20 tutoriaux CSS3 ont été référencés sur web design ledger par Tomas Laurinavicius. Construisez rapidement une page annonce (teaser) en CSS3 Avec ce tutoriel, vous apprendrez à créer une page annonce en utilisant uniquement CSS. Créer un menu déroulant avec CSS3 Avec ce tutoriel relativement simple, vous apprendrez à coder un menu déroulant en CSS3 pour un résultat simple, propre et professionnel. Accordéon avec CSS3 Tableaux de prix en CSS3

Création de sites internet Nous vous accompagnons dans les étapes de conseil, de création et d’optimisation de votre site internet. Nous créons des sites performants et optimisés en référencement naturel pour que vous receviez du trafic qualifié. Sowitty vous conseille dans la réalisation de votre site (ergonomie, mots-clés, maillage interne…) pour transformer vos visiteurs en clients. Sowitty crée des chartes graphiques et des logos originaux qui sauront véhiculer les valeurs de votre site internet et de vos services. Sowitty développe des solutions personnalisables à volonté en créant votre site à partir de WordPress, Drupal, Symfony… Sowitty vous propose une solution de référencement naturel (audit, optimisation, netlinking…) pour générer plus de trafic sur votre site internet. Sowitty vous propose de rédiger des contenus uniques et de qualité (fond comme forme) pour votre site internet et son référencement.

Tendances du web design 2012 [Chat Vidéo] Les fondateurs de Napster lancent Airtime sur Facebook Sean Parker et Shawn Fanning, les fondateurs de Napster, viennent de lancer une nouvelle start-up. Baptisé AirTime, il s’agit d’un service en ligne de chat vidéo, basé sur la communauté Facebook. Sorte de Chatroulette, AirTime permet aux membres du réseau de discuter entre amis mais également de discuter avec des inconnus. En effet, Airtime propose de rencontrer les amis de vos amis, les internautes qui se trouvent près du lieu où vous vous trouvez ou encore les adeptes du réseau qui présentent les mêmes centres d »intérêts que vous. Une fois lancés dans la discussions vidéo, les utilisateurs peuvent révéler leur identité ou rester anonymes. Pour accéder à Airtime, il est donc indispensable de s’inscrire via Facebook Connect afin que le service puisse obtenir les données liées à votre personnalité et vos goûts. L’atout de cette nouvelle application réside néanmoins dans le fait qu’elle ne requiert aucun téléchargement de programme.

Frédéric Guerrier (guerrier) sur Twitter Using CSS to Fix Anything: 20+ Common Bugs and Fixes Jun 15 2008 Without a doubt, a logical and structured layout is the best way to go. Not only because your layout varies between browsers, but also because CSS has a lot of ways to position every element you have. Today we wanted to share with you some quick tips on how to avoid easy pitfalls when creating your CSS layout. This is the first part in this series as there are SO MANY good tricks out there and if you see an easier or better methods, then post a comment below or email me. You might be interested to check our other related post for some inspiration: IE Bug Fixes 1- Bug Fix: IE Double Margin Float Bug- It’s an Internet Explorer-exclusive bug wherein an element that is floated – and given a margin in the same direction as the float – ends up with twice the specified margin size. To something like this: 2-Overcoming the Box Model Hack- If you want to specify a width to any div, do NOT specify padding or margins. Do something like this: Centering a Block Element Column Issues <div><!

Responsive WEBDESIGN des outils, grilles, tableaux, carrousels... by sohenno Dec 7

Related: