Share
Bienvenue sur Webdesigntuts +, une ressource en ligne dédiée à l'enseignement et à l'encouragement des concepteurs de sites web de tous niveaux et de toutes expériences. Que ce soit votre première visite ici, que vous ayez déjà été séduit par notre contenu par le passé ou que vous soyez un visiteur régulier, cet article vous aidera à trouver le meilleur de notre contenu..
Voici un aperçu rapide de ce que vous trouverez sur cette page…
Pour concevoir un site Web, vous devez comprendre ce que vous souhaitez réaliser et comment résoudre des problèmes grâce à la conception. Dans les premières étapes du processus, il convient de réfléchir à la créativité et nous avons toute une session de tutoriels pour vous aider avec ça:
Au-delà de la créativité vient le réel conception. Comment quelqu'un prend-il des idées et les communique-t-il en termes de conception? Comment une page Web doit-elle être aménagée? Comment la couleur influence-t-elle un dessin? Et comment devrions-nous prendre en compte nos utilisateurs?
Et si vous êtes développeur, vous venez de la conception Web à partir d’un contexte de programmation? Nous avons toute une série d'articles sur la théorie du design (chacun avec un devoir à la fin) pour vous aider, ainsi que des tutoriels très utiles sur le flux de travail:
Planifier, dessiner, encadrer et dessiner des éléments visuels sont tous des aspects importants de la conception Web, mais qu'en est-il de la réalisation de ces conceptions pour le navigateur? Se familiariser avec les normes Web (HTML, CSS et JavaScript) est essentiel si vous êtes intéressé par le monde du développement front-end. Commençons par les bases…
Avec une compréhension fondamentale de HTML et CSS, vous pouvez maintenant commencer à traduire vos visuels statiques en pages Web vivantes et respirantes. Suivez Adi Purdila alors qu'il passe de Photoshop à l'éditeur de code, construisant son thème de blog adaptatif dans cette série de screencast étendue.
Chaque artisan a besoin de bons outils et la conception Web n’est pas différente! En réalité, avec un simple éditeur de texte et un navigateur Web, vous en avez assez pour commencer, mais il existe de nombreuses autres applications et outils pour vous aider dans vos tâches..
Le cheval de bataille de nombreux studios de conception Web depuis des années. Son rôle est peut-être en train de changer ces temps-ci, mais on ne peut nier sa présence dans le domaine du design.
Le développement d'Adobe Fireworks a été arrêté, laissant la place à de nouveaux enfants, mais il a toujours un public enthousiaste et constitue un outil de conception Web très performant..
Emmet est l'un de ces outils magiques qui, une fois que vous aurez commencé à l'utiliser, vous vous demanderez toujours comment vous avez réussi à vous en passer. Regarde!
Ces nouveaux enfants sur le bloc dont nous venons de parler concernant la disparition de Fireworks? Ce serait Reflow et l’autre suite d’outils Adobe Edge. L'avenir est là, mesdames et messieurs.
Il existe de nombreux outils de création d'images en fil de fer, mais Omnigraffle est certainement l'un des plus populaires. Consultez notre guide du débutant.
La conception de sites Web réactifs est sans doute le mouvement le plus spectaculaire sur le Web depuis que quelqu'un a suggéré que nous arrêtions d'utiliser des tableaux HTML à des fins de mise en page. Pour mieux comprendre ce que c'est, jetez un coup d'œil à cette brève interview de son fondateur, Ethan Marcotte.
Pour vous impliquer davantage, vous trouverez un certain nombre de tutoriels et d'articles qui explorent les nombreux aspects de RWD..
Les concepteurs de sites Web utilisent les systèmes de gestion de contenu comme une solution Web réelle depuis des années. Pourquoi réinventer la roue quand les CMS tels que WordPress font si bien la structure et la gestion de sites Web?
Dans la continuité de la session présentée précédemment, Adi Purdila utilise son site Web statique pour le transformer en un thème WordPress. Suivez-le pendant ces screencasts très approfondis et vous pourrez bientôt faire de même. Vous pouvez également me suivre lorsque je découvre une autre version de WordPress, basée cette fois sur le populaire framework Skeleton..
WordPress n'est pas le seul CMS sur le marché, cependant. Nous ajoutons toujours à nos didacticiels CMS, voici donc un exemple de ce qui existe ailleurs:
Être capable de concevoir et de créer un site Web est une petite partie de l'entreprise. Si vous voulez gagner de l'argent en tant que concepteur web, il est important que vous compreniez le secteur..
Pouvoir travailler avec une équipe et vos clients est crucial, alors jetez un coup d'œil à ces articles qui vous aideront dans votre cheminement:
Apprendre de vos pairs est l’un des meilleurs moyens d’avancer dans la conception Web. Sur Webdesigntuts +, nous apprécions critiquer à la fois le travail de nos lecteurs et celui des grands acteurs du secteur. Jetez un coup d'œil à notre série Comment ils l'ont fait, ainsi qu'à notre collection d'articles sur les ateliers. Rejoignez la discussion!
Webdesigntuts + vous permet de plonger dans beaucoup d'autres choses. Peut-être que vous êtes intéressé par l'accessibilité, les frameworks tels que Bootstrap, Foundation, Pure et Jeet, le référencement, la typographie, le courrier électronique HTML ou UX, etc..
Et, comme pour toutes les autres facettes de Tuts +, notre contenu ne cesse de croître, alors restez au courant de nos actualités sur nos différents réseaux sociaux pour ne manquer aucune astuce:
Merci de visiter Webdesigntuts+!
Accentsconagua