12 berichten

Trabajo digital: comprender, diseñar y terminar

Empieza por los navegadores y HTTP, sigue con CSS y diseño accesible, y termina con herramientas para concentrarte, trabajar con texto e imágenes y revisar documentos antes de enviarlos.

Samengesteld door moalier.picks Delen

1. 01#DevelopmentCree para la web, con el navegador como punto de partidaUna ruta práctica a través de los fundamentos web, cursos enfocados, compatibilidad de navegadores e implementación accesible. Los marcos hacen que muchas cosas sean convenientes, pero el navegador aún decide cómo se comporta una página. Una base en HTML, CSS, JavaScript y accesibilidad hace que las herramientas desconocidas sean menos misteriosas. Estas referencias funcionan bien junto con un proyecto pequeño que puede inspeccionar, cambiar y romper de forma segura. Prueba esto primero Cree…4 links
2. 02#DevelopmentLea un intercambio HTTP antes de culpar al marcoUna explicación, una referencia y un servicio de prueba de solicitudes para comprender qué envía un navegador y qué devuelve un servidor.3 links
3. 03#DevelopmentHaga que un diseño CSS sobreviva al contenido realCuatro colecciones de explicaciones de CSS para comprender las restricciones de diseño, el tamaño resistente y los casos incómodos que puede ocultar una maqueta perfecta.4 links
4. 04#DevelopmentUn banco de trabajo de depuración para una página que parece lentaDocumentación del navegador y referencias de rendimiento para convertir "esto se siente lento" en una observación reproducible y un siguiente paso enfocado.4 links
5. 05#DesignDiseñar referencias para decisiones que necesitan una razón.Vaya más allá de la inspiración visual con un pequeño estante de investigación sobre usabilidad, orientación sobre accesibilidad, principios de interacción y lecciones de tipografía. Una hermosa referencia puede mostrar cómo se ve una pantalla sin explicar por qué funciona. Cuando una revisión de diseño se convierte en un concurso de preferencias, es útil contar con fuentes que hagan que la decisión sea discutible. Esta colección va desde el comportamiento del usuario hasta el acceso, la…4 links
6. 06#DesignLea el razonamiento detrás de un componente de sistema de diseñoCuatro referencias públicas para estudiar componentes como decisiones sobre contenido, comportamiento y acceso en lugar de una galería de controles atractivos.4 links
7. 07#DesignJuzgue la tipografía con un párrafo, no con un nombre de fuenteOrientación práctica, una herramienta de escala tipográfica, una familia orientada a pantalla y un archivo del mundo real para probar cómo se lee realmente el texto.4 links
8. 08#DesignPruebe un par de colores donde la gente realmente lo leaComprobadores de contraste y comparaciones visuales para evaluar texto y colores de interfaz más allá de una vista previa de paleta.3 links
9. 09#ProductivityUn pequeño conjunto de herramientas para el trabajo que necesita tu atención.Un cronómetro, un lienzo para dibujar, una suite ofimática y un cuaderno: cuatro herramientas con distintas funciones y una forma sencilla de probarlas. Un nuevo sistema de productividad puede requerir más atención que el trabajo que debía respaldar. Esta colección mantiene los roles deliberadamente separados: deja espacio para una tarea, esboza la idea, produce el documento y deja una nota para la próxima vez. No es necesario adoptar los cuatro. Prueba esto primero Elija el punto donde su…4 links
10. 10#ProductivityUn pequeño banco de trabajo para texto que necesita una forma diferenteTres herramientas para inspeccionar texto estructurado, aplicar una transformación repetible y verificar el resultado antes de usarlo en otro lugar.3 links
11. 11#ProductivityUn pequeño banco de trabajo para imágenes dirigidas a la web.Un conjunto de herramientas de imágenes enfocado para editar una fuente, comparar la compresión, limpiar SVG y verificar una pequeña animación.4 links
12. 12#ProductivityUn pequeño kit de herramientas para el último paso antes de enviar un documentoHerramientas de ensamblaje de PDF, comparación de texto y revisión de escritura para verificar el archivo que realmente recibirá otra persona.4 links

Profiel bekijken