TEMAS de CSS

Mostrando del 1 al 10 de 93 registros
<<>>
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
513 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

Actualizado el 30 de Enero del 2020 por Administrador (Publicado el 29 de Enero del 2020)
408 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
547 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
795 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
637 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
559 visualizaciones desde el 15 de Septiembre del 2019
Como solucionar los problemas que nos ofrece float y flexbox.

Screenshot_20190915_185826
Imágen de perfil

internetEstructuras de control en CSS mediante Sass


CSS

Publicado el 14 de Junio del 2019 por Administrador
479 visualizaciones desde el 14 de Junio del 2019
Sass nos permite emplear estructuras de control en CSS gracias a las directivas de que proporciona pudiendo realizar variaciones en el estilo basándonos en una condición. Básicamente, podemos realizar condiciones if y bucles en CSS. Las directivas de control de flujo no son complejas si ya estas habituado a la programación ya que el uso de bucles y condiciones son el día a día.

Las estructuras de control en CSS están más centrados en los mixins, que son como funciones. La finalidad es dotar de mayor flexibilidad a la hoja de estilos cuando queremos agregar nuevas reglas.
Imágen de perfil

internetDiseño responsive: ¿cómo configurarlo correctamente?


CSS

Publicado el 29 de Mayo del 2019 por Administrador
854 visualizaciones desde el 29 de Mayo del 2019
¡Cada día está más claro! El PC está perdiendo el combate contra la cantidad de dispositivos con los que podemos acceder hoy en día a la red, hasta tal punto que la venta de tablets y smartphones han superado a las ventas de los ordenadores tanto de sobremesa como portátiles.

Hasta hace algunos años era imprescindible utilizar el ordenador para navegar por internet; ahora en cambio, es muy probable que la mayoría de accesos se realicen desde plataformas mobile o móviles. Hoy en día todos llevamos un smartphone encima y nos comunicamos y buscamos información constantemente, por lo que se ha convertido en algo esencial optimizar los sitios web para un buen uso en estos tipos de dispositivos.

Screenshot_20190529_161800
Imágen de perfil

internetImprimir la web en el siglo XXI


CSS

Publicado el 21 de Mayo del 2019 por Administrador
564 visualizaciones desde el 21 de Mayo del 2019
Hace poco tuve que afrontar en el trabajo una tarea poco habitual: «Dar la oportunidad al usuario de imprimir una web». Ante tan extraño reto y con total libertad para ejecutar este poco frecuente encargo, decidí ponerme a investigar. En el siguiente artículo transmitiré algunos consejos y sugerencias atesoradas durante este proceso.
Imágen de perfil

.pdfReferencias CSS


CSS

Actualizado el 15 de Mayo del 2019 por Administrador (Publicado el 19 de Mayo del 2009)
5.517 visualizaciones desde el 19 de Mayo del 2009
Articulo en formato pdf de las referencias CSS más importantes. Esquematizado en tres columnas: Propiedad, descripción y valores.