A pesar que todavía está muy verde la especificación de CSS3, ya podemos usar algunas reglas como, transform, box-shadow o border-radius. Eso si, dándole a cada navegador que lo soporte sus propias reglas. A través de Web Resources Depot conozco CSS3, Please!
CSS3, please! es un generador de propiedades CSS3 para todos los navegadores. Al entrar se nos presenta una hoja de estilo que podremos editar para adaptar a nuestras necesidades y ver los cambios aplicados a un cuadrado resaltado. Incluso incluye propiedades para Internet Explorer en los casos que la transformación esté soportada mediante filtros.
No deja de ser un asco tener que duplicar o triplicar una regla de estilo para que funcione en casi todos los navegadores pero, por lo menos, ahora es más rápido.
gRaphaël es una sencilla librería con la que insertar gráficos en tus sitios web será coser y cantar. Descarga el javascript, inclúyelo en tus páginas y con unas simples líneas de código podrás mostrar gráficos de tarta, de líneas, de puntos…
gRaphaël está bajo licencia MIT
enlace: gRaphaël
Si buscas dar un estilo elegante a los comentarios de tu blog pero no tienes tiempo o ganas de ponerte a ello estás de enhorabuena.
En Templatica ponen a nuestra disposición un buen set de estilos para nuestros comentarios con instrucciones sobre como deben estar maquetados para que sólo sea cuestión de copiar y pegar el código en nuestra hoja de estilos. Interesante ¿no?
All Silhouettes es un sitio estupendo, en él podrás encontrar cientos de siluetas vectoriales listas para usar en tus proyectos, tanto personales como comerciales.
El autor del sitio es también el autor de la mayoría de gráficos y, por ello, nos ofrece una licencia bastante permisiva para utilizarlos siempre que no los revendamos como recursos de stock y que, en el caso de las ilustraciones las hagamos públicas de forma gratuita (supongo que para evitar que usemos su material para venderlo indirectamente en sitios de stock).
A día de hoy hay 5,572 siluetas distribuidas entre 88 packs, con categorías como personas, animales, objetos, símbolos, naturaleza…
All Silhouettes: http://all-silhouettes.com/
Me está costando volver de las vacaciones, aunque las mías se terminaron hace ya algunas semanas. Es lo que tiene que siga haciendo buen tiempo y no anochezca demasiado pronto ¿verdad?.
Lo mejor para entrar en esta dinámica “invernal”, al menos para mí, es inspirarme un poco. Ver esas cosas maravillosas que otros son capaces de hacer y empezar a querer hacerlas yo también (algunos lo llaman envidia sana).
Para inspirarnos todos en este comienzo de septiembre traigo hoy One Page Love.
Se trata de una galería de preciosos diseños de sitios de una sola página, un formato cada vez más frecuente y realmente conveniente cuando queremos mostrar un mensaje conciso de la forma más clara y efectiva posible.
One Page Love: http://onepagelove.com/
Una de las características comunes a casi todos los que realizan labores de diseño es haber juntado una enorme colección de tipografías instaladas en el sistema.
Para muchos, las herramientas que nos proveen los sistemas operativos se quedan cortas y muchas veces es complicado gestionar correctamente todas las fuentes.
myFontBook es un gestor gratuito de tipografías que podrás utilizar desde cualquier sistema operativo gracias a que se trata de una aplicación web.
Con myFontBook podrás visualizar todas tus tipografías, agregarles etiquetas para encontrarlas más cómodamente, marcar favoritas y visualizar datos importantes (kerning, baseline…).
myFontBook es gratuito pero aún así podrás probar la aplicación sin necesidad de registrarte, eso si, para guardar tus etiquetas, valoraciones y catálogo tendrás que crearte una cuenta.
myFontBook: http://www.myfontbook.com
Vía Smashing App
Sin duda, cada vez que Google lanza algo se arma un gran revuelo. Es natural que, cuando lo que va a lanzar es un cambio teóricamente tan profundo como el del algoritmo de su buscador, las espectativas se disparen.
Si quieres probar cómodamente como son los nuevos resultados que ofrecerá Google con Caffeine y compararlos sin mayores complicaciones con los actuales prueba Compare Google.
Compare Google es una sencilla página que, con un diseño bastante agradable, nos permitirá comparar los resultados de la version descafeinada y la nueva con cafeina.
Compare Google: http://comparegoogle.com/
Vía Wwwhat’s new?
Si todavía no conoces Aviary te estás perdiendo una interesantísima suite de aplicaciones web que te permitirán realizar retoques, agregar efectos o crear gráficos vectoriales desde tu navegador, sin necesidad de instalar ningún software adicional y con dos opciones: gratis y de pago a un precio mucho más accesible que el de la mayoría de software de este tipo.
Falcon es una de las herramientas disponibles, que nos permite editar nuestras capturas de pantalla para redimensionarlas, cortarlas, agregarles texto, símbolos, líneas, flechas… Lo típico para explicar, por ejemplo, las partes de un interfaz.
El proceso es muy cómodo, ya que ni siquiera tienes que registrarte para empezar a trabajar con tus capturas de pantalla pero si además usas Firefox, con Talon, la nueva extensión para firefox es aún más sencillo y conveniente.
Instala Talon, dirígete al sitio web que quieras capturar y pulsa el botón o usa la opción que te aparecerá en el menú contextual (podrás capturar la parte visible, una región o la página completa). Se te ofrecerán 3 opciones: copiar, editar con Falcon o descargar a tu disco duro.
El editor de Falcon es muy sencillo de utilizar, simple pero con todas las funcionalidades que esperas de algo así (muy similar a Skitch, una aplicación gratuita para Mac)
Una vez estés contento con el resultado podrás salvar la imagen directamente a tu ordenador o crearte una cuenta en Aviary y subirla a sus servidores. Esta última opción te facilitará códigos para compartir tu imagen en Twitter, WordPress o foros que utilicen BBCode. Eso si, recuerda que en las cuentas gratuitas todas las imágenes son públicas antes de almacenar en sus servidores alguna captura que no debas.
Personalmente me parece una opción muy cómoda, rápida y sencilla, mucho mejor que hacer la captura de pantalla con extensiones como ScreenGrab y luego tener que abrir un programa de edición sólo para recortarla un poco o agregarle algo de texto.
Aviary Falcon: http://aviary.com/tools/falcon
Vía Sitepoint
Vas a escribir un post, ya lo tienes todo listo e incluso has encontrado la imagen perfecta. Pero pesa una barbaridad y sabes que será un engorro esperar a que termine de cargar así que tienes dos opciones: abrir tu editor de imágenes favorito y comprimirla o irte a buscar otra ¿no?
Puny PNG te da una tercera opción, subes tu imagen (JPG, PNG o GIF) y esperas unos segundos para obtener tu imagen comprimida y sin perder calidad. No tienes nada que configurar y, por si te preocupa la privacidad de tus imágenes, estas se borrarán pasados 15 minutos.
Rápido y cómodo, ¿no crees?
Puny PNG: http://www.gracepointafterfive.com/punypng
Vía Maestro Alberto
Cuando creamos un sitio, echamos horas diseñándolo y trabajando en su código para que todo se vea divinamente nos encanta enseñarlo ¿no?
Las galerías de diseños CSS son un buen sitio donde lucir nuestra obra maestra y, de paso, recibir algo de feedback y algunas visitas.
MeeCSS es una sencilla herramienta web con la que podrás enviar tu sitio web a más de 100 galerías de este estilo, que no se si serán todas las disponibles pero igualmente son una buena cantidad.
El sistema no es automatizado, ya que seguramente la mayoría de estas galerías no tardarían demasiado en darse cuenta del asunto y bloquearían la aplicación. En lugar de esto, lo que hacemos es seleccionar las galerías a las que queremos hacer el envío, introducir los datos y darle a enviar. De esta manera se irán abriendo progresivamente los formularios de envío y tendremos a mano los datos que introdujimos en la aplicación para poder hacerlo todo a base de copiar y pegar.
Como me explico bastante mal ultimamente, mejor te dejo el video para que veas como va el proceso.
Untitled from MeeNews on Vimeo.
Seguiremos teniendo que ponerle un poco de tiempo al tema de los envíos pero, sin duda, mucho menos que yendo manualmente de un sitio a otro.
MeeCSS: http://www.meecss.com/
Vía Criterion
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
