Ressources recommandées Web Design

Nous utilisons de nombreux outils et services sur Tuts +, et nous leur expliquons comment les utiliser grâce au matériel pédagogique publié régulièrement sur ce site. Voici nos principales ressources recommandées pour les professionnels de la conception Web, qui sont rassemblées par notre équipe éditoriale..

Notez que certains des liens ci-dessous sont des liens d’affiliation. Cela signifie que nous gagnerons une petite commission si vous achetez cet outil ou service en particulier. Si vous le faites, nous vous remercions de soutenir Tuts+.

Applications

Adobe Creative Cloud

Adobe Creative Cloud est un abonnement en cours qui vous permet de télécharger et d'installer toutes les applications Adobe Creative Suite. Vous bénéficiez également de services en ligne pour le partage de fichiers, la collaboration et la publication. Avec le temps, le coût de l'adhésion augmente, mais c'est un excellent moyen d'obtenir tous les outils dont vous avez besoin pour un coût d'investissement initial faible. Avec ce service, vous disposerez toujours de la version la plus récente du logiciel de conception haut de gamme d’Adobe. En savoir plus sur Adobe.

GuideGuide

Avec ce plugin Photoshop, vous pouvez créer des colonnes, des lignes, des milieux et des lignes de base précis. C'est un excellent outil pour configurer vos grilles de conception dans Photoshop. Les grilles peuvent utiliser plusieurs types de mesures. Le meilleur de tous, gratuit. En savoir plus sur GuideGuide.

Chapeau de CSS

CSS Hat accélérera votre processus de conception de sites Web. Avec ce plugin Photoshop très utile, vous pouvez générer du CSS3 à partir de vos styles de calque Photoshop. Il génère des CSS valides et bien codés directement à partir de vos calques PSD dans Photoshop. Ce plugin rend très simple la traduction rapide de votre conception de Photoshop dans votre navigateur. En savoir plus sur CSS Hat.

Adobe: feux d'artifice

Commencez avec notre série Fireworks Pro. Le logiciel Adobe Fireworks CS6 vous permet de créer en un clin d'œil de superbes designs pour les sites Web et les applications mobiles. Créez des structures filaires, modélisez vos conceptions, fournissez des images vectorielles et bitmap et du contenu interactif pour tablettes, smartphones et sites Web populaires. En savoir plus sur Adobe.

Balsamiq

Balsamiq est une application filaire qui vous permet de créer des mises en page Web et des écrans avec une sensation de dessiné à la main. En présentant des structures filaires dans un style fragmentaire, les clients ne sont pas intimidés. Cela leur permet de se concentrer sur le placement des éléments clés dans la conception. Il est facile de travailler avec et facile d’implémenter les changements. Découvrez-en plus à Balsamiq.

Coda 2

Coda est l’un des éditeurs de code préférés de nombreux concepteurs de sites Web professionnels. Il offre une sensation d’application Mac familière pour les créations visuelles, tout en offrant des fonctionnalités d’édition de code robustes. Coda 2 a ajouté de nouvelles fonctionnalités intéressantes, telles que: le pliage de code, la solution complète et intelligente, une meilleure gestion des fichiers, etc. En savoir plus sur iTunes.

Transmettre

Transmit 4 est le dernier client de transfert de fichiers FTP, SFTP, WebDAV et Amazon S3 sur Mac. C'est rapide, avec une vue pratique à deux volets, avec laquelle il est facile de travailler et qui permet des transferts à connexions multiples. En savoir plus sur iTunes.

Sublime Text 2

Sublime Text est un éditeur de texte sophistiqué pour le code, le balisage et la prose. Son interface utilisateur est lisse et ses performances étonnantes. Son ensemble de fonctionnalités est robuste, avec une édition fractionnée, la possibilité d’accepter n'importe quoi et un mode sans distraction. En savoir plus sur Sublime Text.

TextExpander

TextExpander vous fera gagner du temps, énormément de temps. Avec cette application utile, vous pouvez enregistrer vos extraits de code les plus utilisés pour les insérer rapidement dans votre dernier projet client. Enregistrez également des modèles de courrier électronique, des signatures ou des extraits de texte fréquemment utilisés. TextExpander peut déposer n'importe quel texte que vous avez configuré dans n'importe quel programme sur lequel vous travaillez. En savoir plus sur iTunes.

Pente

Gradient permet de rationaliser la création de dégradés CSS3. Cela prend le processus fastidieux de créer des dégradés CSS3, ce qui rend la plupart des concepteurs de sites Web crénelus et le rend facile. En savoir plus sur iTunes.

Services Web

Adobe Typekit

Avec Typekit, vous pouvez ajouter une ligne de code à vos pages et choisir parmi des centaines de polices Web. Simple, à l'épreuve des balles, conforme aux normes, accessible et totalement légal. Avec Typekit, vous pouvez élargir considérablement vos choix de polices pour la conception Web. En savoir plus sur Typekit.

Typecast

Avec Typecast, vous pouvez créer une meilleure typographie Web avec moins de tracas. Tapez rapidement dans le navigateur et vérifiez la lisibilité, le rendu et la beauté de votre travail. Alors que vous concevez de manière intuitive, le navigateur rend les choses sémantiques en créant un code qui correspond à chaque décision de conception. En savoir plus sur Typecast.

ConceptShare

Si vous travaillez en tant que créatrice graphique indépendante, ConceptShare sera bénéfique pour votre entreprise. Ce service en nuage aide les créations à obtenir les commentaires des clients sur les éléments visuels. Il améliore le processus d’approbation du client et vous permet d’obtenir des résultats précis dans les délais impartis. En savoir plus sur ConceptShare.

BrowserStack

BrowserStack aide à réduire le temps de développement. Il offre des tests en direct des autres navigateurs via votre navigateur. Vous obtenez un accès instantané à tous les navigateurs sur toutes les plateformes. Oubliez la configuration de la machine virtuelle et du mobile. En savoir plus sur BrowserStack.

FormStack

Avec FormStack, vous pouvez créer des formulaires en ligne de manière intuitive et simple. Collectez des données via des formulaires d'inscription, des sondages, des formulaires de commande, des inscriptions à des événements, etc. Avec FormStack, vos données collectées peuvent s'intégrer aux applications Web les plus courantes. Inscrivez-vous maintenant pour créer vos propres formulaires. En savoir plus sur FormStack.

Polldaddy

Avec Polldaddy, vous pouvez créer des enquêtes, des sondages et des questionnaires en quelques minutes. Apprenez à connaître l'opinion de votre public. Recueillez les réponses via votre site Web, votre courrier électronique, votre iPad, Facebook et Twitter. Générez et partagez des rapports faciles à lire. En savoir plus sur Polldaddy.

Systèmes de gestion de contenu

ExpressionEngine

ExpressionEngine est un système de gestion de contenu élégant. Sa flexibilité et sa sécurité, combinées à son support de classe mondiale, sont la recette du succès en ligne. Il combine des outils CMS puissants avec un support de qualité. En savoir plus sur ExpressionEngine.

LightCMS

LightCMS est convivial, facile à utiliser et avec lequel travailler. L'hébergement de premier niveau est intégré à LightCMS, il n'y a donc rien à installer, mettre à niveau ou gérer. Ils ont également des fonctions de commerce électronique intégrées. En savoir plus sur LightCMS.

Squarespace

Squarespace 6 est la mise à jour la plus récente de ce système de gestion de contenu et de cette solution d'hébergement inclusive. Il s'agit d'une solution optimale pour les clients qui souhaitent exploiter leurs sites Web avec un minimum d'assistance. Ils disposent d'excellentes options de modèles et d'un moteur de présentation vous permettant de créer facilement des configurations de page personnalisées. Tous leurs thèmes sont compatibles avec les appareils mobiles. En savoir plus sur Squarespace.

WordPress

WordPress est un logiciel Web que vous pouvez utiliser pour créer des blogs et des sites Web complets. C'est une solution de système de gestion de contenu gratuite et extrêmement populaire. Il existe une multitude de thèmes WordPress de qualité parmi lesquels choisir, les options gratuites et Premium. En savoir plus sur WordPress.

Hébergement

Temple des médias

Media Temple fournit un hébergement Web fiable et évolutif et une assistance en direct 24h / 24 et 7j / 7. Ils sont connus pour leur configuration technique solide et leur excellente réputation. En savoir plus au Media Temple.

WpEngine

WpEngine fournit un hébergement WordPress sans tracas. C'est rapide, évolutif, sécurisé et offre un support entièrement géré. Si vous configurez un site WordPress pour vos clients, WpEngine est un choix de premier plan dans le secteur de l'hébergement. En savoir plus sur WpEngine.

Thèmes de stock, polices et graphiques

Placeit

Placeit est un générateur de maquette; un outil en ligne qui vous permet d'intégrer vos propres conceptions (conceptions d'interface utilisateur, logos, autres éléments de marque) dans des environnements de présentation. Par exemple, vous pouvez avoir une conception d'application que vous souhaitez placer dans un iPhone sur une table basse ou superposer votre logo sur la chemise d'un modèle. Peut-être aimeriez-vous même que vos dessins soient intégrés à des vidéos d'archives (sérieusement, vous devez jeter un coup d'œil aux vidéos). Avec près de 3 000 modèles en attente, Placeit répondra à toutes vos attentes.

Thème Forêt

Sur ThemeForest, vous pouvez acheter et vendre des modèles HTML ainsi que des thèmes pour des produits CMS populaires tels que WordPress, Joomla et Drupal à des prix allant de seulement 5 $ à 40 $. GraphicRiver est un marché Envato et un site apparenté à Webdesigntuts +. C'est notre marché le plus important et le plus actif et une communauté formidable dans laquelle s'impliquer. En savoir plus sur ThemeForest.

GraphicRiver

Chez GraphicRiver, vous pouvez acheter et vendre des fichiers Photoshop, des vecteurs, des packs d'icônes, des add-ons Adobe et des modèles de conception, libres de droits et superposés, pour seulement quelques dollars. GraphicRiver est un marché Envato et un site apparenté à Webdesigntuts +. Le site abrite une communauté passionnée de graphistes et d'illustrateurs. En savoir plus sur GraphicRiver.

PhotoDune

Sur PhotoDune, vous pouvez acheter et vendre des photographies et des images libres de droits à partir de 1 $ seulement. PhotoDune est un marché Envato et un site apparenté à Webdesigntuts +. Les articles sont facturés en fonction de la taille / mégapixels de chaque fichier. Si vous avez besoin de photos de qualité et abordables pour votre prochain projet de conception Web, c'est une excellente ressource. En savoir plus sur PhotoDune.

MesFonts

MyFonts est la plus grande collection de polices du monde disponible sur un site Web facile à utiliser. Ils rassemblent des polices de grandes entreprises de polices et de boutiques. Des polices de qualité sont ajoutées quotidiennement. Si vous recherchez une nouvelle police pour votre prochain projet client, vous devez vous en procurer un. En savoir plus sur MyFonts.

Fonts.com

Le magasin Fonts.com de Monotype Imaging propose plus de 150 000 produits de polices que vous pouvez prévisualiser, acheter et télécharger. Monotype existe depuis très longtemps et est l'un des principaux producteurs de polices de caractères. Vous pouvez également en apprendre davantage sur les nouvelles versions de polices et découvrir des astuces et des techniques typographiques sur leur site. En savoir plus sur Fonts.com.

Outils et équipement

Rhodia - Fournitures d'art

Ces cahiers orange français ont un culte, les créatifs tombent amoureux de leurs outils. Ces serviettes économiques sont l’un de nos préférés. Nous adorons faire courir nos doigts sur leurs grilles, leur papier lisse et leurs couvertures uniques. Rhodia est porté par les artistes depuis les années 1930, ce qui donne l'impression de faire partie d'un riche héritage créatif. En savoir plus sur ces cahiers sur Amazon.

Au cas où

Nous n'irions pas jusqu'à dire que vous avez besoin d'un sac à dos ou d'une sacoche élégant, mais qui n'en veut pas. Incase fait partie de nos favoris. Ils fabriquent des sacs et des étuis à la mode, parfaits pour transporter votre ordinateur portable MacBook, votre iPad ou votre iPhone. En savoir plus sur Amazon.

Application mobile

Idées Adobe

Adobe Ideas est votre carnet de croquis numérique mobile vous permettant de capturer et d'explorer des idées où que vous soyez. Cette application mobile vous permet d'esquisser facilement à l'aide de vecteurs, de réutiliser des couleurs spécifiques à l'aide de l'outil Pipette, d'enregistrer et d'utiliser plusieurs thèmes de couleur. Ajustez l'opacité du calque, déplacez-le, faites-le pivoter et redimensionnez chaque calque indépendamment. En savoir plus sur cette application mobile sur iTunes.

Procréer App

Procreate est un carnet de croquis et une application de dessin pour votre iPad. C'est rapide de travailler avec vous afin de pouvoir obtenir vos idées rapidement. Il propose une large gamme de pinceaux, d’outils de niveau studio et est intuitif pour dessiner. En savoir plus sur cette application sur iTunes.

SketchBook Pro pour iPad

Autodesk SketchBook Pro pour iPad est une application de peinture et de dessin de niveau professionnel. Utilisant le même moteur de peinture que son homologue de bureau, SketchBook Pro fournit un ensemble complet d’outils de dessin et de peinture. Cette application de dessin populaire a beaucoup de fans. C'est un excellent choix pour dessiner sur votre iPad. En savoir plus sur cette application sur iTunes.

App FontBook

Si vous possédez un iPad et êtes un graphiste, alors vous allez adorer cette belle application de référence. FontBook est la référence la plus complète au monde en matière de typographie numérique. Il documente le travail de 118 fonderies de type international réputées, représentant près de 1650 concepteurs de type, constituant ainsi 35 000 polices issues de 8050 familles de polices. L'application FontBook présente cette sélection à travers 700 000 échantillons de caractères pouvant être répartis, recherchés, superposés, déplacés, défilés et combinés de manière intuitive, comme une collection de cartes - vraiment géniale. En savoir plus sur cette application sur iTunes.

Photoshop Touch

Transformez vos images avec les principales fonctionnalités d'Adobe Photoshop dans cette application conçue pour les tablettes. Vous pouvez combiner des images, appliquer des effets professionnels et partager des résultats depuis le confort de votre iPad. Utilisez les fonctionnalités classiques de Photoshop conçues pour la tablette, telles que les calques, les outils de sélection, les réglages et les filtres, pour créer des images professionnelles. En savoir plus sur cette application sur iTunes.

iA Writer

iA Writer est une application d'écriture simplifiée qui vous permet de vous concentrer uniquement sur vos pensées. Il a été développé par le héros de la typographie Oliver Reichenstein. Cette application s'est vendue à plus de 400 000 exemplaires et a aidé les étudiants, les journalistes et les auteurs à succès à trouver plus de plaisir à travailler avec du texte. C'est génial. En savoir plus sur cette application sur iTunes.

Diet Coda

Diet Coda est une version iPad géniale d'un éditeur de code populaire. L'application présente certaines limitations, mais cela fonctionne bien pour la mise en œuvre de modifications rapides du code en direct sur vos sites lors de vos déplacements. AirPreview intègre certaines fonctionnalités intéressantes, qui vous permettent d'utiliser l'iPad pour prévisualiser votre travail Coda à partir de votre ordinateur portable. En savoir plus sur cette application sur iTunes.

OmniGraffle

Le roi du wireframing sur l'iPad. À l’aide de simples gestes multitactiles, dessinez des formes, faites glisser des objets et colorez jusqu’à ce que tout soit parfait. Cette application est chargée avec des fonctionnalités pour planifier la présentation des informations clairement et magnifiquement. En savoir plus sur cette application sur iTunes.

Enthousiasme

Gusto est un éditeur de code et un client FTP pour iPad. Gusto vous permet d'ouvrir plusieurs documents dans des onglets pour une navigation plus rapide. Après l'édition, prévisualisez votre document localement pour afficher rapidement vos mises à jour, puis publiez-les en direct. En savoir plus sur cette application sur iTunes.

Éditeur de code textastique

Textastic dispose d'un éditeur de code rapide et polyvalent prenant en charge la syntaxe de plus de 80 langages de programmation et de balisage. Il peut se connecter via les clients FTP, FTPS (FTP sur SSL), SFTP (connexion SSH), WebDAV et Dropbox. Il offre la complétion de code, la recherche et le remplacement, ainsi que de nombreuses autres fonctionnalités. En savoir plus sur cette application sur iTunes.

Koder Code Editor

Koder est un éditeur de code pour iPad doté d'une interface simple et efficace. Il arbore de nombreuses fonctionnalités, notamment la coloration syntaxique, le gestionnaire d'extraits de code, l'édition par onglets, la recherche et le remplacement de code, le thème de l'éditeur, les connexions aux fichiers locaux et distants, etc. En savoir plus sur cette application sur iTunes.

Adobe Proto

Adobe Proto est une application pour iPad permettant de concevoir des structures filaires interactives, des prototypes pour des sites Web et des applications mobiles. Insérez des composants filaires interactifs à partir de la boîte à outils du composant, y compris des menus, des onglets, des accordéons, etc. Cette application vous permet de capturer rapidement votre idée de conception et de tester sa convivialité. En savoir plus sur cette application sur iTunes.

Iota! Tableau blanc

Iota! est une application de tableau blanc simple qui vous permet de dessiner vos idées, de prendre des notes rapides et de créer des plans approximatifs en mode filaire sur votre iPad. Vous pouvez collaborer en temps réel, partager des idées par courrier électronique ou les enregistrer sous forme de photos pour référence future. En savoir plus sur cette application sur iTunes.

Pénultième

Penultimate donne la sensation et l’aspect de l’écriture sur papier avec un stylo gel audacieux lors de la capture de votre prochaine idée visuelle. C'est rapide, tactile et offre un nombre infini de pages. Vous pouvez stocker des pages dans des cahiers, les partager sous forme de fichiers PDF exportés, et inversement via Dropbox ou Evernote. En savoir plus sur cette application sur iTunes.

SketchyPad

SketchyPad est une application de wireframing qui vous aidera à dessiner un site Web et à créer une interface d'application. Il est livré avec des pochoirs pour créer rapidement vos fonctions filaires et d’interface. Vous pouvez relier vos maquettes et exporter au format Balsamiq. En savoir plus sur cette application sur iTunes.

Pad moqueur

Mocking Pad est une application de dessin en réseau filaire pour iPad. Il est conçu pour la collaboration, permettant de partager des fichiers par courrier électronique, Dropbox ou via une connexion WiFi. Il comprend un grand choix de gabarits prédéfinis pour le Web, les ordinateurs de bureau et les appareils mobiles. En savoir plus sur cette application sur iTunes.

Live Wires - Application de prototypage

Live Wires est un moyen simple et rapide de créer des concepts filaires et prototypes de vos concepts d'application iPhone et iPad. Créez des expériences utilisables pour vos utilisateurs. Déterminez si votre concept fonctionne avant le début du développement. Créez des interfaces interactives pour iPad et iPhone, utilisez une immense bibliothèque de glyphes, utilisez les commandes de vue défilables, etc. En savoir plus sur cette application sur iTunes.