Top 15 Guías de desarrollo para diseñadores y desarrolladores

Los desarrolladores y diseñadores tienen algunas cosas en común, ambas tienen que trabajar entre sí de vez en cuando, especialmente aquellos que están muy centrados en las aplicaciones y el desarrollo frontal. Ya sea que esté aprendiendo el uso de la tipografía en el diseño de sus aplicaciones, o determinar el tipo de dispositivos para los que debemos construir nuestro sitio web, ambos pueden aprender de los demás de varias maneras. Los diseñadores web a menudo necesitarán usar tecnologías como HTML5 y CSS3 para mejorar su diseño, mientras que los desarrolladores querrán explorar más sobre la experiencia del usuario y la interfaz de usuario para garantizar que el software que construyan seas de acuerdo con los requisitos. Estándar de ambos estándares. ¿Y el navegador? Tanto los diseñadores como los desarrolladores están fuertemente involucrados en el navegador y ayudan a obtener orientaciones e información en esa área.
Los siguientes recursos de la Guía de Desarrollo cubrirán los elementos básicos de los lenguajes de guiones más populares, así como también arrojarán luz sobre las herramientas que solo podrían convertirse en su nuevo favorito, debido a lo conveniente que es usarlos. Sherpa estándar web

La web es un concepto amplio, que involucra tantos que a veces puede ser difícil encontrar un buen contenido sobre cómo trabajar con la web desde la perspectiva de un desarrollador y / o diseñador. El recurso web estándar de Sherpa es una lista de artículos y guías que hablan sobre CSS, diseño, contenido, JavaScript, rendimiento web, aspectos comerciales para la construcción web y consejos sobre cómo mejorar su flujo de trabajo entre muchos otros temas y categorías. Si necesita las mejores prácticas como persona front-end, este es el lugar para obtenerlas.
Los mitos de UX revelan creencias falsas sobre la experiencia del usuario y ofrece a los lectores la capacidad de obtener una perspectiva nueva y perspicaz sobre cómo debe abordar UX en sus aplicaciones, sitios y software. Cada punto se explica a fondo y ofrece una serie de ejemplos para presentar las posibilidades inversas . Guía de bolsillo para error tipográfico

Esta guía de bolsillo para la tipografía es el compañero perfecto para diseñadores ansiosos por aprender los detalles de las técnicas de tipografía. Esta guía especial cubre los elementos básicos de guiones, apóstrofes, fuentes, fuentes y más.

La condición del tipo web
La tipografía siempre evoluciona, pero el navegador no. Esto significa que a veces tenemos que explorar las capacidades de cada característica en cada navegador por separado, y este recurso lo hace muy fácil. Simplemente seleccione el tipo de característica con la que desea trabajar y explore sus capacidades en diferentes navegadores. En modo capricho

Quirksode es una guía sorprendente sobre la información de compatibilidad del navegador en Internet. Aunque no obtiene mucha información en forma de contenido escrito, hay muchos hechos que pueden ser útiles para aprender cuando se trata del desarrollo web. Las tablas de compatibilidad permiten a cualquier persona explorar las capacidades del navegador de tecnologías como JavaScript, CSS y HTML.

Photoshop es, sin duda, la herramienta de diseño gráfico más popular entre los diseñadores e incluso si ha utilizado Photoshop en los últimos años, siempre hay algo nuevo que aprender y explorar. La guía de etiqueta de Photoshop es una guía de seis capítulos, que habla sobre varios aspectos de las mejores prácticas de Photoshop, incluidas áreas como capas, efectos y calidad de diseño. Todos los capítulos son de tamaño razonable, por lo que no se bloqueará durante horas aprendiendo algo nuevo. Mi dispositivo
¿Tiene problemas para encontrar el tamaño de la resolución de pantalla de su dispositivo? Esta pequeña plataforma le dirá exactamente todos los detalles que necesita saber sobre el tamaño de su dispositivo y el tipo de características que su navegador puede realizar. Excelente para los desarrolladores que se mueven constantemente.

Dimensiones de la pantalla

Las dimensiones de la pantalla adoptan un enfoque diferente y, en contraste, proporcionan datos duros en diferentes tamaños de pantalla, su sistema operativo, así como su relación de aspecto único. Puede ver la misma información para tabletas y computadoras haciendo clic en los iconos individuales en la esquina derecha. Funciona excelente tanto para diseñadores web como para desarrolladores web.
Valores del dispositivo

Los dispositivos de Google son similares a los dos sitios anteriores, pero agregan un poco más de dispositivos en la lista y también presentan información importante de desarrollo para cada dispositivo. Si conoce el tipo de dispositivos para los que crea sus aplicaciones y sitios web, saber esta información puede ser crucial. Herramientas de seguridad

Cada navegador de hoy está preconstruido con una cosa llamada herramientas de desarrolladores. Es un panel de consola de navegador separado que permite a cualquier persona explorar cada sitio desde la perspectiva de un desarrollador. Puede usar la consola JavaScript para ejecutar código personalizado desde el cliente, inspeccionar los elementos de la estructura del sitio web y hacer cosas como monitorear la red y la actividad del archivo. Las herramientas de desarrollo de cada navegador son diferentes, y este recurso es una lista específica de artículos y tutoriales sobre cómo aprovechar al máximo sus herramientas favoritas de desarrolladores de navegadores.

Pautas de CSS
CSS es la portada web. Sin la web de CSS está vacía, como nosotros, estaríamos sin ropa. Y debido a que hay tanto CSS a nuestro alrededor, es importante comprender los elementos básicos muy prácticos y las regulaciones estándar que proporcionan el CSS que transmitimos en la web está optimizado y de acuerdo con los últimos estándares. Esta guía de estilo especial no tiene que ser una guía de estilo, sino una perspectiva de la forma en que funciona el CSS estandarizado y lo que puede hacer diferentes desarrolladores y diseñadores para garantizar que el CSS que produce sea de la más alta calidad posible, que hace que sea mucho más fácil producir a gran escala, así como mantiene la hoja de trucos de CSS

CSS es un gran lenguaje de guiones y continúa creciendo cada año. A veces, en el flujo de las cosas, podemos olvidar la sintaxis básica del lenguaje, cuando los sitios de tiempo como esta hoja de trampa de CSS pueden volverse realmente útiles y solo tiene que marcarla una vez para poder volver a ella en cualquier momento. Muy recomendable para principiantes. Hacks para el navegador
Los desarrolladores web front-end pasan mucho tiempo en el navegador, experimentan, realizan códigos, cambios y más y, a medida que cada desarrollador ha progresado a lo largo de los años, han dejado atrás algunos fragmentos y trucos interesantes que cualquiera puede usar para aliviar su flujo de trabajo Para desarrollo. Aprenda sobre hacks para consultas de medios, hacks selectores e incluso algunos trucos interesantes de JavaScript para todos sus navegadores favoritos. También puede compartir sus propios consejos y trucos utilizando una solicitud de extracción de GitHub.

Dieta del navegador
La tendencia actual en el desarrollo web se refiere en gran medida al rendimiento; Cómo optimizar para obtener el mejor rendimiento posible sin perder calidad. Y eso se trata de la Guía de dieta del navegador: cómo optimizar para la web. Es una lista de consejos útiles e informes de experiencia que documentan diferentes características de JavaScript, HTML y CSS que pueden modificarse o eliminarse por completo sin tener que comprometerse. & Ce; AMP-qué es una referencia rápida e interactiva de más de 30,000 entidades de caracteres HTML y caracteres unicode comunes, 8859-1 caracteres, citas, signos de puntuación, caracteres acentuados, símbolos, símbolos matemáticos, iconos griegos y caracteres de internacionalización de marcas significativas. La forma en que funciona es hacer clic en el botón de carga en la parte superior del sitio web, luego usar la función de búsqueda para encontrar el tipo de caracteres que desea usar para su proyecto o en cualquier otro lugar que planeó usar. Un recurso tan extendido que podría pasar horas jugando con íconos y personajes únicos que pueden darle vida a sus aplicaciones y dibujos.