Tips de desarrollo para Wordpress 2

wordpress tipsConozco a personas con blogs que aun no se atreven a meterle mano al código para modificar su diseño o darle esos toques que sienten que les hace falta, bien pues eso puede acabar si checas este excelente post de stylizedWeb que hicieron una lista de tips para wordpress, si eres desarrollador los veras muy básicos.

Pero igual y son de utilidad cuando es primera ves que utilizas Wordpress.

Enlace: Useful Wordpress Tricks

105+ tutoriales y recursos para el diseño de logos 0

recursos para el diseño de logos

Excelente articulo que me encuentro en Elite By Design que lista 105 tutoriales, recursos y articulos para el diseño de logos, es una infinidad de sitios que nos pueden enriquecer con una enorme cantidad de tips y manuales para practicar y sabes como crear logos profesionales.

Enlace: 105+ logo designs tuts and resources

8 tips para alinear objetos con CSS

CSS Globe se ha convertido en una excelente referencia personal si pienso acerca de CSS, y en esta ocación nos muestra una lista de 8 tips para alinear objetos con CSS, algunos muy basicos y otros que no conocia, excelente!!.

# (3 Comentarios)

Galeria de Diseños CSS para Tablas 0

galeria de css para tablas

Las tablas no mueren aun, y pues para bien o para mal siempre las tenemos que utilizar incluso personalmente cuando simplemente me gana la flojera o me arto de la incompatibilidad por culpa de IE pues ni modos uso las tablas.

Pero la tendencia actual es usar las tablas para un solo motivo, crear listas de datos ordenados, para eso las tablas son un amor jaja, pero bueno esas listas siempre las debemos dejar presentables y usables despues de todo no solo las vamos a utilizar nosotros incluso igual y los desarrolladores solo las van a ver en el momento de implementarlas y probarlas.

Asi que si deseas un buen diseño para tus tablas aqui les dejo un enlace a ua excelente galeria bastante dinamica de diseños de tablas, haciendo click en el nombre del diseño (columna: design name) la pagina se recargara con el diseño selecciona junto con su opcion de descargar el archivo CSS que hace posible tal formato.

Enlace: Data Tables and Cascading Style Sheets Gallery

Ahora pues ahi no veo mi diseño ;) asi que aqui les dejo una imagen del diseño que tengo en mis tablas en un pequeño gran proyecto personal que ando realizando, junto con su respectivo archivo de descarga con el archivo CSS y una imagen que utilizo en el encabezado de la tabla y un HTML que muestra un ejemplo.

Tablas con CSS

El codigo e imagenes de este ejemplo y archivo de descarga son gratuitos, los puedes utilizar en el tipo de proyecto que desees.

Descargar | Ver Ejemplo

Los 10 errores mas comunes en el diseño de aplicaciones

En SigT traducen un articulo bastante interesante que lista los 10 errores mas comunes cuando se diseñan aplicaciones independientemente de la interfase, seas o no desarrollador o diseñador te podria interesar conocer esta lista de errores incluso como cliente es bueno ya que cuando reclames cambios tengas una base para reclamar y no lo hagas solo po hacer.

Enlace: Top 10 de los errores en el diseño de aplicaciones

Articulo Original: Top 10 Applications Design Mistakes

# (Nadie ha comentado)

Curiosidades de YouTube

La optimización de recursos en sitios con niveles de trafico enormes puede ser tu mejor arma y YouTube lo tiene en cuenta, sigan leyendo la nota escrita en nudonation.

Enlace: YouTube y la Optimización de recursos

# (Nadie ha comentado)

Haz tu codigo XHTML Valido incluso con Objetos Flash 0

flash y xhtml valido

Por mas que intentemos que nuestro codigo XHTML pase las pruebas de validacion de la W3C siempre se nos escapa algo y en los blogs el común denominador son los videos de youtube u otro sistema mas concretamente los objetos flash que insertemos ya que el codigo para el embed suele tener ciertos parametros que no permiten que nuestro codigo sea valido.

Pero para todo hay solución, se llama SWFObject es una libreria javascript que nos permite de manera sencilla insertar un objeto flash haciendo su codigo completamente valido.

Ejemplo Usando SWFObject:

  1. <div id=‘flash’>
  2. <div id=‘noflash’>
  3. <p>To view this, you need to install the Flash Player 7.
  4.  
  5. Please go <a href=‘http://www.adobe.com/products/flashplayer/’ title=‘Get Flash’>
  6. here and download it</a>.</p>
  7.  
  8.  
  9. <strong>Note:</strong> JavaScript is also required.
  10. </ins>
  11. </noscript>
  12.  
  13. <script type=‘text/javascript’>
  14.  
  15. // <![CDATA[
  16.  
  17. var so = new SWFObject(’swf/header.swf’, ‘flash-header’, ‘500′, ‘200′, ‘7′, ‘#fff’);
  18. so.addParam(‘quality’, ‘high’);
  19. so.addParam(‘menu’, ‘false’);
  20. so.addParam(‘wmode’, ‘transparent’);
  21. so.addVariable(’scale’, ‘noscale’);
  22. so.write(‘noflash’);
  23.  
  24. // ]]>
  25.  
  26. </script>
  27. </div>

Si ves mucho rollo ahi pues mira que solo basta con insertar una lista como esta:

  1. var so = new SWFObject(’swf/header.swf’, ‘flash-header’, ‘500′, ‘200′, ‘7′, ‘#fff’);
  2.  
  3. //var so = new SWFObject(’archivo swf’, ‘ID del objecto’, ‘ancho’, ‘alto’, ‘version de flash requerida’, ‘color de fondo en formato HEX’);

Es sencillo utilizar esto, apoco no?

Enlaces:

  • Liquid Web, Heroic Support
  • Foros de Diseño y Desarrollo Web
  • Contrata tu banner 125x125
  • Contrata tu banner 125x125
suscribete via RSS suscribete via Correo Electronico

12,000 iconos gratis

Este paquete de iconos tenia tiempo con ganas de compartir son todos los icono...

36 diseños de tarjetas de presentación muy creativas

Que te parecen estas tarjetas si quieres ver las otras sigue el enlace par...

Diseños de tatuajes

Para los que anden buscando tatuajes para marcar su piel, aqui les dejo una fuen...

Google

Web www.frogx3.com