background preloader

Le guide ultime pour accélérer son développement frontend

Le guide ultime pour accélérer son développement frontend
Il existe deux types de développeurs : ceux qui développent vite (et bien) et les autres. En tant que développeur frontend vous vous êtes sûrement déjà rendu compte que certaines parties de votre travail/passion était redondantes et qu'il était souvent possible d'aller plus vite. Bref, je vais vous apprendre à passer au niveau supérieur de productivité à travers une (longue) liste de conseils et d'astuces glanées sur le web. Sommaire 1. Introduction Avant toute chose je tiens à vous faire remarquer que ce guide est le fruit de ma réflexion et de mon expérience du développement frontend. Cet article provient à l'origine d'un post sur Quora que j'ai écrit pour répondre à la question "Quelles sont les meilleurs astuces pour gagner du temps lors d'un développement front ?". 2. Pendant longtemps sur mes projets personnels j'ai pris l'habitude de toujours débuter en négligeant la phase de conception. Astuce n°1 : Ne jamais mettre la charrue avant les boeufs Définir les grandes lignes 3. Jekyll 4.

http://www.alsacreations.com/tuto/lire/1683-guide-ultime-pour-accelerer-son-developpement-frontend.html

Related:  html5 cssWorkflow - Gestion projetguyabalain

5 sites majeurs d'e-learning/dev, graphisme, webdesign [Total : 1 Moyenne : 5/5] Pour notre plus grand bonheur les sites proposant des tutoriels et des cours d’e-learning autour du web se multiplient. Aujourd’hui l’auto-apprentissage n’est plus une option pour celui où celle qui se veut créatif, surprenant ou simplement curieux. A l’heure où les MOOC (Massive Open Online Cours) fleurissent, il m’a semblé bon de vous proposer un listing de 5 sites d’e-learning à conserver dès maintenant dans vos marques-page.

Automatisez votre workflow front-end Il était une fois un webmaster Jadis, par des temps lointains datant de l'époque où l'on comptait encore les mégahertz des processeurs, il existait des gens qui concevaient, développaient, et alimentaient des sites Internet. Tout seuls ! Ces personnes possédaient toutes les connaissances nécessaires (et même des fois le matériel sur toute la boucle) pour mettre en place un site web. Les propriétés CSS :nth-child et :first-child Afin de styliser en CSS une liste d’éléments, que ce soit pour la navigation de votre site web ou pour une liste dans vos contenus, vous pouvez utiliser un « ID » différent pour chacun de vos items. Cependant, cela aura comme inconvénient de vous créer plusieurs lignes de codes qui auraient pu être évitées à l’aide de différentes propriétés telles que :nth-child, :nth-of-type, :first-child et :last-child. Ces propriétés sont également très utiles lorsque vous avez une liste avec énormément d’éléments. Voici un article illustrant à merveille l’utilisation de chacune de ces propriétés CSS dans différents contextes afin d’avoir un contrôle absolu sur vos listes HTML. L’article suivant a été écrit par Chris Coyier du site web CSS-Tricks.com

Zoom sur l'effet parallaxe Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe. Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax. Qu'est-ce que l'effet parallaxe ? 18 Outils pour organiser votre To-Do List → De nombreux freelances travaillent avec des outils pour créer et organiser une to-do list. Et pour cause, cette méthode présente un certain nombre d’avantages : Vous libérez votre esprit, vous n’avez plus peur d’oublier.Vous suivez l’avancement de vos travaux.Vous avez l’impression d’accomplir des choses, d’atteindre vos objectifs et d’être efficace (des petites victoires bonnes pour le moral). Pour bénéficier de tous les avantages d’une to-do list, voici une sélection d’outils fort utiles pour organiser vos tâches. Article mis à jour le 09/01/2017

Rédaction web Lire sur le web est beaucoup plus pénible et plus lent que sur le papier. Et la majorité des internautes ne lisent pas les contenus des sites internet. L'utilisateur d'un site ne lit pas mot à mot, son oeil scanne, survole, explore. 7 ressources Javascript pour créer un site full-page ou parallax - ressource-javascript Aujourd'hui sur le Blog du Webdesign, découvrez 7 ressources javascript et jQuery pour créer des sites fullpage ou parallax. Une des grosses difficultés à gérer sur les sites de type full page, ou en construction au scroll est que tous les utilisateurs n'ont pas tous la même résolution d'écran. Comment, dans ces conditions-là, faire en sorte que les sections de pages ressemblent toutes exactement à la maquette, fournis dans une seule taille, évidemment ? En utilisant les bonnes ressources pardi ! Pour vous simplifier la tâche sur votre prochain projet de ce type, le Blog du Webdesign a déniché pour vous 7 ressources vous permettant de faire divers types de sites full-page ou parallax. Parallax.js

Se mettre au frontend en 2014, par où commencer ? Un de nos lecteurs nous a récemment envoyé un email avec tout un tas de questions; nous avons apprécié le geste et plutôt qu’uniquement lui répondre, nous souhaitions en faire profiter tout le monde. Salut Putain de code !, Salut :) Je viens d’être embauché en tant que Product Designer et il est prévu que je fasse du front. Malheureusement, pour diverses raisons, je n’ai plus pratiqué ce métier depuis au moins 1 an.

Related: