Una de las recomendaciones para acelerar la carga de una web es usar el mínimo número de llamadas posibles, algo que puede hacerse con las imágenes usando Sprites, conjuntos de iconos, por ejemplo, que se carguen una única vez y puedan separarse después usando CSS.
Para ayudar en esta última tarea tenemos spritebox.net, una herramienta que nos permite hacer zoom de un sprite, seleccionar la parte que nos interesa y obtener la clase o id CSS necesaria para usar en el código de nuestro diseño web, ahorrándonos mucho trabajo.
Una excelente herramienta que tiene que estar en toda sección de «favoritos» de un diseñador web moderno.
Etiqueta: diseño web
i2style – Generador de banners y badgets en CSS
Si trabajáis con diseño web y queréis empezar a jugar con las propiedades CSS de banners, echad un vistazo en i2style, la nueva herramienta de sciweavers.org.
Se trata de una aplicación en la que podemos alterar las propiedades de texto, colores, tamaños y sombras de un banner, creando desde botones hasta anuncios enormes que podremos incluir en nuestro sitio web.
El resultado es un código limpio en CSS y HTML, siendo excelente también para uso educativo, aprendiendo a ver los efectos causados en un diseño cuando se modifican los valores de las variables de la hoja de estilos.
715 estructuras en CSS listas para su uso
Si os gustó la recomendación de PrimaryCSS que os hicimos el otro día, os encantará la recopilación que han hecho en designshack.co.uk, donde juntan en total más de 700 estructuras CSS para poder comenzar a diseñar casi cualquier sitio web.
Desde los más de 200 diseños de ironmyers.com hasta los 47 de dynamicdrive, es un contenido que todo profesional del diseño web debe revisar frecuentemente.
Enlace: designshack.co.uk
Lifeyo ”“ Alternativa para crear sitios web en pocos pasos
Lifeyo es otra alternativa que nos permitirá crear nuestro sitio web personalizado sin tener conocimientos previos sobre programación o diseño web.
Dicho servicio, nos ofrecerá las herramientas más básicas para crear nuestra página, además de una personalización del subdominio, que será parecido a este: https://tunombre.lifeyo.com.
Entre otras muchas funciones, encontramos la opción de subir imágenes a sus servidores, videos, cambiar textos, fondos, etc.
En fin, una alternativa bastante profesional para crear nuestro sitio web en pocos pasos.
CSS Rand – Sitios profesionales para inspirarte en tu diseño web
CSS Rand es un portal dedicado principalmente al usuario que tiene un sitio web o pretende tener uno.
Un site donde podremos visualizar más de 400 sitios web con un diseño extremadamente profesional y así nos servirá para inspirarnos en el diseño de nuestro sitio web o blog.
Su utilización es bastante sencilla, clicamos en el banner del site y hacer F5 cada vez que queramos visualizar otro sitio.
En fin, una galería más a saber si deseas tener un diseño profesional, además si te ha gustado podrás suscribirte para recibir notificaciones de los nuevos sites que se añadan.
Tileables – Packs de texturas para tus diseños en Photoshop
Tileables nos permite buscar texturas profesionales para nuestros diseños en Photoshop.
Es sin duda un gran portal, donde podremos descargar packs con tiles, todos ellos clasificados mediante categorías.
Para utilizar Tileables, simplemente debemos descargar la textura que más nos guste, la descarga se realizará con formato .PAT por lo que tendremos que importarla desde Adobe Photoshop.
Si deseas divulgar uno de estos packs en tu sitio web, el autor ha pedido que no los subamos a nuestro servidor sino que hagamos un hipervínculo a la suya, de esta forma evitaremos futuros problemas con su utilización.
Vía | Seetio
cssgallery.com – Galería de obras de arte hechas con CSS
Hace casi un año os presenté una lista de sitios web que podiamos usar para divulgar nuestros trabajos de diseño web, siendo y cuando estuvieran realizados con CSS (nada de tablas).
Hoy me presentan una nueva opción, cssgallery.com, con cientos de sitios añadidos por los usuarios y por los «spiders» que se encargan de encontrar nuevas opciones en la web.
Aunque le falta un sistema eficaz de clasificación de su contenido, es un buen lugar para pasarse un buen rato navegando entre diseños extremadamente variados.
Bounce – Crea notas en cualquier web y comparte los comentarios
En bounceapp.com tenemos una buena herramienta que puede ayudarnos a comunicarnos de forma eficiente con clientes y compañeros de trabajo.
Podemos indicar cualquier url para que la aplicación haga una captura del sitio web permitiendo crear comentarios sobre la imagen generada. El resultado es sencillo de entender, creando secciones marcadas con un texto y permitiendo compartir el resultado.
Ideal para hacer comentarios sobre un diseño web, un contenido o cualquier parte de un sitio que, por un motivo u otro, queramos compartirlo con clientes, amigos o compañeros de trabajo.
Css3Watch – Los más impresionantes ejemplos de CSS3 en la web
Influenciado por el famoso HTML5Watch, blog que se encarga de mostrar los ejemplos más sorprendentes de HTML5 en la web, Zander Martineau lanza CSS3 Watch.
Se trata de una fantástica colección de sitios web y aplicaciones que usan CSS3 para mostrar las posibilidades que tiene esta nueva forma de programar hojas de estilo. Entre ellas podemos ver ILoveBlur, la Fail Whale dibujada con CSS o el recientemente comentado Launchlist para mostrar tareas pendientes en un diseño web.
Un sitio imprescindible para quienes están aprendiendo a crear una nueva web.
buildorpro – Impresionante herramienta visual de diseño web
Cada vez se ven más y más herramientas que nos permiten diseñar sitios web sin necesidad de sumergirnos en lineas y lineas de código fuente. Hoy he descubierto buildorpro.com, un buen ejemplo de lo que estoy queriendo decir.
Como podéis ver en el breve vídeo demostración que aquí os dejo, nos permite importar el código de cualquier página web existente y alterar los elementos de forma gráfica, sin tener que abrir el código fuente y con posibilidad de ajustar colores, posiciones y tamaños en pocos segundos.
Esta aplicación se ejecuta desde el navegador y se encuentra en beta cerrada, por lo que tendréis que pedir una invitación desde su página inicial, en el formulario «Join our beta group«.