21 sitios de recursos esenciales para diseñadores web

Como puede haber notado, no menos importante al escribir algo en Google y revelar alegremente que hay 26 millones de resultados para su búsqueda, hay bastantes sitios web. A menos que seas una especie de inmortal, no tendrás tiempo para ver muchos de ellos, incluso en un área relativamente especializada, como el diseño web. Por lo tanto, nos hemos devanado los sesos para crear una lista de 21 sitios esenciales que todo diseñador web debería marcar como favorito, a menos que sea algún tipo de idiota, y ese no es usted, ¿verdad?

1. Una lista aparte

Una revista en línea que está tan arraigada en la conciencia de los diseñadores web que probablemente sea ilegal si no lee todos los números nuevos. Con cientos de artículos incisivos de los mejores de la industria, A List Apart debería ser su primer puerto de escala para conocer y analizar en profundidad el código, el contenido y el diseño.

Revisión del grabador de la máquina cortadora de grabado láser de 40w co2

2. 24 vías

24 Way, que se describe a sí mismo como un 'calendario de adviento para los fanáticos de la web', ha proporcionado desde 2005 dos docenas de artículos de diseño web cada diciembre. Los temas son variados, pero debido a que los colaboradores son de primer nivel, incluso muchos de los primeros artículos siguen siendo útiles y relevantes; 24 maneras no es solo para Navidad, ya sabes.



3. Revista Smashing

Fundada en 2006, Smashing Magazine lanza técnicas de diseño y desarrollo web a tu cerebro a través de noticias, artículos de opinión y tutoriales prácticos. También le gustan mucho las listas, lo que lo convierte en un sitio útil para descubrir recursos adicionales.

4. siteInspire

5. Movimiento UX

Con UX cada vez más una gran preocupación dentro del diseño web, vale la pena mantenerse informado. UX Movement es un blog dedicado a trabajar con UX, que proporciona información sobre las preocupaciones de usabilidad y wireframing relacionadas con los formularios, los componentes flotantes y otros elementos de la página web.

6. Search Engine Land

Crear un gran sitio web no sirve de mucho si nadie puede encontrarlo. Search Engine Land proporciona noticias sobre marketing de búsqueda y motores de búsqueda, ofreciendo sugerencias y consejos para impulsar su SEO. Para asegurar su posición en Google, consulte también Google Webmaster Centra l.

7. W3C

La mayoría de los diseñadores web nunca necesitarán conocer todos los entresijos que rigen los estándares web, pero el sitio web del W3C sigue siendo un lugar esencial para visitar. No solo brinda acceso a especificaciones (incluidas explicaciones y ejemplos), sino que también ofrece herramientas como validadores de marcado y CSS.

8. Texto estándar de HTML5

La mayoría de los proyectos comienzan con el mismo tipo de archivos, y los diseñadores a menudo pierden tiempo recreándolos desde cero. Con HTML5 Boilerplate puede comenzar con una plantilla HTML / CSS / JavaScript sólida y preparada para el futuro. Reinicio de HTML5 es otro proyecto en líneas similares.

9. Sumérjase en HTML5

Si necesita familiarizarse con HTML5, el libro de Mark Pilgrim ofrece excelentes comentarios sobre una serie de características de la especificación. El libro está en línea en su totalidad bajo la licencia CC-BY-3.0, pero compre una copia impresa si usa el sitio con regularidad.

10. CSS3.info

Últimamente, los navegadores se han visto inmersos en una batalla por la supremacía sobre el soporte para CSS avanzado. Con ese fin, el estándar está evolucionando notablemente rápido. CSS3.info le permite realizar un seguimiento de los desarrollos, obtener más información sobre propiedades y módulos y probar un navegador con selectores CSS.

11. Adobe Kuler

Incluso si tiene un ojo natural para el color, una rueda de color digital es una parte esencial de su kit de herramientas. Pero en lugar de pagar una gran cantidad de dinero en efectivo por uno, use las herramientas en línea de Adobe Kuler para elaborar un plan o déjese inspirar por uno de los muchos miles que ya están en el sitio.

12. Adobe BrowserLab

Nada supera a los sitios de prueba en un montón de navegadores reales, pero para aquellos momentos en los que necesita revisar rápidamente un sitio en un solo navegador, BrowserLab produce capturas estáticas de cualquier página web como se muestra en Chrome, Firefox, Safari e Internet Explorer.

13. 978 Sistema de cuadrícula

Emplear un sistema de cuadrícula robusto hace que sea mucho más fácil diseñar diseños de sitios web. Uno de los mejores es 978 Grid System, que también proporciona plantillas relacionadas para otros tamaños de pantalla. los Sistema de cuadrícula 960 es una alternativa popular.

14. Amo la tipografía

Aunque no informa directamente sobre el tipo de web, I Love Typography es una lectura esencial para los diseñadores web. Muchos diseñadores web no tienen una base sólida en tipografía de calidad, pero con las fuentes web que se están generalizando rápidamente, sumergirse en el mundo de la tipografía es una decisión inteligente.

15. Depósito de recursos web

Un blog que recomienda un recurso gratuito todos los días, que incluye scripts, íconos, marcos, imágenes y más. La suscripción también es completa, por lo que puede conectar el sitio a su lector de RSS y solo tomar lo que le interese.

16. Dev.Opera

El lema del sitio web Dev.Opera es 'siga los estándares, rompa las reglas', que probablemente sonó más emocionante en ese momento que 'ofrecer algunos artículos divertidos y útiles para diseñadores web'. Aún así, eso es lo que hace en gran medida el sitio, además de proporcionar el plan de estudios de estándares web de Opera, para los académicos.

17. CSSPlay

CSSPlay de Stu Nicholls es principalmente un campo de juego para experimentos CSS. Sin embargo, en lugar de concentrarse en efectos llamativos, Nicholls a menudo basa sus demostraciones en aplicaciones prácticas. Lo más probable es que, si hay algo que le gustaría hacer en CSS, encontrará una demostración que muestra cómo hacerlo en este sitio.

18. Noticias del navegador

Browser News, un gran recurso para las tendencias y las estadísticas de uso para los motores de los navegadores y los navegadores web individuales, también proporciona otra información útil, incluida una lista de tamaños de anuncios de IAB, una guía del navegador y más.

19. En modo capricho

QuirksBlog proporciona información interesante sobre el diseño y desarrollo web, pero la tabla de compatibilidad principal de QuirksMode es donde está la carne del sitio. Aquí, puede ver fácilmente qué navegadores admiten qué aspectos de CSS y DOM. Las pruebas de HTML5 están en curso al momento de escribir este artículo.

maletín de transporte macbook pro 13 pulgadas

20. ¿Cuándo puedo usar ...

De manera similar a QuirksMode, When can I use ... proporciona una serie de tablas de soporte. El sitio, que se actualiza periódicamente, también detalla la compatibilidad con los estándares de los navegadores móviles populares, incluidos iOS Safari y Opera Mini.

21. FindmebyIP

Por último, también nos gustan las tablas de compatibilidad de FindMeByIP para HTML5 y CSS3. Creados por la agencia de diseño DeepBlueSky, con sede en Bath, estos le permiten verificar rápidamente la compatibilidad del navegador con propiedades CSS3, selectores, aplicaciones web HTML5, gráficos y contenido incrustado, códecs de audio y video, así como entradas y atributos de formularios.