es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Aprenda el diseño de cuadrícula CSS (The Fun Way) con Grid Garden

La mayoría de los desarrolladores web conocen el juego Flexbox Froggy que te enseña los conceptos básicos de flexbox desde cero. Este juego gratuito se volvió viral y sigue siendo increíblemente valioso para enseñar a las personas cómo codificar con flexbox.

Bueno, el mismo desarrollador que hizo ese juego tiene un nuevo juego llamado Grid Garden .

Este juego funciona de manera similar pero te enseña a codificar grillas de CSS . Es una característica relativamente nueva, pero se está poniendo al día rápidamente y Grid Garden es fácilmente la mejor manera de aprender.

Todo en Grid Garden sigue un estilo de enseñanza similar al de Flexbox Froggy. Fue creado por el mismo desarrollador, Thomas Park, por lo que puede esperar un nivel similar de dificultad y usabilidad.

Por defecto, comienza en el nivel uno con un total de 28 niveles de principio a fin. Siempre puedes saltear niveles si crees que son demasiado difíciles, pero creo que siempre es bueno trabajar en ellos como un repaso.

Si no tiene idea de cómo funcionan las propiedades relacionadas con la red, se encontrará buscando en Google muchas palabras. El diseño de cuadrícula CSS es un módulo totalmente nuevo con su propia sintaxis y características.

Recomiendo encarecidamente jugar con Grid Garden cada vez que tenga la oportunidad. Es prácticamente un campo de juego para desarrolladores de CSS para aprender y estudiar todas las propiedades de diseño de grillas.

No puedo decir que este juego te convierta en un experto en redes de CSS. Solo construir proyectos y practicar mucho puede llevarte a un nivel experto. Pero, Grid Garden es una forma divertida de comenzar sin todo el estrés habitual que implica aprender algo nuevo.

Todo el proyecto es totalmente gratuito y de código abierto en GitHub si quieres descargarlo localmente para estudiar o expandir. También puede compartir sus pensamientos con el creador en Twitter @thomashpark.

Usando Normalize.css para desarrollo homogéneo

Usando Normalize.css para desarrollo homogéneo

La compatibilidad del navegador es una gran parte de la accesibilidad en la web. Los desarrolladores deben considerar la varianza de su audiencia y las versiones de navegador que requieren soporte . Aunque los restablecimientos CSS son una opción, la mayoría de los desarrolladores prefieren Normalize.c

(Consejos de tecnología y diseño)

5 cosas que tu marca debe tener además de un logotipo

5 cosas que tu marca debe tener además de un logotipo

Muchas personas, muchos diseñadores incluidos, piensan que una "marca" es simplemente un logotipo atractivo. Incorrecto. Entonces, tan equivocados, diseñadores. Una marca es mucho más que simplemente un logotipo, o un conjunto de artículos de papelería, una camiseta genial, etc. Como director creativo de marca, he acumulado un poco de conocimiento acerca de qué es exactamente lo que hace una marca exitosa que los usuarios realmente se conectan con.Hoy,

(Consejos de tecnología y diseño)