Etiqueta ~ CSS

Botones estilo Google+ con CSS

Tamara

Últimamente se analiza mucho el diseño de la ya conocida plataforma Google+, aunque considero que aún hoy no se conoce el alcance que tendrá en algunos años, cierto es que hay muchas cuestiones aplicadas que pueden tenerse en cuenta en cuestiones de usabilidad, como bien nos tiene acostumbrados Google. En este sentido, los botones que [...]

Continuar leyendo [+]

Comparar la validez de un HTML, CSS en distintos clientes de correo

Pablo

Si estas planeando enviar un newsletter a tus clientes, o simplemente quieres enviar una notificación a un amplio grupo de amigos, entonces Fractal será una aplicación fundamental para ti. Fractal es una aplicación online y gratuita para corroborar la compatibilidad de nuestro newsletter con los distintos clientes de correo, en total 24 clientes son los [...]

Continuar leyendo [+]

Corregir errores en CSS

Pablo

CSS Lint es una aplicación online y gratuita que sirve para corregir errores en nuestras hojas de estilo. Con tan solo pegar nuestros CSS en la aplicación, la misma detectará posibles conflictos, así como también nos brinda posibles tipos de optimización. Esta herramienta es muy útil para aquellos que son más puristas, y que desean [...]

Continuar leyendo [+]

Plantillas web CSS

Isabel

Tener a mano buenos ejemplos de plantillas ya formadas siempre es bueno. Podemos implementarlas en diferentes proyectos si es que no sabemos cómo crear una, o utilizarlas para observar, probar y aprender cómo fueron realizadas. Si bien hay infinidad de modelos que podemos tanto descargar como adquirir en Internet, no todas sobresalen por su calidad [...]

Continuar leyendo [+]

Herramienta CSS Sprite en modo WYSIWYG

Pablo

SpriteBox es una herramienta del tipo WYSIWYG para crear esquemas utilizando CSS, una excelente manera de diseñar utilizando hojas de estilo para aquellos que no quieren escribir una sola línea de código. La aplicación es totalmente gratuita, y el resultado ya se encuentra optimizado para los distintos navegadores, la aplicación funciona mejor en algunos navegadores, [...]

Continuar leyendo [+]

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 [+]