10 Herramientas para hacer su vida más fácil como desarrollador
Cuando se inicie el desarrollo y la codificación de sus propias páginas web, que llevará a cabo algunas tareas en varias ocasiones. Los siguientes recursos le ayudarán a hacer su vida un poco más fácil. Algunos recursos son software para descargar e instalar, mientras que otros son extensiones que puede añadir a su navegador:
Cuentagotas instantánea: Encuentra el color en un alambre, o que coincida con el color de un logotipo con esta herramienta selector de color, que le permite encontrar el color de cualquier cosa que se muestra en la pantalla.
Regla: Medir el tamaño de píxel de botones, imágenes y diseños.
F.lux: El mirar fijamente su monitor durante horas puede forzar la vista. Aliviar su tensión ocular ajustando automáticamente el monitor a la hora del día, caliente por la noche y al igual que la luz del sol durante el día.
Awesome Screenshot: Captura de pantalla de su sitio web para mostrar a otros o de pantalla de otros sitios en busca de inspiración.
Buena ipsum Social: Lorem ipsum es palabras latinas utilizadas por los desarrolladores como texto de marcador de posición cuando prototipos páginas web. Esta versión utiliza copia generalmente se encuentran en los sitios web de las ONG.
Switcher agente de usuario: Ver su sitio web como si estuviera usando Chrome, Firefox, iPhone, Android, o incluso un teléfono de Windows.
Tab IE: Ver páginas web utilizando el motor de renderizado de Internet Explorer. IE puede mostrar las páginas web de manera diferente a otro navegador, y esto le permite ver su sitio web en una pestaña y cómo IE hace que en otra pestaña.
Dribbble: Ver diseños creativos compartidos por los diseñadores y otros desarrolladores para que actúen como fuente de inspiración para sus propios sitios web.
Prueba de Resolución: su sitio web los visitantes todos utilizan diferentes resoluciones, que usted puede probar el uso de esta aplicación.
Userium: Revisar problemas de usabilidad comunes antes de lanzar su sitio web.
Mejorar funciones de prueba de safari con extensiones Al probar su sitio de comercio móvil de nuevo diseño, a veces es más fácil trabajar con lo que tienes. Si ya dispone de Safari o Chrome instalado en su ordenador, estás de suerte. Ellos hacen los sitios móviles de manera similar a la forma en…
Cómo diseñar para diferentes navegadores web Aunque su público puede ser diferente, puede crear sitios web que se ven bien en Safari en el iPhone y el iPad, sin comprometer el diseño de la página cuando se ve en cualquiera de los navegadores web más populares en Internet.Si usted desea…
Optimizar diseños web para el iphone La pantalla del iPhone es pequeño, pero trate de dejar de pensar en las limitaciones y empezar a centrarse en las increíbles nuevas oportunidades - como atraer a una audiencia de personas en movimiento - personas que puedan estar de pie justo…
Diseños de página para vista horizontal y vertical Al encender un iPhone o iPad, la orientación de una página web se ajusta automáticamente en consecuencia. El navegador web Safari amplía inteligentemente (o reduce) las páginas web para ajustarse a la pantalla, pero no es perfecto. Incluso si…
Pruebas de control de calidad para sitios web móviles Antes de lanzar un nuevo sitio destinado para el iPhone y el iPad, siempre probar completamente su diseño y funcionalidad en el iPhone o el iPad, para asegurarse de que el sitio se ve y funciona de la manera que usted piensa que debería. El uso de…
Resolución de pantalla y profundidad de color en los dispositivos de mano Si eres nuevo en la creación de imágenes, vídeos y otros contenidos multimedia para la web móvil, la comprensión de los conceptos detrás de términos como profundidad del color y resolución puede ayudar a usted como empezar a crear diseños…
Prueba iphone diseños con safari Lo más cerca que se puede llegar a tener Safari en un iPhone o iPad es Safari en un ordenador. Cuenta con algunas diferencias notables, incluyendo el tamaño de pantalla más grande que la mayoría de la gente utiliza en las computadoras y el hecho…
Pon a prueba tu código con las herramientas del W3C Prueba tus diseños web con la World Wide Web Consortium (W3C) herramientas de validación siempre ha sido una buena idea, pero es aún más importante para el diseño web móvil. Navegadores web de escritorio, incluyendo Internet Explorer, Firefox…
¿Cómo lidiar con el texto oculto o enlaces en una página web Cuando el texto o hipervínculos en una página Web son invisibles para los usuarios, pero pueden ser leídos por un motor de búsqueda, eso es considerado spam. Tener texto o enlaces ocultos es una manera fácil de conseguir prohibido de los…
Cómo determinar un esquema de color para su sitio web squarespace Al calcular una combinación de colores para dirigir Squarespace a utilizar para su sitio web, puede convertirse rápidamente perdido en el proceso de colores a juego, ajustar los valores de color (más oscuro en comparación con más ligero), y…
Cómo storyboard con wireframes, diseños, mapas del sitio, y diagramas de flujo Storyboarding generalmente se refiere al proceso de elaboración de bocetos y diagramas de navegación entre las páginas. La combinación de bocetos de páginas (a menudo referido como wireframes) Y diagramas de flujo de navegación (a menudo…
La optimización de sus diseños web para móviles para el iphone Sí, la pantalla del iPhone es pequeño, pero usted debe dejar de pensar en las limitaciones y empezar a centrarse en las increíbles nuevas oportunidades iPhone ofrece diseño web - como atraer a un público de personas en movimiento, las personas…