Journey Through The JavaScript MVC Jungle. 15 sites e-commerce avec un web design de qualité pour votre inspiration - webdesign-inspiration. Javascript : 8 ressources pour simplifier les I/O avec vos utilisateurs - javascript-ressources. Aujourd'hui, la communication entre votre site et les utilisateurs est à l'honneur sur le Blog du Webdesign, tant en input qu'en output ! Découvrez cette sélection de ressources javascript simplifiant la gestion du clavier, des pointeurs, de la console, ou bien permettant d'afficher plus simplement les informations à l'écran !
TypeLink La navigation souris, un plaisir pour certain, un cauchemar pour d'autres. Personnellement, mon choix se porte bien plus sur le clavier : pourquoi chercher pendant plusieurs secondes la recherche d'un lien twitter quand il suffit de taper "twitter" pour accéder à la page ? C'est en tout cas ce que propose cette ressource : Ajouter une navigation clavier à la navigation souris déjà existante. Mousetrap Cette ressource permet de créer très simplement des raccourcis claviers pour son application web ou son site web.
Pointer Colorjoe Noty. [Fun] La différence entre Linux, Windows & Mac. Typography Is The Foundation Of Web Design. Advertisement For years you have been searching for it. You hear the question being asked in your dreams as you go on an Indiana-Jones-type-crusade to find the answer. When the answer comes to you, you know that the confetti will fall from the ceiling and the band will start playing your favorite song. You might even get a kiss from that special someone. So what is this question? What is the secret to Web design? A tough question and one that might not have an answer. Of course typography doesn’t mean font selection. More toys means more fun though, right? I’m not being sarcastic, saying that is all you need to know for a majority of websites. Information Architects is based around strong typography. One of my all time favorite designs is A Working Library. A Working Library by Mandy Brown. Some people find design like this to be dull and boring, they feel that design should have more pop to it.
Well That Isn’t Hard Blake Allen Design uses images, but with great typography. (jvb) It's done. JS Bin: Built For Sharing, Education And Real-Time Rendering. Www.blogduwebdesign.com. New High-Quality Free Fonts. jQuery++ — Extension du domaine de jQuery. Les ressources du lundi #34 - ressource-webdesign. 15 web design responsive pour trouver l'inspiration - responsive-inspiration. Aujourd'hui le Blog Du Webdesign vous présente un tour d'horizon dans le domaine des sites web responsive, avec une sélection de 15 exemples de qualité.
Le responsive webdesign Nous avions déjà eu l'occasion de faire une sélection de sites autour du design responsive. Si jamais vous n'êtes pas au courant de la notion du responsive web design je vous laisse une nouvelle fois un petit rappel : La notion de Responsive Web Design regroupe différents principes et technologies mais il indique globalement qu'un site est conçu pour s'adapter aux différentes tailles d'écran et aux différents terminaux permettant d'afficher le site (navigateur, tablette, mobile, télé connectée, ...) source : La pratique du webdesign responsive a déjà fait un petit bout de chemin dans notre façon de concevoir des sites. Si vous souhaitez aller plus loin consultez également nos articles sur le sujet du responsive : - Le livre "Responsive Webdesign" par Ethan Marcotte.
Moqups : un outil gratuit et efficace pour faire des Mockups ! - presentation. Aujourd'hui sur le Blog du Webdesign, découvrez moqups, un outil pour faire des mockups, qui se paye le luxe d’être en HTML5 et gratuit ! Moqups Moqups est un outil gratuit et archi-complet permettant de faire des... mockups, oui, c'est ca.
Mais même si vous en connaissez déjà, allez voir celui là, il vaut vraiment le détour! Créer son projet Un petit click sur le "moqups" en haut à droite et hop! Pour plus de finesse, chaque forme est personnalisable. Une fois notre page finie, nous pouvons bien évidemment en créer d'autres, et faire des liens entre nos pages (actifs durant la prévisualisation du projet). Multi plateformes ! Moqups permet aussi de faire des moqups pour smartphones. Voir le site : Et après ? Et bien, une fois que votre projet est fini, vous pouvez le visualiser, et si vous êtes inscrit, le partager ou l'exporter.
Tips For A Finely Crafted Website | Smashing UX Design. Advertisement Good Web designers know what many others might not realize: that creating a truly beautiful website requires care, time and craft. And similar to how a craftsperson molds their creation by combining raw materials, skill and unwavering focus on the vision, a beautiful design is planned and executed with exceptional focus on what is to be achieved by the website. It is important, however, not to confuse a beautifully crafted website with one that simply brushes over the content with attractive visuals. This article provides a small selection of tried and true methods that Web designers regularly employ to give a website that bespoke look and feel (think a tailor who carefully cinches a suit here and there to ensure a perfect fit).
Make no mistake: these methods do take extra time, and they often result in improvements that the untrained eye might not consciously register. But the payoff is a better overall experience for the user. Start From Scratch, Every Time (al) (jc) Hands-On Experience: The Rehabilitation Of The Script. Advertisement Serifs, sans serifs and… scripts. In theory not a bad typographic palette to play with, but when it comes to practice, the options are always far fewer. One member of that stylistic trio could never quite punch its weight. But over the last few years we have seen something of a rebirth and revitalization of scripts, a category that once represented a care home for the typographically underemployed. But why has this come about, and why was one needed in the first place? The problem with scripts was that although they were supposed to offer a freer, natural, handwritten style of lettering, when you tried to use them, most turned out to be more rigid and constricting than sans serifs and serifs.
Although one of their traditional default applications was wedding invitations, even there you could run into problems. For a typeface this is a considerable disadvantage; as designers we can sometimes be forgiving, but others can be brutally frank. There was also a stylistic handicap. How To Create A Responsive, Mobile First WordPress Theme | Smashing WordPress. Advertisement Let’s assess the situation.
WordPress is an extremely popular, flexible, easy to use and open-source blogging and CMS system. More and more mobile devices are flooding the market every day, changing the way people use the Internet. And the need is growing for more beautifully designed and coded WordPress themes that work well across all of these devices. At first, the idea of designing and developing a fully responsive, mobile-ready WordPress theme might be overwhelming. But after doing some research and looking more closely at some of the responsive WordPress themes and theme frameworks out there, you will probably wrap your head around the idea pretty quickly, and the evolving world of WordPress theme design will sound like a huge opportunity that you can’t wait to get started on.
It’s All About Preparation Having a detailed design concept is even more important for a responsive WordPress theme than for a static-width theme. Creating the Theme’s Concept 1. 2. 3. Development. CSS3 : 15 Ressources utiles pour vos prochaines réalisations - ressources-css3. Free Blog Ware: Chef de projet, aboutissement de la carrière d'un développeur ?
Non, cent fois non !!!!!!!!!!!!!!! Ceci est un cri du coeur... je viens de lire un billet très récent de Fred Hardy sur son blog mageekbox , lequel billet est une réflexion (amère oserais-je préciser) sur l'état du "marché" du développement. Une fois n'est pas coutume, je suis d'accord avec un certain nombre de constats de Frédéric, mais pas avec leur interprétation. Je reviendrai peut-être sur ces divergences ultérieurement, mais d'abord, je voudrais m'insurger contre cette idée parfaitement farfelue qui apparaît à plusieurs reprises dans les nombreux commentaires de ce billet : l'évolution normale, logique et surtout valorisante du statut de développeur serait celui de chef de projet. Quelle aberration ! De ce que j'ai lu dans les commentaires, il semblerait que l'on fourre cette idée saugrenue dans la tête des futurs développeurs dès leur apprentissage... ceci expliquerait cela.
Un développeur produit du code. 20 web design illustrés pour trouver l'inspiration - webdesign-inspiration. Les ressources du Lundi #33 - ressource-inspiration. Découvrez 5 sites avec une navigation et un concept original #57 - webdesign-inspiration. Pour ce nouveau numéro des 5 sites avec une navigation et un concept original, on reste encore dans une majorité de portfolios et d'expériences originales qui vous feront découvrir la diversité du web.
Bonne lecture. Couleur de peau miel Découvrez une présentation originale avec ce site dédié autour du film "Couleur de peau miel". Le système de navigation est construit comme une planche de BD où le scroll permet de parcourir chaque case avec le lancement d'interactions qui mélangent sons et animations. Le résultat est original et ludique, à voir sur : www.couleurdepeaumiel-lefilm.com. Canvas.is Un très beau portfolio réalisé par cette agence basée à New-York qui exploite efficacement le style "one page". Bernd Kammerer Bernd Kammerer est un photographe allemand qui parcourt le monde et nous fait profiter de ses photographies sur son portfolio. Filip Slovacek Découvrez le portfolio minimaliste du designer Filip Slovacek avec une présentation qui va à l'essentiel. Equ.com.au. Web Design : 30 Sites Tendances pour le mois de Juin - webdesign-inspiration. Powerful New CSS- and JavaScript-Techniques (2012 Edition)
Advertisement Since our last round-up of useful CSS techniques1, we’ve seen a lot of truly remarkable CSS geekery out there. With CSS3, some of the older techniques now have become obsolete, others have established themselves as standards, and many techniques are still in the “crazy experimentation” stage. Since the release of the previous post, we’ve been collecting, sorting, filtering and preparing a compact overview of powerful new CSS techniques.
Today we finally present some of these techniques. Use them right away or save them for future reference. Please note that many techniques are not only CSS-based, but also use HTML5 and JavaScript. Table of Contents CSS Transitions And Animations CSS transitions and animations are often used to make the user experience a bit more smooth and interesting, especially when it comes to interactive effects on hover or on click. CSS3 dodecahedron9 A fancy dodecahedron experiment, created using CSS Transforms and a tiny JavaScript snippet. Last Click.