Etiqueta: hojas de estilo

HTML KickStart – Recursos para quien quiere programar en HTML5, CSS y jQuery

Publicado el

por Juan Diego Polo

Nos presentan ahora HTML KickStart, una colección de elementos diseñados para ahorrarnos tiempo en la creación de nuestro próximo sitio web.

Son menús, botones, etiquetas, tipografí­as, galerí­as, tablas… una colección bastante completa, con iconos incluidos, que puede ser bajada de forma gratuita para analizar el contenido y usarlo en nuestra página.

Bajado más de 20.000 veces, incluye archivos js y hojas de estilo (css) para facilitar el trabajo, con ejemplos funcionando en su página web para conocer las ventajas de su uso.

Link: 99lime.com

Nueva versión de SimpleLESS, para programar y optimizar hojas CSS

Publicado el

por Juan Diego Polo


Disponible para Windows, Mac y Linux, SimpleLess lanza una nueva versión que mejora la transformación de archivos .less a css, permitiendo crear hojas de estilo usando las técnicas de programación tradicionales, optimizando el resultado y obteniendo un perfecto equilibrio entre sofisticación y sencillez.
Podéis bajarlo de forma gratuita en wearekiss.com/simpless, donde comentan las novedades de esta versión, que permite, entre otras cosas, minimizar el tamaño del resultado aumentando la velocidad de carga de las webs que utilicen los archivos.

LESS, explicado en lesscss.org, es un lenguaje de hojas de estilo dinámico, que se ejecuta tanto a nivel del navegador como a nivel del servidor, mediante Node.js.

Sushiworks – Un CMS para webdesigners

Publicado el

por Juan Diego Polo


Existen muchos sistemas de gestión de contenido para sitios web, siendo WordPress uno de los que más tratamos aquí­, en wwwhatsnew.com. En la categorí­a CMS hemos tratado opciones para todos los gustos, y hoy la ampliamos con Sushiworks, gratuita por tiempo limitado.
Permite separar las funciones disponibles para los clientes y para los desarrolladores, dando control completo de hojas de estilo y contenido, sin miedo de que un perfil ejecute operaciones que puedan perjudicar el resultado final.
Galerí­as de fotos, noticias, páginas, generador de formularios, herramientas SEO, servicios de estadí­sticas, hospedaje incluido… muy sencillo de utilizar, aunque tendrán que mostrar más diferencias para que los profesionales acaben optando por esta opción, no gratuita, en lugar de una tan conocida como WordPress.

Publicado en

CSS Lint – Avisa soble posibles problemas en tu código CSS

Publicado el

por Juan Diego Polo


Si trabajáis con hojas de estilo seguramente sabréis lo difí­cil que es hacerlo todo a la perfección, sin escribir dos veces seguidas el «;», o sin definir dos veces la misma variable… CSS Lint nos puede ayudar avisando sobre este tipo de problemas.
Después de informar el código del archivo, tendremos, sin necesidad de registro, que enviarlo para su proceso, obteniendo el número de errores y de avisos existentes, así­ como los detalles de cada uno de ellos.
Solo tendremos que consultar la tabla generada para saber dónde está el problema y cómo podemos solucionarlo.
Una sencilla herramienta que puede ayudarnos a obtener mejores resultados en nuestro trabajo.

layerstyles – Un editor online de CSS para usuarios de Photoshop

Publicado el

por Juan Diego Polo


Con un aspecto que recuerda mucho a las ventanas de edición de Adobe Photoshop, LayerStyles nos ofrece una aplicación ideal para generar estilos CSS, necesitando solamente alterar las variables existentes para obtener el código correspondiente.
Un cuadro irá alterando sus propiedades (colores, sombras, efectos, etc.) al mismo tiempo que alteramos los datos de entrada, permitiendo ver, en tiempo real, el resultado de nuestras acciones.
El proyecto tiene el código libre, publicado en Github, con lo que es ideal para los profesionales que quieran averiguar más sobre la edición dinámica de hojas de estilo.

CSSPivot – Altera el archivo CSS de cualquier sitio web y comparte el resultado

Publicado el

por Juan Diego Polo


Si queréis mostrar al mundo vuestra habilidad con la programación de hojas de estilo, echad un vistazo en CSSPivot.
Se trata de un proyecto que nos permite substituir el archivo CSS de cualquier sitio web que los use, permitiendo añadir nuestro trabajo y ver el resultado sin afectar, lógicamente, al sitio web trabajado.
El resultado puede ser compartido usando una url generada por CSSPivot, lo que facilita su distribución para mostrar a los posibles clientes vuestra capacidad con el tema.
Podemos, por ejemplo, modificar el aspecto de sitios tan famosos como reddit, obteniendo resultados como el divulgado en esta url: www.csspivot.com/GMKAW.
Para trabajar con la web sólo tenemos que indicar la url del sitio que queremos «modificar», incluir nuestro CSS y ver el resultado, así­ de sencillo.
Muy interesante desde el punto de vista académico y profesional.

Typograph – Una excelente forma de crear hojas de estilo (CSS)

Publicado el

por Juan Diego Polo

Typograph es un proyecto de lamb.cc (donde hay otros bastante útiles para quien diseña páginas web) que nos permite alterar las caracterí­sticas de una hoja de estilo CSS viendo el resultado en tiempo real.

Podemos especificar las proporciones de tamaño en las fuentes, los espacios generados, los márgenes, el tipo de letra… arrastrando y soltando los componentes veremos el resultado en el panel central, con opción de obtener el código generado desde la sección inferior derecha.

Muy útil tanto para trabajar como para explicar de forma intuitiva el uso de hojas de estilo.

Colorzilla presenta un editor de gradientes de colores en CSS

Publicado el

por Juan Diego Polo

Colorzilla, la famosa extensión que nos ayuda a trabajar con colores en los diseños web, ha presentado ahora un editor de gradientes en CSS que podremos usar para dar efectos más sofisticados usando hojas de estilos.

Sólo tenemos que elegir los colores que formarán parte del diseño y obtener el código que tendremos que pegar en nuestro archivo .css. El resultado es perfecto, con lo que nos evita tener que usar gifs en los fondos de las páginas.

Una buena idea que se está divulgando por las redes sociales a una velocidad impresionante.

Css3Watch – Los más impresionantes ejemplos de CSS3 en la web

Publicado el

por Juan Diego Polo

Influenciado por el famoso HTML5Watch, blog que se encarga de mostrar los ejemplos más sorprendentes de HTML5 en la web, Zander Martineau lanza CSS3 Watch.

Se trata de una fantástica colección de sitios web y aplicaciones que usan CSS3 para mostrar las posibilidades que tiene esta nueva forma de programar hojas de estilo. Entre ellas podemos ver ILoveBlur, la Fail Whale dibujada con CSS o el recientemente comentado Launchlist para mostrar tareas pendientes en un diseño web.

Un sitio imprescindible para quienes están aprendiendo a crear una nueva web.

CSSTXT – Aplica estilos a textos en pocos segundos

Publicado el

por Juan Diego Polo

css

csstxt.com es una aplicación que nos permite definir hojas de estilo (css) para nuestros textos sin tener que pelearse mucho con las caracterí­sticas del formato.

Lo primero que tenéis que hacer es escribir el texto en cuestión, dándole formato con las herramientas que incluye (tamaño, tipo de fuente, espacios, párrafo…). El resultado es un código y archivo css que podréis copiar y pegar en vuestro sitio web, así­ de simple.

Una herramienta más que ayudará a nuestros diseñadores a trabajar más rápido y de forma más eficiente.

Actualización: Acabo de conocer otra herramienta sencilla pero útil, para ayudar a los que trabajan con CSS, transformando posiciones absolutas en relativas: https://riddle.pl/emcalc/