Publicidad

RSS css

Webpack: Gestión integrada y eficiente de tus assets

4 Comentarios
Webpack: Gestión integrada y eficiente de tus assets

webpack es una herramienta de agregación de recursos para aplicaciones web que permite generar una distribución única a partir de un conjunto establecido de assets.

Entre los recursos que es capaz de gestionar webpack, podemos encontrar formatos soportados por defecto como HTML, JavaScript, CSS, así como otros formatos que necesitan ser transformados como SASS, CoffeeScript o Jade.

Cuando trabajamos en un proyecto web, en un modo de funcionamiento más tradicional, es habitual partir de un fichero HTML con ficheros JavaScript y CSS relacionados mediante los tags script, link o style.

Leer más »
Publicidad

Materializecss, Framework front-end para Material design

7 Comentarios
Materializecss, Framework front-end para Material design

Material design, la guía de diseño de Google ha roto barreras y en la actualidad se está convirtiendo en una de las guías de diseño más reclamadas. Materializecss es un framework que simplifica el proceso de creación de diseños web. Este modesto framework acaba de actualizar a su primera 'Alpha release' y ya se ha usado para alguna aplicación Android con Cordova y en varias webs.

Leer más »

Felicitemos a CSS en su veinte aniversario ¡Feliz Cumpleaños!

11 Comentarios
Felicitemos a CSS en su veinte aniversario ¡Feliz Cumpleaños!
Hola, somos el HTML y necesitamos una mano, que no ligamos nada.

Nos gusta la arqueología developer y nos gustan las fiestas y celebraciones. Por eso hoy estamos de enhorabuena: el CSS cumple 20 años. El 10 de Octubre de 1994 Håkon Wium Lie publicaba "Cascading HTML style sheets -- a proposal", el germen de la hoja de estilos que tanto ha ayudado a embellecer la Web, inventada apenas un año antes, y que tanto ha evolucionado en su ya larga trayectoria.

Leer más »

CSS arriba, scripts abajo... y otras recomendaciones para optimizar la carga de páginas web

9 Comentarios
CSS arriba, scripts abajo... y otras recomendaciones para optimizar la carga de páginas web

Llevamos tanto tiempo conviviendo con HTML, con su etiqueta <head> y su <body>, que es bastante probable que muchos no se hayan preguntado el porqué de esta distribución, o cómo puede afectar el alterarla.

No se trata sólo de una cuestión estética de limpieza y orden del código, sino que tiene relevancia en el tiempo de carga de la página y en la experiencia del usuario mientras se realiza dicha carga. Muchos estudios determinan que el tiempo medio de carga de una web está en torno a 7 segundos, y todo lo que lo supere hace perder visitantes que se marchan de la página antes de que cargue.

Leer más »
Publicidad

CSSmatic, un pequeño set de herramientas para mejorar los diseños web y made in Spain

13 Comentarios
CSSmatic, un pequeño set de herramientas para mejorar los diseños web y made in Spain

CSSmatic es una conjunto de herramientas de creación de estilos CSS, que quieren ahorrarnos tiempo a la hora de crear efectos novedosos como degradados, bordes redondeados, textura de ruido y sombras en los bloques. Actualmente nos encontramos con distintas herramientas online que se encargan de este mismo propósito, pero esta destaca por su calidad y por ser made in Spain (y uno de los co-fundadores es el mismo que creó FreePik, que ya comentamos en Genbeta Dev).

Leer más »

HTML5 Boilerplate 4.0.0, llegando al siguiente nivel

10 Comentarios
HTML5 Boilerplate 4.0.0, llegando al siguiente nivel

Dentro del mundillo del HTML5 hay algunas palabras que no paran de escucharse como es el caso de Bootstrap o Boilerplate, son indiscutiblemente el hype del momento. Pues bien, esta semana hemos tenido novedades de esta última: se ha liberado la versión 4.0.0 de HTML5 Boilerplate (H5BP a partir de ahora), la potente y robusta plantilla (si a alguien se le ocurre un mejor termino para definirlo, que hable ahora o calle para siempre) para generar sitios web HTML5 en menos que canta un gallo, que tan bien viene a neófitos en la materia como a expertos frontenders. Es una versión en la que han estado trabajando siete meses y que cuenta con interesantes novedades que, a mi parecer, la sitúan en un nuevo nivel. Las más importantes a nuestro parecer son:

Leer más »

Resetea tus CSS a conciencia con normalize.css

8 Comentarios
Resetea tus CSS a conciencia con normalize.css

Los navegadores tienen sus propios CSS por defecto y cada uno diferente a los de los demás. Lo suyo es resetear estos CSS para que luego no haya sorpresas. Sin embargo esto es algo tedioso… y a veces no del todo útil porque te cargas cosas que lo mismo luego te pueden ser de utilidad. Por eso no está de más probar cosas como normalize.css, un normalizador de código CSS multiplataforma, moderno y listo para el presente-futuro HTML5.

Leer más »

El W3C trabaja en incluir nuevas Media Queries: script, pointer y hover

4 Comentarios
El W3C trabaja en incluir nuevas Media Queries: script, pointer y hover

El uso de media queries permiten mejorar la experiencia de usuario de las personas que visitan nuestros sitios web adaptándolas según las reglas que hayamos definido. El W3C, el grupo encargado de supervisar la creación de estándares web como HTML y CSS, ha dado su bendición recientemente a uno de los pilares del Responsive Design.

Conscientes del uso cada vez más popularizado en diversos dispositivos ya está trabajando en incluir nuevos elementos a la especificación de nivel 4 de Media Queries.

Leer más »
Publicidad

Ver más artículos