background preloader

Tutoriels

Facebook Twitter

Nos conseils pour créer un site de qualité - explications et exemples. Ligne de flottaison d’un site web La ligne de flottaison ou fold en anglais représente la ligne imaginaire à partir de laquelle l’utilisateur ne voit le contenu que dans un second temps.

Nos conseils pour créer un site de qualité - explications et exemples

Tout ce qui est au dessus de la ligne de flottaison sera vu immédiatement par le visiteur, ce qui est en dessous nécessitera un «effort» de la part du visiteur pour être vu. La ligne de flottaison se situe environ à 600px du haut de la page. Aptana / Eclipse: Set up Git Repository (Github, Bitbucket) - Neal's Stuff. If you code for yourself or with a team you should be using a code repository.

Aptana / Eclipse: Set up Git Repository (Github, Bitbucket) - Neal's Stuff

However getting started you need a dedicated server, installation etc. or you take the more convenient route and use one of the many repository providers. For small teams you can get free Repositories. The two most popular providers are: Le guide d'une bonne charte graphique - l'importance de la palette de couleurs. Une bonne charte graphique ?

Le guide d'une bonne charte graphique - l'importance de la palette de couleurs

De quoi s’agit-il vraiment ? Voici le début d’une trilogie sur des conseils et outils utiles pour choisir la bonne palette graphique pour votre projet vidéo. Commençons par le début pour notre première partie : le choix d’un style graphique, d’une identité visuelle… La charte graphique– votre point de départ. Guide to CSS support in email. Le Design Atomique. L'utilisation de Sass chez les intégrateurs est aujourd'hui devenue monnaie courante.

Le Design Atomique

Elle permet entre autres de réaliser des sites plus maintenables. Pour cela, des pratiques d’écriture spécifiques et une certaine méthodologie doivent être adoptées pour répondre à ces contraintes. L'arrivée du préprocesseur Sass a permis une remise en question des pratiques d'intégration CSS chez bon nombre de développeurs front-end. L'arrivée du responsive design, la réalisation de sites de plus en plus sophistiqués et de plus en plus lourds a rendu l'intégration CSS très complexe, produisant alors de véritables usines à gaz. Lorsque que l’on code le CSS d’un site, on peut très vite arriver à plus de 1 000 lignes de code, à une hiérarchie profondes des éléments HTML, et à des propriétés qui se répètent des centaines de fois.

How to Build an Awesome Website Footer. Let me be the one to say it – building a footer is one of those “by the way” kind of tasks for many designers.

How to Build an Awesome Website Footer

It seems easy. It seems negligible. It seems like it can be left to chance. And there is some strong reasoning behind such a point of view. For once, footers are seen by a much lower percentage of people than, say, the stuff above the fold. Footers and CTR. Petit Tutoriel de Merise. Merise Analyser un Système d’Information déroute parfois le non-initié, car traduire unenvironnement de travail en symboles cabalistiques n?

Petit Tutoriel de Merise

Est pas très habituel pour quine connaît pas. Pourtant, avec une once de théorie et deux grammes de pratique,on se rend compte que le processus est très abordable, soumis à quelques règlessimples, faciles à acquérir et qui s’appliquent toujours de la même manière. Laméthode décrite ici est MERISE, elle est Française et a plus de 20 ans. Du zoning au mockup, itinéraire d'une maquette web. Du zoning au mockup, itinéraire d’une maquette web, en passant par le moodboard, le wireframe, les style tiles et le prototype… Il n’est pas toujours évident de s’y retrouver dans le vocabulaire, nouveau et souvent anglophone, de la conception web.

Du zoning au mockup, itinéraire d'une maquette web

Nous sommes nombreux [**] à avoir déjà vécu une situation d’incompréhension à cause de ce vocabulaire. Les termes « zoning » et « mock-up », en particulier, ont des significations différentes selon les personnes [**] et prêtent au quiproquo, quand ils ne sont pas carrément considérés comme synonymes de « wireframe »… Pour mieux s’y retrouver, commençons par mettre les bons mots sur les choses. sketch / croquis La première chose que l’on fait, c’est de jeter des idées sur papier, sous la forme de croquis.Outils : papier et crayons, Sneakpeekit, InterfaceSketch.

Mercurial pour nous les nuls, leçon 4 : init, clone. Attaquons maintenant le vif du sujet, la gestion d’un dépôt.

Mercurial pour nous les nuls, leçon 4 : init, clone

Je ne reviens pas sur les leçons précédentes mais vous mets ci-dessous leurs liens si toutefois vous voudriez vous rafraîchir la mémoire : Gestion d’un dépôt La première étape a effectuer pour gérer un dépôt est de le créer. Celui peut être créé localement sur votre machine ou sur un serveur offrant les services de gestion Mercurial. Dans le cadre du projet Dotclear nous avons choisi de nous appuyer sur le site Bitbucket sur lequel nous avons créés nos dépôts publics de développement[1]. Brian Thurston Bralczyk, UX Designer and Trainer, Axure Trainer, Seattle. Josh Clark came back for day three of An Event Apart to give a full 7-hour workshop on designing for touch.

Brian Thurston Bralczyk, UX Designer and Trainer, Axure Trainer, Seattle

In the first half of the day, he focused on the state of touch devices today, the way people hold their devices and how we should account for that in our designs. He also talked us through how to best size UI controls for actual human fingers, and how reducing the density of controls and content on each screen dramatically increases usability. Where is touch today? Brian Thurston Bralczyk, UX Designer and Trainer, Axure Trainer, Seattle.