CSS3 y HTML5: y esto se puede usar?

Bueno, les vamos a presentar el sitio https://caniuse.com/, que la traduccion literal sería: puedo usarlo? Es un sitio que compila información de qué tiene habilitado cada navegador, sus versiones y viene a la vez con un indicativo de cuánto se usa, que cuota del total de navegación contiene. Como ven, es muy práctivo y ayuda […]

Animate.css: Librería cross-browser de animaciones CSS

🍿 Muy fácil de usar, cross-browser, es decir que es compatible con la mayoría de los navegadores. En serio, es muy fácil de usar, con tan solo agregarle una serie de clases css a los elementos html ya está, se mueven. En el sitio web pueden probar las opciones que trae:https://daneden.github.io/animate.css/ Entonces, tenemos un título […]

Sombras en CSS3, box-shadow y text-shadow.

Saben que el cerebro es perezoso y tiende a hacer lo menos posible, yo para mantenerme productivo, también! XD En la línea de pequeñas herramientas didácticas guardo links para que no escriban desde cero órdenes que no tienen tanta legibilidad humana, por lo menos en castellano: https://html-css-js.com/css/generator/text-shadow/ https://www.cssmatic.com/box-shadow Como bien dicen los dominios, son automatizadores […]

Buenas prácticas de CSS3. Metodología BEM (bloques, elementos y modificadores)

Vital! Ultra necesario! Divino y estupendo! Y otros halagos recibimos cuando encuentran nuestro código prolijo y bien documentado, caso contrario es lo mismo que desearle muerte a próximes programadores que tengan que trabajar con nuestros desarrollos. Si bien hay varias metodologías para lograr un archivo css que sea fácil de mantener la ventaja es que […]

Era celular, desarrollo mobile first.

«Era celular», ni siquiera, estamos abordando subdivisiones mucho más complejas, todo se volvió microscópico, como si todo se fuera volviendo más específico. Igual hablábamos del dispositivo celular. Del celular como dispositivo. Del «celu». Y sí, ya se programa primero para celulares. Empecemos por avisar que si tu sitio no está desarrollado bajo la premisa mobile […]

Buenas prácticas Frontend. Kit de herramientas: Bootstrap.

Resulta extraño justificar el uso de librerías de componentes, ahorra mucho tiempo, emprolija el trabajo y lo hace más legible para quiénes después deban mantener o colaborar con nuestro proyecto. Dicho esto, hay muchas opciones circulando y formas distintas de elegir. Atentxs a lo que se va volviendo standard y su practicidad elegimos Bootstrap. Por […]

Como alinear los elementos por css para principiantes

Me hacen tanto esta consulta! Siempre se arma lio centrando elementos, sea vertical u horizontalmente. No me llama la atención ya que hay que conocer bien la estructura del sitio y son muchas las maneras de lograrlo, cuestion de gustos y el entorno de trabajo. Hay que tener en cuenta el display, float, y también […]