Bear CSS es una aplicación online para generar hojas de estilo utilizando para ello la estructura de cualquier documento HTML. El mecanismo es muy sencillo y práctico para aquellos que gustan de escribir el código HTML primero y luego asignarles estilos. Para utilizar Bear CSS simplemente debemos subir el documento HTML del cual queremos obtener [...]
Continuar leyendo [+]
Un elemento que vi por primera vez en los sitios de las empresas de alojamientos, y que luego se replico en infinidad de servicios online, es la barra de desplazamiento animada para mostrar precios. Son fáciles de entender, y permiten en muy poco espacio, mostrar muchas opciones y variantes a la hora de contratar un [...]
Continuar leyendo [+]
En muchísimas oportunidades en Kabytes comentamos sobre distintos set de elementos para diseñar interfaces, en general estos recursos se encuentran en formato PSD, por lo que es trabajo nuestro codificar estos componentes en HTML y CSS para poder utilizarlos en nuestros proyectos. Por suerte para nosotros desde Design modo nos regalan, en descarga directa y gratuita, [...]
Continuar leyendo [+]
Una buena practica para mejorar el rendimiento de nuestros sitios, es la de comprimir nuestros archivos CSS, eliminando los espacios y saltos de linea. Esta simple tecnica nos permite ahorrar transferencia de datos, al reducir el tamaño de nuestras hojas de estilo, a la vez que mejoramos considerablemente el tiempo de descarga de nuestro sitio. [...]
Continuar leyendo [+]
Animate.css es un set de animaciones realizadas utilizando solo CSS que funciona en los navegadores más modernos, y que permite mediante unas pocas lineas de código animar fácilmente nuestros proyectos. En el sitio oficial del proyecto podemos visualizar los distintos efectos disponibles, de las alternativas similares que encontré esta es sin lugar a duda la [...]
Continuar leyendo [+]
WebPutty es un editor de código CSS online y que funciona en tiempo real, cada cambio realizado en las hojas de estilo lo muestra directamente en la pagina que modificamos, una forma simple y rápida de trabajar modificaciones visualizando los cambios de manera instantánea. La aplicación es muy simple de usar y por el momento [...]
Continuar leyendo [+]
No suelo comentar mucho sobre experimentos realizados con CSS, pero en esta ocasión el resultado lo amerita. Se trata de un dock al estilo Mac OS X, realizado íntegramente utilizando CSS, el mismo ejecuta las animaciones sin utilizar una sola línea de JavaScript. CSS Dock se encuentra disponible para la descarga directa desde GitHub, actualmente [...]
Continuar leyendo [+]
Hace algún tiempo, Pablo nos hablaba de CSS Drive recomendando la función para comprimir CSS online, en este caso, y un poco más dentro de lo que hablo siempre, quiero comentarles sobre otra función de esta plataforma que permite realizar paletas de colores a partir de una fotografía. No solo se limita a extraer los [...]
Continuar leyendo [+]
LESS CSS, para el que no lo conoce, es un lenguaje dinámico para escribir hojas de estilos de forma rápida y segura, la idea detrás de LESS es optimizar como los programadores y diseñadores escriben sus archivos CSS. LESS es una herramienta excelente para la creación de hojas de estilo, realmente merece una entrada individual [...]
Continuar leyendo [+]
BlueTrip es un simple pero potente framework CSS, que tiene algunas características interesantes que nos pueden llegar a servir para acelerar considerablemente los tiempos de desarrollo. El framework combina varios recursos ya conocidos por todos nosotros, por ejemplo contiene varias características de 960.gs, un recurso indispensable para los que gustan trabajar con grillas en el [...]
Continuar leyendo [+]