10 outils pour rendre votre vie plus facile en tant que développeur

category Ordinateurs et logiciels / Programmation / Codant pour mannequins extras

Comme vous commencez à développer et codant vos propres pages web, vous allez effectuer certaines tâches à plusieurs reprises. Les ressources suivantes vous aideront à rendre votre vie un peu plus facile. Certaines ressources sont des logiciels à télécharger et à installer, alors que d'autres sont des extensions que vous pouvez ajouter à votre navigateur:

image0.jpg

  • Pipette instantanée: Trouver la couleur dans un fil de fer, ou correspondre à la couleur du logo avec cet outil de sélecteur de couleur, ce qui vous permet de trouver la couleur de quoi que ce soit sur votre écran.

  • Ruler: Mesurer la taille de pixel de boutons, des images et des mises en page.

  • F.lux: regarder votre écran pendant des heures peut fatiguer les yeux. Soulagez votre fatigue oculaire en ajustant automatiquement votre moniteur à l'heure de la journée, au chaud la nuit et comme la lumière du soleil pendant la journée.




  • Capture d'écran impressionnant: Capture d'écran de votre site Web pour montrer aux autres screenshots ou d'autres sites pour l'inspiration.

  • Bonne ipsum sociale: Lorem ipsum est mots latins utilisés par les développeurs comme un texte de substitution lorsque le prototypage de pages Web. Cette version utilise la copie habituellement trouvés sur les sites Web des ONG.

  • User Agent Switcher: Voir votre site Web comme si vous utilisiez Chrome, Firefox, iPhone, Android, ou même un Windows Phone.

  • Tab IE: Voir les pages Web en utilisant le moteur de rendu d'Internet Explorer. IE peut afficher des pages Web différemment que les autres navigateurs, et cela vous permet de voir votre site Web dans un onglet et comment IE rend dans un autre onglet.

  • Dribbble: Voir designs créatifs partagés par les concepteurs et les développeurs d'autres d'agir comme source d'inspiration pour vos propres sites Web.

  • Le test de résolution: Vos visiteurs utilisent tous des résolutions différentes, que vous pouvez tester en utilisant cette application.

  • Userium: examiner les problèmes d'utilisabilité communes avant de lancer votre site Web.

Articles Similaires

A propos Auteur
Conception pour les navigateurs Safari et chrome Conception pour les navigateurs Safari et chrome

Safari et Chrome sont des navigateurs WebKit, basé sur le même WebKit déchirerERing moteur, qui contrôle la façon dont le navigateur interprète HTML, CSS et autre code. Tous les navigateurs WebKit suivent les mêmes règles (au moins la…

Améliorer les fonctionnalités de test de safari avec des extensions Améliorer les fonctionnalités de test de safari avec des extensions

Lors du test de votre site Web mobile-commerce nouvellement conçu, il est parfois plus facile de travailler avec ce que vous avez. Si vous avez déjà Safari ou Chrome installé sur votre ordinateur, vous avez de la chance. Ils rendent les sites…

Comment concevoir pour les différents navigateurs web Comment concevoir pour les différents navigateurs web

Bien que votre public peut différer, vous pouvez créer des sites Web qui semblent bonnes dans Safari sur l'iPhone et l'iPad sans compromettre la conception de la page lorsque l'affichage dans les navigateurs Web les plus populaires sur…

Conceptions de pages pour vues portrait et paysage Conceptions de pages pour vues portrait et paysage

Lorsque vous mettez sur un iPhone ou un iPad, l'orientation d'une page Web ajuste automatiquement en conséquence. Le navigateur web Safari agrandit intelligemment (ou réduit) les pages web pour adapter à l'écran, mais il est pas parfait. Même…

Des tests d'assurance qualité pour les sites web mobiles Des tests d'assurance qualité pour les sites web mobiles

Avant de lancer un nouveau site destiné à l'iPhone et l'iPad, toujours tester pleinement son design et de fonctionnalité sur l'iPhone ou l'iPad, pour assurer que le site ressemble et fonctionne de la façon dont vous pensez qu'elle le devrait.…

Résolution de l'écran et la profondeur de couleur sur les appareils portatifs Résolution de l'écran et la profondeur de couleur sur les appareils portatifs

Si vous êtes nouveau à la création d'images, de vidéo et d'autres multimédia pour le web mobile, comprendre les concepts derrière des termes comme la profondeur de la couleur et résolution peut vous aider comme vous commencez à créer des…

Iphone Test conçoit avec Safari Iphone Test conçoit avec Safari

Le plus proche vous pouvez venir à avoir Safari sur un iPhone ou iPad est Safari sur un ordinateur. Il a quelques différences notables, y compris la taille de l'écran plus grand que la plupart des gens utilisent les ordinateurs et le fait que…

Sites mobiles d'essai avec le navigateur Web de chrome Sites mobiles d'essai avec le navigateur Web de chrome

Pour tester votre site iPhone ou iPad dans le navigateur Web Chrome, vous pouvez lancer les outils de développement en cliquant sur l'icône de la clé dans le coin supérieur droit de la fenêtre du navigateur et en choisissant Outils -Developer…

Comment analyser un site web concurrentes en utilisant leurs résultats de recherche Google Comment analyser un site web concurrentes en utilisant leurs résultats de recherche Google

Si vous êtes vraiment impressionné par le succès du site Web d'un concurrent de haut rang, vous pouvez trouver les secrets de ce site en utilisant un moteur de recherche. En inversant les rôles et faire semblant un instant que le site de haut…

Comment traiter avec du texte ou des liens cachés sur une page Web Comment traiter avec du texte ou des liens cachés sur une page Web

Lorsque le texte ou les liens hypertexte sur une page Web sont invisibles pour les utilisateurs, mais peuvent être lus par un moteur de recherche, qui est considéré comme spam. Avoir du texte ou des liens cachés est un moyen facile d'être banni…

Comment faire pour déterminer un schéma de couleurs pour votre site web Squarespace Comment faire pour déterminer un schéma de couleurs pour votre site web Squarespace

Au moment de déterminer un schéma de couleurs pour diriger Squarespace à utiliser pour votre site web, vous pouvez rapidement se perdre dans le processus de couleurs assorties, en ajustant les valeurs de couleur (plus sombre par rapport léger),…

Comment les moteurs de recherche voient le site et la page duplication Comment les moteurs de recherche voient le site et la page duplication

Si le contenu avec des mots clés est bon, alors deux fois plus de contenu est mieux, et trois fois plus est encore mieux, non? Faux! Certains développeurs de sites ont dupliqué pages et même des sites entiers, faire des photocopies virtuels et…

3 Web add-ons utiles pour le navigateur Mozilla Firefox 3 Web add-ons utiles pour le navigateur Mozilla Firefox

Le navigateur Firefox de Mozilla est l'un des navigateurs les plus populaires sur le web aujourd'hui, et il a des centaines de add-ons disponibles pour améliorer l'expérience de navigation. Voici trois Firefox add-ons qui fera de votre conception…

Construire un site web de l'entreprise moteur de recherche convivial Construire un site web de l'entreprise moteur de recherche convivial

Un bien structuré, site Web d'entreprise de moteur de recherche convivial permet aux moteurs de recherche à explorer ou une araignée votre site facilement. Comme près de la moitié de tous les sites sont si mal structuré que les moteurs de…

» » » » 10 outils pour rendre votre vie plus facile en tant que développeur