Grupo Adobe Bolivia
Mostrando entradas con la etiqueta css. Mostrar todas las entradas
Mostrando entradas con la etiqueta css. Mostrar todas las entradas
Importar colores de una web con Photoshop CS6
miércoles, marzo 27, 2013
En esta oportunidad les traemos un tutorial que muchos deben estar esperando, de la mano de uno de los evangelistas de Adobe, Paul Trani.
En este tutorial nos va a enseñar como obtener los colores de una web a nuestro Photoshop cs6 exportado los css del site.
Sin mas les dejo el tutorial.
Less CSS en Windows
domingo, diciembre 11, 2011
Less CSS es un pre-procesador de CSS que originalmente fue hecho en Ruby y no corría en windows, la única forma de hacerlo correr era con cygwin u otro emulador de unix para windows. Pero ahora ya existe la versión en Javascript, y se puede usar tan facilmente como incluir el ".js" en el sitio web y empezar a codear con less.
Existen herramientas que facilitan mucho mas el trabajo con Less para Windows y Multiplataforma.
- La primera Winless escrita en .NET y obviamente para Windows, es a mi parecer la herramienta mas completa de estas tres, soporta múltiples proyectos al mismo tiempo, indica los errores y lineas de codigo, reconoce y compila automáticamente si hay una carpeta llamada "less" y genera el css compilado correspondiente en otra capeta "css", ademas se pueden configurar las opciones para comprimir la salida entre muchas otras cosas.
- La segunda LessParser, muy parecida a la primera, escrita en Adobe AIR así que corre en cualquier plataforma, a diferencia de la primera compila los archivos less en la misma carpeta.
- La tercera
y ultimaSimpleLess tambien escrita en AIR, tiene un interfaz simple y bonita funciona con drag and drop y compila en la misma carpeta.
- Esta ultima llamada Crunch it ,posee una interfaz muy llamativa, y un editor de archivos .css y .less con coloreado de codigo. Esta hecha en AIR, muestra los posibles errores de compilación y también se pueden navegar en directorios enteros mediante su interfaz.
Estas son las tres cuatro opciones que conozco hasta el momento, si alguno tuviera una sugerencia de otra es bienvenido. Aclaro que no mencione a stylus por que hasta el momento no logre hacerlo funcionar en windows.
Actualizado: Martes 27 de Diciembre 2011
IE 7 no interpreta text-indent en botones submit
sábado, noviembre 26, 2011
Si no tienes opcion a font-face y estas trabajando con botones con fondos personalizados en los botones los mas correcto es esconder el texto con la propiedad text-indent y colocar un overflow:hidden, esto es correcto pero cuando lo ves en ie7 no toma la regla css.
La solución es la siguiente:
1) el html
1) el html
<html>
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css”/>
</head>
<body>
<input type=”submit” value=”Submit” class=”button”>
</body>
</html>
2) los estilos
input.button{
width:114px;
height:37px;
border: none;
background: transparent url(images/submit_btn.gif) no-repeat center;
overflow: hidden;
text-indent: -999px;
font-size: 0;
display:block;
line-height: 0;
}
3) Como funciona?
font-size:0 reduce el tamaño de la fuente a 0, pero incluso despues de hacer esto queda una linea pequeña en el centro del boton.
display:block el text-indent negativo solo funciona en ie si se agrega esta regla.
line-height: 0 Y este es para ie6, aunque pueden desecharlo
Suscribirse a:
Entradas (Atom)
