Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.
FondosCopados.com ofrece una colección de más de 40.000 fondos de pantalla clasificados en español.
Con posibilidad de votar en cada uno de ellos, es posible navegar entre imágenes 3d, de naturaleza, abstractas, relacionadas con el cine, el anime, coches, deportes, espacio… miles y miles de imágenes en diferentes tamaños en casi 600 categorías diferentes entre las que podemos pasar horas navegando hasta encontrar la que más se adapte a nuestro escritorio.
Paciencia y suerte en la búsqueda.
En speckyboy han publicado una excelente lista de sitios web que podemos usar para crear o limpiar archivos de estilo (css). Ideal para diseñadores organizados y para documentar el código de alguna aplicación existente.
1 – flumpCakes Online CSS Optimiser/Optimizer
2 – Styleneat ”“ CSS Organizer
3 – Clean CSS ”“ Optmize and Format your CSS
4 – CSS Compressor ”“ Online Code Compressor
5 – Code Beautifier ”“ CSS Formatter and Optimiser
6 – CSS SuperScrub
7 – Online CSS Optimiser
8 – CSS Compressor ”“ CSS Drive
9 – CSS Analyser
10 – CSS Redundancy Checker
11 – CSS Code Formatter and Optimizer ”“ CSS Portal
Si conocéis alguna otra opción, soy todo oídos.
En webdesignfan.com publican una lista de 15 sitios excelentes para aprender CSS y diseñar sitios web como Dios manda. Yo añado mi preferido en español: xyberneticos.com
Aquí os dejo los enlaces:
1 – css-tricks.com: Blog con consejos y algún screencast.
2 – threestyles.com: Tutoriales de varios niveles. También hay consejos para photoshop.
3 – sixrevisions.com: La categoría CSS de tan famoso blog dedicado al diseño.
4 – cssglobe.com: Para programadores. Algo más técnico que los anteriores.
5 – sohtanaka.com: Excelentes consejos sobre XHTML y CSS.
6 – net.tutsplus.com: Otro mito de la web con una categoría dedicada a CSS
7 – davidwalsh.name: Un gran diseñador que habla sobre JS, CSS, PHP, etc.
8 – buildinternet.com: Consejos sencillos y prácticos
9 – aext.net: Excelentes consejos para diseñadores y programadores.
10 – woorkup.com: un buen lugar para conocer artículos de todo tipo relacionados con CSS.
11 – line25.com: tutoriales de varios niveles.
12 – tutorialzine.com: Tutoriales y fuentes para principiantes.
13 – web-kreation.com: Artículos y tutoriales útiles.
14 – alistapart.com: La categoría CSS del famoso List Apart.
15 – smashingmagazine.com: Sin mucha necesidad de presentación, smashingmagazine también dedica su categoría al CSS
En un momento dominado por las redes sociales es más importante que nunca tener un canal de comunicación decente en cada una de ellas.
Facebook, por ejemplo, con sus casi 400 millones de usuarios, es un universo que tiene que ser perfectamente utilizado para conseguir nuestros objetivos comerciales, y para eso existen las páginas, para ofrecer a nuestros lectores una nueva forma de comunicarse y conocer mejor nuestros productos y servicios.
Crear una buena página en Facebook no es tarea fácil (aún estoy pensando en cómo programar la de WWWhatsnew), pero sí podemos inspirarnos en galerías como las mostradas en www.customfacebookpage.com, verdaderas maravillas que aprovechan el potencial de una red en constante crecimiento.
Lo que veis en la imagen es sólo una pequeña muestra de los más de 100.000 iconos que se están ofreciendo de forma gratuita en icons.mysitemyway.com para uso comercial o personal.
Iconos de todo tipo con una calidad sorprendente, espero que los disfrutéis.
En wallpapers.x3studios.com tenemos una herramienta pensada para facilitar la creación de fondos de pantalla personalizados, incluyendo opciones para mover componentes, añadir textos, seleccionar bases y jugar con colores.
Las resoluciones son de 1024í—768, 1156í—864, 1280í—960, 1280í—1024, 1600í—1200 y 1680í—1050 pixeles, permitiendo compartir los resultados con el resto de la comunidad.
Vía webadictos
Los que trabajan con Photoshop saben la importancia que tienen los brushes (pinceles) para aumentar la productividad ahorrando mucho tiempo en el diseño de ciertos aspectos del trabajo.
Aquí os dejo una lista de sitios web especializados en ofrecer pinceles de los más diversos tipos.
1 – www.brushking.eu: Más de 6000 pinceles en 343 packs diferentes.
2 – www.brusheezy.com: Con posibilidad de votar por los mejores y ver la lista de destacados.
3 – qbrushes.com: En forma de blog. No hay mucha cantidad, pero son de buena calidad.
4 – 123freebrushes.com: Más de 1000 pinceles en color y blanco y negro.
5 – deviantart.com: Logicamente en Devianart cientos de usuarios han subido sus diseños de brushes para photoshop.
6 – fbrushes.com: Casi 6000 pinceles en un site que también incluye patrones y texturas.
7 – photoshop-free-brushes.com: Lista gratuita con pinceles clasificados por categorías.
8 – 101photoshopbrushes.com: 101 pinceles seleccionados.
9 – www.photoshopedia.com: Site con recursos de photoshop, pinceles incluidos.
10 – www.psbrushes.net: Una de las opciones más conocidas, con 500 excelentes colecciones.
11 – idesignbrushes.com: Pinceles de buena calidad con ejemplos de aplicaciones.
12 – trendyrobot.com: Recursos para photoshop con la colaboración de los lectores.
13 – myphotoshopbrushes.com: Especializado en pinceles, con todo tipo de formas y colores.
14 – blendfu.com: Destaca su colección de pinceles en escala de grises.
Gracias Juan Luís por la lista.
Muchas veces necesitamos un poco de inspiración antes de empezar un trabajo de creación web, por eso existen galerías en Internet que hacen ese papel perfectamente, además de permitir a los diseñadores mostrar sus obras y divulgar su talento al mundo.
En listelog han publicado una enorme cantidad de sitios web que podemos usar para subir nuestros trabajos o navegar entre verdaderas obras de arte. Aquí tenéis la lista:
Continúa leyendo «Galerías CSS para enviar nuestros diseños web»
font Dragr es un proyecto que sale de los laboratorio de CSS Ninja para permitirnos ver el efecto de diferentes tipos de fuente en nuestros textos web.
Solamente funciona en navegadores compatibles con CSS3 y HTML5, permitiendo arrastrar los archivos truetype (ttf), opentype (otf), scalable vector graphics (svg) o Web Open Font Format (WOFF) en la barra lateral para poder seleccionar las fuentes y ver el efecto en el texto derecho.
Podéis probarlo clicando en la fuente que hay instalada por defecto (la vomzom). Tenemos también un vídeo de poco más de un minuto mostrando su funcionamiento en www.thecssninja.com/javascript/font-dragr
Sin duda muy inteligente para no tardar mucho en las pruebas antes de encontrar el efecto deseado.
Vía ajaxian
Los que trabajamos creando sitios web sabemos la importancia que tiene probar las páginas en diferentes versiones de navegadores web. Los tests pueden ser realizados manualmente, claro, aunque es mucho más productivo usar herramientas como Browsera.
Mientras aplicaciones parecidas como Litmus, SuperPreview, BrowserLab o Browsershots generan una captura de los sitios, Browsera analiza y compara las páginas usando algoritmos sofisticados y envía un informe con los errores de carga de los scripts y diferencias en los layouts.
Las pruebas son realizadas en Firefox, Internet Explorer y Safari, tanto en Windows como Linux.
Browsera está disponible en cuantro modalidades, siendo la gratuita la más limitada, claro.