Etiqueta ~ CSS

Layer Styles: generador de estilos de capa en CSS

Tamara

Una forma peculiar de acercar el CSS a quienes se encuentran familiarizados con el diseño en Photoshop. Layer Styles es una herramienta que permite aplicar estilos de capas en una forma cuadrada seleccionando las propiedades desde un menú similar a el tan utilizado programa. Layer Styles visualmente se comporta como el panel de edición de [...]

Continuar leyendo [+]

Herramienta para convertir px a em

Tamara

Una herramienta que quizás no sea muy general, pero que en lo particular puede llegar a ahorrarles tiempo y más un dolor de cabeza. Si se encuentran maqueteando algún diseño este conversor puede resultarles muy útil ya que ofrece la posibilidad de fijar las tipografías en la medida recomendada para web que es em. Cuando [...]

Continuar leyendo [+]

Convertir imagen a HTML/CSS

Pablo

ImgToCSS es una aplicación curiosa, con un nombre un poquito mentiroso, que probablemente sea útil para aquellos que envían newsletters, permite convertir cualquier imagen con un tamaño que no supere los 250×250 pixeles a formato HTML/CSS. El mecanismo para realizar este trabajo es muy simple e interesante, por un lado recibe la imagen que nosotros [...]

Continuar leyendo [+]

Generador de sombras CSS

Tamara

Así como CSS avanza en las posibilidades, también lo hacen la oleada de generadores que nos permiten realizar cualquier tipo de aplicaciones sobre elementos que deseamos disponer sobre un diseño. Ayer mismo les comentaba sobre un nuevo generador CSS3 con gradientes que resultaba muy útil para evitar tener que escribir todo el código desde cero. [...]

Continuar leyendo [+]

Buscador cheatsheet: HTML, CSS, SVG y XPath

Tamara

Todos los que se dedican a maquetear sitios conocen las normas W3C, una comunidad que se dedica a desarrollar protocolos y guías que permiten que las webs perduren aún a pesar de las actualizaciones de los navegadores y sobretodo, asegurar la correcta visualización incluso en las versiones más antiguas. Para lograr esto, deben asegurarse que la W3C, [...]

Continuar leyendo [+]

Comprimir CSS online

Pablo

Una buena practica para acelerar nuestros sitios es la de comprimir las hojas de estilo. Para lograr este cometido podemos: suprimir todos los espacios y saltos de linea, utilizar las propiedades acortadas, agrupar clases similares, o bien eliminar clases no utilizadas, ademas de algunas otras técnicas. Hacer esto es realmente un trabajo simple, pero muy [...]

Continuar leyendo [+]

Cómo calcular la unidad em para tipografías

Tamara

Hace algunos días me vine a desasnar sobre la forma de calcular la unidad em para el uso de tipografías en diseño web, que cuando apareció parecía más una duda que una medida en sí. ¡Pues tengo buenas noticias! Para todos aquellos que se preguntaban cómo calcular esto sin morir en el intento y respetar [...]

Continuar leyendo [+]

Herramienta para ayudarnos a elegir una tipografía (CSS3)

Pablo

I2 Style una aplicación online, gratuita y muy útil, que nos ayuda en la difícil tarea de elegir una tipografía para nuestros proyectos web. Ademas, I2 Style tiene la capacidad de crear código CSS según realicemos nuestra elección. La herramienta realiza todos los cambios sin recargar la pagina completa, algo que se agradece ya que [...]

Continuar leyendo [+]

Generador de Sprite CSS

Pablo

CSS Sprite Generator es una aplicación online y gratuita que nos permite crear automáticamente los archivos necesarios para trabajar en nuestro sitio con CSS Sprite, y disfrutar rápidamente de todas las ventajas que esta técnica nos brinda. Para comenzar a utilizar esta fantástica herramienta simplemente vamos a subir el diseño comprimido en formato ZIP al [...]

Continuar leyendo [+]

Teclas del teclado con CSS

Pablo

Keys CSS es un simpático trabajo de Michael Hüneburg, que logro emular las teclas del teclado utilizando para ello solo las hojas de estilo sin la necesidad de utilizar una sola imagen. El archivo CSS esta disponible para nuestra descarga gratuita. Es interesante ver como esta creado, y sobre todo como se utilizan las propiedades [...]

Continuar leyendo [+]