15+1 excelentes sitios para aprender CSS

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

Galerí­a de las mejores páginas de Facebook

facebook

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.

Crea tu propio Wallpaper con x3studios

Wallpaper

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

Directorios gratuitos de Pinceles para Photoshop

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.

Galerí­as CSS para enviar nuestros diseños web

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:

101 Best Websites

101bestwebsites
Continúa leyendo «Galerí­as CSS para enviar nuestros diseños web»

Font Dragr – Cómo probar diferentes tipos de fuente en tu navegador

fton dragr
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

Browsera – Cómo probar un sitio web en diferentes navegadores

Browsera

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.

Decenas de generadores automáticos de diseños, textos y códigos

En balkhis.com han publicado una excelente lista de aplicaciones web que podemos usar para generar diseños, textos, códigos y otros elementos que pueden ahorrar mucho tiempo a los diseñadores y programadores.

Podéis acceder a los sitios clicando en el nombre de la aplicación (no en la imagen).

Generadores de fondos

1. Pattern Cooler

Pattern Cooler - Background Generators
2. Stripe Mania

Stripe Mania - Background Generators

Continúa leyendo «Decenas de generadores automáticos de diseños, textos y códigos»

Algunas aplicaciones indispensables para diseñadores, programadores y curiosos

Prácticamente todas las aplicaciones que os voy a comentar aquí­ ya han sido publicadas en algún momento en wwwhatsnew.com, pero nunca viene mal recopilar las que pueden usarse para aumentar la productividad de nuestro trabajo.

wordoffwordoff nos permite copiar texto desde Word limpiando todos los extraños sí­mbolos que generalmente incluye.

wixwix.com es una aplicación que nos permite crear sitios web en flash en pocos minutos. Resultados estéticos bastante profesionales teniendo en cuenta que la mayorí­a puede hacerse de forma gratuita.
Continúa leyendo «Algunas aplicaciones indispensables para diseñadores, programadores y curiosos»