Se trata de un patito que va apareciendo por la página web al que puedes disparar y matar de una manera algo cómica. Sin agresividad ni crueldad. El movimiento del pato es aleatorio, por lo que irá apareciendo donde le apetezca.

Yo por no provocar a las mentes perturbadas de los lectores de rienzie.com no lo pondré, pero os animo a dar una sorpresa a vuestros visitantes con el divertido patito.

Su instalación es tan sencilla como pegar el siguiente código donde te apetezca:

JavaScript

Al momento aparecerá el divertido patito pidiéndote a gritos que le dispares (o no).

Enlace: Duck my life

El tutorial es muy útil para gente que empieza o gente que está acostumbrada a usar CMS como Joomla, WordPress o Blogger y no se atreve a crear su propio sitio web desde cero.

Link: Crear un diseño limpio y moderno para una web

Vía Xyberneticos he encontrado un paquete de iconos muy bonitos de redes sociales y demás como iconos de rss, digg y del.licio.us entre otros, con los que podrás embellecer tu web o blog.

Son totalmente gratis y los puedes descargar por separado en formato ZIP. Vienen en PNG transparentes y en tres tamaños distintos, con lo cual podrás adaptarlos a tu gusto y usar con cualquier fondo y diseño.

Enlace ( 12 iconos gratuitos para tu web )

Aumenta el tráfico de tu web apareciendo en galerías de diseños web

Una buena manera de aumentar el tráfico de tu web es presentar tu web en galerías de diseño web. Hay muchas galerías de diseño web muy populares donde puedes enviar tu diseño para que los usuarios lo vean y lo voten. Si tu diseño es bueno, este saldrá en portada llevándote muchas visitas y posibles nuevos lectores o seguidores.

Ten en cuenta que estas galerías son para diseños exclusivos y propios. No envíes tu blog con la plantilla de turno.

Top 15 galerías de diseño web

1. Bestwebgallery

2. CSS-website

3. CSSclip

4. CSScollection

5. CSSdrive

6. CSSelite

7. CSSflavor

8. CSSmania

9. CSSremix

10. Designmeltdown

11. Designshack

12. Mostinspired

13. Professionalontheweb

14. Dailyslurp

15. W3csites

Aumentar el tráfico de tu web regalando obras

La creación de obras de arte para regalar en forma de descarga gratuita en un sitio web o un blog puede ser una buena manera de aumentar el tráfico de su sitio web de forma gratuita. También puede enviar su obra a los sitios de descarga, algunos de los cuales se enumeran a continuación y que puede obtener más de exposición!

16. Crear pinceles de Photoshop – En Diego Mattei puedes encontrar un tutorial orientativo. El resto lo haces tu.

17. Crear paquetes de iconos – Puedes crear paquetes de iconos gratis para blogs o para los sistemas operativos. Si los paquetes valen la pena se hablará de ellos en multitud de sitios dedicados al desarrollo y diseño web.

18. Crear Wallpapers gratis – Asegúrate de hacerlos en alta calidad para que puedan ajustarse a pantallas con alta resolución. Esto puede hacer que se hable de ellos y por lo tanto de ti.

19. Crear Ilustraciones en vectores de calidad – Es importante ofrecer calidad en los vectores para que la gente los analice y se inspire. Aunque te cueste mucho trabajo esto hará que la gente te tenga en cuenta y se interese por ti.

20. Crear patrones y motivos para Illustrator – Intenta crear motivos y patrones llamativos para que la gente los use y los comente. Los motivos florales gustan mucho.

21. Crear Tipografías - Cuanto más originales y llamativas sean más comentadas serán. Puedes enviarlas después a galerías de tipografías gratis como estas:

• Urbanfonts
• Dafont

Aumentar el tráfico de tu web exponiéndote

Asegúrese de que tus creaciones esten en el mayor número de sitios posible ya que en estos sitios se mueven muchos cazatalentos y empresas que buscan gente que valga la pena. Intenta mostrar lo mejor de ti.

Puedes registrarte en alguna de estas webs:

22. Coroflot

23. Behance

24. Design Related

25. Deviant Art

Aprovecha también Myspace, Facebook y todos los sitios donde puedas enlazar a tus trabajos y mostrarte.

Aumentar el tráfico de tu sitio web participando en foros

Si eres capaz de moverte bien y hacerte respetar en un foro conocido, mucha gente te prestará especial atención y podrás promocionar tus trabajos o tu web. Esto es facil ya que en los foros los miembros tienen un karma más alto o más bajo dependiendo de la calidad de posteos o por su experiéncia. Algunos importantes (en inglés) son los isguientes:

26. Your Design Forums

27. Designerstalk

28. Graphic Design Forum

29.Estetica Design Forum

30. Forum How Design.com

No olvides ofrecer calidad de información en tu web y tener en cuenta otros consejos, como el posicionamiento, estándares, etc.. sino todas estas visitas no volverán.

Visto, modificado y traducido de ( You the Designer )

Como decía en el anterior post, llevo un día de optimización interna del blog para poder hacer que validen los estándares web del blog, tanto XHTML, CSS, RSS como para reducir todo lo que pueda el tiempo de carga para agilizar la navegación y no saturar el ancho de banda.

XHTML 1.0 Transitional válido

He estado bastante tiempo corrigiendo pequeños errores, algunos no tanto, como etiquetas de imagen mal cerradas, listados dentro de párrafos, códigos de zync y el de algún que otro botón y mucho código de vídeo que he podido validar gracias al plugin que comenté con anterioridad.

Al final lo que conseguido y puedes ver en el enlace en W3C validator para comprobarlo.

El botón que lo garantiza es este:

CSS válidas y optimizadas

Este punto me ha costado algo menos ya que tenía el archivo corregido hacía poco y solo he tenido que limpiar algún valor mal escrito.

El botón que lo garantiza es este:

Borrado de los selectores no usados

Lo que sí ha valido la pena ha sido la optimización del archivo CSS. He conseguido un plugin para firefox que hace lo que tenía planeado hacer desde hacía tiempo: Limpiar mis CSS de selectores que usa la web. El plugin se llama Dust-Me Selectors y es una maravilla. Lo instalas y después de reiniciar Firefox te aparece en la parte inferior derecha de la ventana un icono con una escobilla rosa donde podemos elegir que debe hacer. Si le das doble clic te analiza la pagina en la que estés y te muestra los selectores usados y los no usados para que puedas eliminarlos.

Descarga directa ( Dust-Me Selectors )

Reducción del archivo CSS optimizado

Otro punto importante en la optimización de las CSS ha sido la reducción del tamaño, ya conseguido en parte con la herramienta anterior, pero que he acabado de redondear gracias a Clean CSS, una web que reduce el peso de tu archivo CSS dejándolo a gusto del consumidor. Solo tienes que indicar la URL de tu archivo o copiar el código en la caja, elegir el tipo de compresión y copiar el resultado obtenido. Yo he conseguido rebajar el peso de unos 15Kb a unos 8Kb.

En mi caso he usado una compresión alta, y ahora el archivo es casi ilegible. Si usas una compresión alta recomiendo guardar una copia que puedas leer y editar fácilmente.

RSS válido

En este punto no he tenido que hacer nada, ya que con WordPress y Feedburner los feeds validan, aunque con algún que otro error…

El botón que lo garantiza es este:

Espero que te haya servido de ayuda o de motivación para validar los estándares web de tu página y aprovecho para seguir un meme antiquísimo donde tenía como reto validar el XHTML y como decía Metal·lize, también las CSS.

Por desgracia el código que nos dan para insertar los videos no validan el XHTML por culpa de la etiqueta <embed > y si no se usa y por el contrario se usa la etiqueta <object >, los usuarios de Firefox no ven el vídeo. Otro problema es que el edito de texto de WordPress, aunque escribas en código, cuando insertas un vídeo embedado añade las etiquetas <p>, con lo que mete el vídeo en un párrafo y eso tampoco le gusta al XHTML. En fin, que estamos en lo de siempre: hay que hacer las cosas para cada navegador.

Hasta que he encontrado un plugin que hace el trabajo sucio y nos permite mantener el código limpito. El plugin se llama “Embeded video with link” y es una pasada. Con tan solo instalar el plugin y añadir una etiqueta con la ID y el título del vídeo podremos mostrar estos sin miedo a no validar. Si usas el editor de texto visual tienes opciones en una pestaña en el editor donde solo tienes que añadir la URL del vídeo y el título.

Descargar plugin ( Embeded video with link )
Más información en ( Yukei )
Página oficial del plugin ( jovelblog )

En Punto Geek he encontrado esta hermosa lista de tutoriales vía web para aprender HTML, CSS, PHP, MySQL, AJAX, DHTML, ASP y MYSQL Server. He hechado un vistazo y la verdad pueden ser bastante útiles para empezar a meterse en ésto del desarrollo web mediante la programación y el diseño. Quiero destacar que los tutoriales son muy faciles de entender y muy intuitivos. Recomendados al 100%.

• PHP
• CSS
• HTML
• MySQL
• MySQL Server
• JavaScript
• ASP
• DHTML
• AJAX

Visto en ( Punto Geek )