21 sites de ressources essentielles pour les concepteurs Web

Comme vous l'avez peut-être remarqué, notamment en tapant quelque chose dans Google et en révélant joyeusement qu'il y a 26 millions de résultats pour votre recherche, il existe de nombreux sites Web. À moins que vous ne soyez une sorte d'immortel, vous n'aurez pas le temps d'en découvrir un grand nombre, même dans un domaine de niche tel que la conception Web. Par conséquent, nous avons creusé nos cerveaux pour proposer une liste de 21 sites essentiels que chaque concepteur Web devrait mettre en signet, à moins qu'il ne soit une sorte d'idiot - et ce n'est pas vous, n'est-ce pas?

1. Une liste à part

Un magazine en ligne tellement ancré dans la conscience des concepteurs Web qu'il est probablement illégal de ne pas lire tous les nouveaux numéros. Avec des centaines d'articles incisifs des meilleurs du secteur, A List Apart devrait être votre premier interlocuteur pour une analyse et une analyse approfondies du code, du contenu et de la conception.

comment dessiner un chat qui marche

deux. 24 façons

Se décrivant comme un «calendrier de l'avent pour les geeks du Web», 24 façons a depuis 2005 fourni deux douzaines d'articles de conception de sites Web chaque décembre. Les sujets sont variés, mais comme les contributeurs sont de premier ordre, même la plupart des articles les plus anciens restent utiles et pertinents - 24 façons, ce n'est pas seulement pour Noël, vous savez.



3. Magazine écrasant

Fondé en 2006, Smashing Magazine insuffle des techniques de conception et de développement Web dans votre cerveau par le biais de nouvelles, d'articles d'opinion et de tutoriels pratiques. Il aime également les listes, ce qui en fait un site pratique pour découvrir des ressources supplémentaires.

Quatre. siteInspire

5. Mouvement UX

L'UX étant de plus en plus une préoccupation majeure dans la conception Web, il est avantageux de se tenir informé. UX Movement est un blog dédié au travail avec UX, fournissant un aperçu des problèmes de wireframing et d'utilisabilité liés aux formulaires, aux composants de survol et à d'autres éléments de page Web.

6. Moteur de recherche Land

Créer un site Web de qualité n’est pas très utile si personne ne peut le trouver. Search Engine Land fournit des nouvelles sur le marketing de recherche et les moteurs de recherche, offrant des conseils et des astuces pour booster votre référencement. Pour sécuriser votre position sur Google, consultez également Google Webmaster Centra l.

7. W3C

La plupart des concepteurs Web n'auront jamais besoin de connaître tous les tenants et aboutissants qui régissent les normes Web, mais le site Web du W3C reste un endroit essentiel à visiter. Non seulement il donne accès aux spécifications (y compris des explications et des exemples), mais il propose également des outils tels que le balisage et les validateurs CSS.

8. Plaque chauffante HTML5

La plupart des projets commencent avec les mêmes types de fichiers et les concepteurs perdent souvent du temps à les recréer à partir de zéro. Avec HTML5 Boilerplate, vous pouvez prendre une longueur d'avance avec un modèle HTML / CSS / JavaScript robuste et évolutif. Réinitialiser HTML5 est un autre projet dans le même sens.

9. Plongez dans HTML5

Si vous devez vous familiariser avec HTML5, le livre de Mark Pilgrim propose d’excellents commentaires sur un certain nombre de fonctionnalités de la spécification. Le livre est en ligne dans son intégralité sous la licence CC-BY-3.0, mais achetez une copie papier si vous utilisez le site régulièrement.

dix. CSS3.info

Dernièrement, les navigateurs se sont plongés dans une bataille pour la suprématie sur la prise en charge du CSS avancé. À cette fin, la norme évolue remarquablement rapidement. CSS3.info vous permet de suivre les développements, d'en savoir plus sur les propriétés et les modules et de tester un navigateur par rapport aux sélecteurs CSS.

Onze. Adobe Kuler

Même si vous avez un œil naturel pour la couleur, une roue chromatique numérique est un élément essentiel de votre boîte à outils. Mais plutôt que de payer des sommes d’argent pour une, utilisez les outils en ligne d’Adobe Kuler pour mettre au point un plan ou laissez-vous inspirer par l’un des milliers de personnes déjà présentes sur le site.

12. Adobe BrowserLab

Rien ne vaut de tester des sites dans un tas de navigateurs réels, mais pour les moments où vous avez rapidement besoin de vérifier la santé d'un site dans un seul navigateur, BrowserLab produit des captures statiques de n'importe quelle page Web telle qu'elle est rendue dans Chrome, Firefox, Safari et Internet Explorer.

13. Système de grille 978

L'utilisation d'un système de grille robuste facilite la conception de mises en page de sites Web. L'un des meilleurs est le 978 Grid System, qui fournit également des modèles associés pour d'autres tailles d'écran. Le Système de grille 960 est une alternative populaire.

14. J'aime la typographie

Bien que ne rapportant pas directement sur le type de site Web, I Love Typography est une lecture essentielle pour les concepteurs Web. De nombreux concepteurs Web ne possèdent pas une solide connaissance de la typographie de qualité, mais les polices Web étant de plus en plus répandues, se plonger dans le monde de la typographie est une décision intelligente.

quinze. Dépôt de ressources Web

Un blog qui recommande une ressource gratuite tous les jours, comprenant des scripts, des icônes, des frameworks, des images et plus encore. L'abonnement est également complet, vous pouvez donc insérer le site dans votre lecteur RSS et ne saisir que les choses qui vous intéressent.

16. Dev.Opera

La devise du site Web Dev.Opera est «suivre les normes, briser les règles», ce qui semblait probablement plus excitant à l’époque que «proposer des articles très utiles aux concepteurs de sites Web». Pourtant, c’est en grande partie ce que fait le site, en plus de fournir le programme d’études sur les normes Web Opera, pour les universitaires.

17. CSSPlay

CSSPlay de Stu Nicholls est avant tout un terrain de jeu pour les expériences CSS. Cependant, plutôt que de se concentrer sur des effets flashy, Nicholls fonde souvent ses démos sur des applications pratiques. Il y a de fortes chances que, s'il y a quelque chose que vous souhaitez faire en CSS, vous trouverez une démo montrant comment sur ce site.

18. Actualités du navigateur

Une excellente ressource pour les tendances et les statistiques d'utilisation pour les moteurs de navigateur et les navigateurs Web individuels, Browser News fournit également d'autres informations utiles, y compris une liste des tailles d'annonces IAB, un guide du navigateur, etc.

19. Mode de quirks

QuirksBlog fournit des informations intéressantes sur la conception et le développement de sites Web, mais le tableau de compatibilité principal de QuirksMode est l'endroit où se trouve la viande du site. Ici, vous pouvez facilement voir quels navigateurs prennent en charge quels aspects de CSS et du DOM. Les tests HTML5 sont en cours au moment de la rédaction.

comment résoudre les problèmes de compatibilité entre navigateurs

vingt. Quand puis-je utiliser ...

De la même manière que QuirksMode, When can I use… fournit un certain nombre de tables de support. Régulièrement mis à jour, le site détaille également la prise en charge des normes des navigateurs mobiles populaires, notamment iOS Safari et Opera Mini.

vingt-et-un. FindmebyIP

Enfin, nous aimons aussi plutôt les tableaux de compatibilité de FindMeByIP pour HTML5 et CSS3. Créés par l'agence de design DeepBlueSky basée à Bath, ils vous permettent de vérifier rapidement la prise en charge du navigateur pour les propriétés CSS3, les sélecteurs, les applications Web HTML5, les graphiques et le contenu intégré, les codecs audio et vidéo ainsi que les entrées et les attributs de formulaire.