TEMAS de CSS

Mostrando del 1 al 10 de 97 registros
<<>>
Imágen de perfil

internetClases nativas que te harán más productiva(o) en Bootstrap 4


Bootstrap

,

CSS

Publicado el 26 de Abril del 2020 por Administrador
408 visualizaciones desde el 26 de Abril del 2020
En la versión 4 del popular framework para Frontends existen clases CSS que te pueden facilitar la maquetación de tu proyecto, solo es cuestión que las pongas en práctica y las uses hasta que las hagas parte de tu trabajo en maquetación y veras lo rápido que avanzarás, estas clases te ahorran muchas líneas de código CSS que sueles escribir para darle cierto aspecto a un elemento del proyecto. Veamos las clases en el siguiente tutorial.

Screenshot_20200426_174239
Imágen de perfil

.videoResponsive menu responsive website with HTML / CSS / BOOTSTRAP


Bootstrap

,

HTML

,

CSS

Publicado el 13 de Abril del 2020 por Monica
280 visualizaciones desde el 13 de Abril del 2020
navbar-bootstrap-2020-css
Imágen de perfil

internet9 tips para escribir CSS de forma productiva


CSS

Publicado el 16 de Marzo del 2020 por Administrador
326 visualizaciones desde el 16 de Marzo del 2020
Vamos a proponeros una serie de reglas básicas con las que mejorar la escritura de CSS, de modo que con estas pautas el trabajo será más sencillo de hacer, sobre todo cuando haya que afrontar retos con hojas de estilo muy grandes o con hojas de estilo en las que trabaja mucha gente a la vez.

Screenshot_20200316_210013
Imágen de perfil

internetMaquetación con flexbox


CSS

Publicado el 11 de Marzo del 2020 por Administrador
546 visualizaciones desde el 11 de Marzo del 2020
¿Todavía usando tablas para maquetar? ¿Harto de usar floats? ¿Ni pajolera idea de cómo alinear verticalmente elementos? Pues con flexbox todo se hace más fácil.

Índice de Contenidos:
1.- Historia de la maquetación
2.- Introducción a flexbox
3.- Contenedor
4.- Hijos
5.- Responsividad avanzada
6.- Comparativa
7.- Conclusión

Screenshot_20200311_130112
Imágen de perfil

internetComo hacer un formulario estilo Material Design con HTML, CSS y Javascript


HTML

,

CSS

,

JavaScript

Publicado el 2 de Febrero del 2020 por Administrador
820 visualizaciones desde el 2 de Febrero del 2020
Aprenderás como hacer un formulario con el famoso estilo de google conocido como Material Design.

Puedes utilizar este diseño de formulario para cualquier cosa, ya sea un formulario para registrar usuarios o un formulario de contacto, ademas este formulario es adaptable a dispositivos móviles por lo que es una buena alternativa a los formularios tradicionales y aburridos.

Screenshot_20200202_202925
Imágen de perfil

internetAnimate css - Cómo crear animaciones CSS rápido


CSS

Publicado el 29 de Enero del 2020 por Administrador
579 visualizaciones desde el 29 de Enero del 2020
¿Tienes una web y no sabes cómo crear animaciones para darle ese toque diferenciador? Pues sigue leyendo, porque en este artículo veremos cómo crear animaciones con CSS con poco esfuerzo. Si no tienes conocimientos previos de CSS no te preocupes porque en este articulo veremos una manera de tener animaciones sin tener que tocar nada de CSS ¿mola no?

Lo primero que vamos a ver es una librería CSS que nos da animaciones ya creadas, las típicas, por ejemplo, fade, slide, bounce, etc

Si esto te parece poco y quieres crear tu mismo las animaciones, no te preocupes, porque también las vamos a crear de manera manual animaciones CSS, para que tengas un control total de las animaciones de tu página web.

Screenshot_20200129_184205
Imágen de perfil

internetOptimización CSS para mejorar el rendimiento de tu web


CSS

Publicado el 23 de Enero del 2020 por Administrador
649 visualizaciones desde el 23 de Enero del 2020
El objetivo más importante de cualquier sitio web es lograr la conversión y el modo de componer y estructurar contenidos de calidad es la principal clave para el éxito. En la mayoría de los casos en que una web no alcanza los objetivos deseados —a pesar de existir muchas causas que pueden desfavorecer la tasa de conversión— el diseño de la landing page tiene mucho que ver. Todos sabemos que un gran diseño web y las conversiones suelen ir de la mano.

Screenshot_20200123_130944
Imágen de perfil

internetMaquetación con CSS Grid


CSS

Publicado el 27 de Octubre del 2019 por Administrador
918 visualizaciones desde el 27 de Octubre del 2019
La maquetación con CSS siempre ha sido… inesperada. Llena de tablas con infinitas columnas y filas, incontables floats y clears sin ton ni son. Y por supuesto con Bootstrap, aunque claro, si querías salir de lo establecido mucha suerte. Todo esto cambia con Grid.

Índice de Contenidos:
CSS Grid
Colocar elementos en la grilla
Layouts con grid-template-areas
Repeat
Responsividad avanzada
Conclusión

Screenshot_20191027_231348
Imágen de perfil

internetUn vistazo a las columnas responsive en HTML5 y CSS3


HTML

,

CSS

Publicado el 30 de Septiembre del 2019 por Administrador
732 visualizaciones desde el 30 de Septiembre del 2019
Una de las cosas que más echábamos de menos los diseñadores al pasarnos de print a web en épocas pretéritas, era la posibilidad de dividir el texto en columnas.

Por suerte, todo esto cambió con la llegada de CSS3. Usando CSS3 tenemos la posibilidad de organizar los contenidos de una página web en columnas sin tener que crear elementos HTML extra, algo muy útil si estamos maquetando una web con mucho contenido o donde la longitud de línea nos pueda quedar demasiado grande (como periódicos o revistas digitales). Antes, hacer esto era totalmente impensable sin la ayuda de JavaScript.

Tener esta posibilidad de dividir los contenidos en columnas nos abre un mundo de posibilidades para jugar con el layout de los contenidos sin tener que rompernos demasiado la cabeza. Por otro lado, hay que tener cuidado con la altura final del contenido, porque la experiencia del usuario se puede degradar al tener que ir haciendo scroll de arriba para bajo para poder leer todo.

Por cierto, hablamos de columnas en los contenidos. Para organizar la maquetación general de la página hay otras técnicas más adecuadas, como crear un grid responsive a base de floats, o usar técnicas como Flexbox o CSS Grid Layout. Y si no, siempre te quedará Bootstrap o frameworks CSS similares.

Screenshot_20190930_160958
Imágen de perfil

internetCSS Grid. Solución a los problemas de Float y Flexbox


CSS

Publicado el 15 de Septiembre del 2019 por Administrador
658 visualizaciones desde el 15 de Septiembre del 2019
Como solucionar los problemas que nos ofrece float y flexbox.

Screenshot_20190915_185826