También puedes suscribirte por email:

Inform⵩ca, dise⯬ tecnolog m봩ca, polca, humor, ciencia...

Música Libre



Anúnciate

zync

Galerías CoM

Recientes

Código HTML válido Código CSS válido

Archivo de la categoría "Diseño"

Firefox para webmasters

4 de Mayo, 2008 | Archivado en: Diseño

Firefox

En webmasterlibre nos ayudan a potenciar todavía más nuestro navegador favorito haciendo de éste una completa herramienta para Validar sitios Web y para SEO (posicionamiento)

Via Webmasterlibre

¿Necesitas inspiración para tus diseños?

26 de Abril, 2008 | Archivado en: Diseño

INSPÍRATE

Consejos para optimizar MySQL

25 de Abril, 2008 | Archivado en: Diseño

Consejos para que optimices al máximo tus consultas a Mysql, ordenadas por categorías:

Queries

  • Usa EXPLAIN para comprender la ejecución de la query
  • Usa Slow Query Log
  • No uses DISNTINCT cuando usas o puedes usar GROUP BY
  • Crea INSERT o REPLACE en procesos batch y usa LOAD DATA antes que INSERT
  • LIMIT m,n no es tan rápido como parece
  • No uses ORDER BY RAND() si tienes más de dos mil registros
  • Usa SQL_NO_CACHE cuando selecciones datos que se actualizan con frecuencia o son abundantes
  • Evita usar caracteres especiales en los LIKE
  • Evita usar subconsultas correlacionadas en el SELECT y el WHERE
  • No hagas comparaciones calculadas
  • ORDER BY y LIMIT funcionan mejor con
  • No pongas text/blobs en los resultados si no vas a necesitarlos
  • Subqueries en el FROM pueden ser útiles para recuperar BLOBs sin necesidad de ordenarlos. Si haces un join de una tabla consigo misma, puede ser bueno si en la primera obtienes el indice y en segunda obtienes el resto de los datos.
  • ALTER TABLE … ORDER BY puede tomar los datos ordenados cronologicamente y reordenarlos mediante un campo diferente, esto podría hacer que las consultas vayan más rapidas por ese campo, aunque quizás fuera necesario que estuviera en el índice.
  • Es bueno saber cuando dividir una query compleja en la unión de otras más pequeñas
  • Elimina pequeñas cuentas si puedes
  • Haz queries similares para que el cache las use
  • Usa estándares
  • No uses características deprecated
  • Cambia a OR en índices de múltiples campos para que la UNION mejore la velocidad (> mysql 5.0)
  • No uses COUNT (*) en tablas Innodb para cada búsqueda. Para ello deberías usar SQL_CALC_FOUND_ROWS y SELECT FOUND_ROWS()
  • Usa INSERT … ON DUPLICATE KEY update (INSERT IGNORE) para evitar el SELECT

Escalado

  • Usa benchmarking
  • Aisla las cargas de trabajo, no dejes que las tareas administrativas interfieran en el rendimiento (por ejemplo, backups)
  • Testea en vez de hacer debug
  • A la vez que los datos crecen los índices cambian. Haz tu esquema tan modular como tu código.

Rendimiento de red

  • Minimiza el tráfico recuperando solo lo que necesitas.
  • Accede directamente a la paginación con LIMIT no recuperando los anteriores.
  • No uses SELECT *
  • No uses muchas queries rápidas y una algo más compleja puede ser más eficiente.

Mejoras en el sistema operativo

  • Usa particiones en los datos
  • Manten el servidor tan limpio como sea posible
  • Crea un entorno de test

Servidor MySQL

  • innodb_flush_commit=0 puede ayidar en el retraso del slave
  • Optimiza los tipos de datos, se consistente. Usa PROCEDURE ANALYSE() para ayudarte a determinar el tamaño de los datos que necesitas.
  • Si puedes comprime text y blobs
  • Comprime datos estáticos
  • No hagas backup de datos estáticos con frecuencia
  • Activa e incrementa el cache de las queries y el budder si es apropiado
  • Comprueba SHOW STATUS y SHOW VARIABLES
  • Defragmenta tablas, reconstruye índices, haz mantenimiento
  • Aumenta myisam_sort_buffer_size para optimizar inserta largos

Estos son los que me han parecido más interesantes, el resto los podéis encontrar en:

Top 1000 SQL Performance Tips

Copipasteado de Sentidoweb

Evita la visita de los boots en tu web con .htaccess

24 de Abril, 2008 | Archivado en: Diseño

Incluye a más de 400 boots, con lo que el ahorro de ancho de banda y recursos es importante. Una solución sencilla para evitar estos molestos visitantes.

Link: AskApache: Blocking Bad Robots and Web Scrapers with RewriteRules
Via: Sentidoweb

13 menús con javascript

19 de Abril, 2008 | Archivado en: Diseño

Aquí os dejo una magnífica recopilación de menús con Mootools, efectistas y funcionales. Muy útiles para darle un toque distinto a tus desarrollos web. Ya antes habían publicado un post parecido: 7 Advanced CSS Menu, A Great Roundup!!. Ahora le tocada el turno a Mootools:

1) Sexy Sliding Menu

Sexy Sliding Menu

Demo: Mootols Version
Demo: Script.aculo.usVersion


(more…)

Mootools Styled Scrollbar: barras de desplazamiento con estilo

4 de Abril, 2008 | Archivado en: Diseño

Barra de desplazamiento en javascript que crea unos estilos muy útiles para las barras de desplazamiento de nuestros scrollbar, utilizando Css y Mootools. Podemos crear barras con estilo en horizontal y en vertical.

Mas info Mootools CSS Styled Scrollbar

Via Xyberneticos

Menús en CSS muy buenos

3 de Abril, 2008 | Archivado en: Diseño

Un menú de navegación en dos líneas muy bueno es el que comentan en Xyberneticos, posee un efecto mouseover muy bonito y elegante. Lo han encontrado en Vikiworks, un magnífico diseñador. Creo que lo incluiré en mis próximos diseños.

Enlaces de la blogosfera sobre diseño: mucho y bueno

2 de Abril, 2008 | Archivado en: Diseño

33 Galerías de imágenes en javascript y Flash by Anieto2k

Superlista de 77 plugins muy útiles para tu wordpress by Bitperbit

45 Themes realmente buenos para wordpress by Bitperbit

Novedades y nuevos recursos en My Cool Button by Xyberneticos

ScrnShots: una galería donde compartir screenshots de tus diseños para inspiración de todos by Xyberneticos

12 Frameworks CSS

29 de Marzo, 2008 | Archivado en: Diseño

Muy buena esta lista de frameworks CSS que publica Anieto2K. Ya no tienes excusa para con el CSS:

  1. Elements CSS Frameworks
  2. WYMstyle: a CSS framework
  3. YAML CSS Framework
  4. YUI Grids CSS
  5. Boilerplate CSS Framework
  6. Blueprint CSS
  7. Schema Web Design Framework
  8. CleverCSS
  9. Tripoli Beta CSS Framework
  10. ESWAT Web Project Framework
  11. CwS CSS Framework
  12. My (not really mine) CSS Framework

Via Anieto2K

Herramientas para diseñadores & bloggers

20 de Marzo, 2008 | Archivado en: Diseño

Dándome un voltio por mi google reader he visto cantidad de buenas herramientas para diseñadores web y para bloggers, así que vamos a recopilarlas todas en este post:

Btemplates: Templates gratuitos para tu wordpress

Wordpress Theme Review: algo que decir?

TopLinks y FriendsRoll: Dos nuevos plugins para socializar más tu Wordpress

IzzyMenu: Menus profesionales con CSS.

SubmitCSS: Otra galería para inspirarte en tus diseños.

TabCreatr:  Menus con pestañas con CSS.

Magadine y The Morning After: Dos themes de revista para Wordpress

63 Trucos para Wordpress.

100 cosas que en algún momento querrás hacer en tu blog.

100 Excelentes temas libres para Wordpress: una buena recopilación.

Etiquetas automáticas en Wordpress.

Publicidad CPM: 15 Alternativas a Adsense.

Aviso de Política de privacidad para tu web: Ahora obligatoria si tienes adsense. Aquí podéis encontrar un ejemplo listo para ponerlo en vuestro pie de página.

LightView2: completo  lightbox en javascript para mostrar todo tipo de contenidos

Eso es todo. Creo que no me dejo nada ;-)

Mejora el Crossbrowsing de tus webs.

14 de Febrero, 2008 | Archivado en: Diseño

Via Oacteck.com hacen una recopilación de consejos para desarrollar webs pensando en el crossbrosing, es decir, en que tu web sea totalmente amigable a todos los navegadores. Este termino, crossbrosing, la verdad es que me resulta chocante, pero muy acertado. Esta recopilación de ideas es casi un método de desarollo de obligado cumplimiento para el webmaster.

El artículo ha sido traducido por Anieto2K:

  1. Descarga la última versión de Firefox, Safari, … y actualiza Internet Explorer
  2. Descarga Microsoft Virtual PC (o similar)
  3. Descarga herramientas para tu navegador
  4. Desarrolla sobre Firefox/Safari primero…
  5. Despues desarrolla para Internet Explorer 6.0 y 7.0
  6. Usa condicionales para Internet Explorer
  7. Usa hacks solo en como último recurso

1. Descarga la última versión de Firefox, Safari, … y actualiza Internet Explorer

Creo que es bastante obvio y necesario que un desarrollador web esté a la último en las herramientas que necesita. Está claro que cada nueva versión nos aporta una serie de mejoras que seguro nos puede ayudar en nuestra tarea diaria. Pero ojo, esto tiene tambien su problema, lo veremos en el siguiente punto.

2. Descarga Microsoft Virtual PC (o similar)

Gracias a herramientas como Microsoft Virtual PC, VMWare o Parallels, nos ayuda a disponer de un sistema operativo diferente dentro de nuestro entorno de trabajo, esto es idea y recomiendo almenos uno, que sea bastante descuidado, sin actualizar, simulando a los usuarios más desastres de pc. De esta forma podremos comprobar con varios navegadores dentro de un entorno más o menos genérico, ya que el 90% (por no decir un porcentaje mayor) de los usuarios de Internet desconocen el mantenimiento que para nosotros es algo tan trivial como el respirar.

Toda prevención es poca, pero con estas herramientas podemos casi asegurarnos el éxito.

3. Descarga herramientas para tu navegador

Siempre que veo un post con el título “Las XXX extensiones de Firefox que necesita un desarrollador” le echo un vistazo, no por que necesite algo más para mi trabajo diario, sinó por que alguien te puede mostrar una extensión que te permita hacer algo que hasta ahora tenías que hacer tu mismo, ahorrandote trabajo y tiempo. Por eso es necesario conocer las herramientas que utilizan otros, y sobretodo mantenerlas actualizadas.

Lo asemejo al carnicero que ha de afilar el cuchillo para trabajar mejor, necesitamos afilar nuestro navegador para pulir los detalles, así marcamos las diferencia.

4. Desarrolla sobre Firefox/Safari primero…

Aunque no esté muy de acuerdo en que se haya de desarrollar sobre uno u otro inicialmente, por desgracia lo hago, quizas por que el Javascript desde la consola de Firebug es muy cómodo, pero deberíamos desarrollar teniendo en cuenta los demás navegadores para así solo hacer una pasada y no tener que volver a tocar ese código una vez desarrollado. Tambien es verdad que desarrollar sobre Firefox / Safari, te asegura una estandarización más o menos correcta y te puedes permitir hacer uso de este sistema ya que luego tendrás que depurar poca cosa sobre IE.

5. Despues desarrolla para Internet Explorer 6.0 y 7.0

Una vez que ya tienes proyecto términado, asegurate de probarlo 100% sobre las dos versiones de Internet Explorer, lamentablemente es el principal navegador de Internet y causar problemas a tal masa de usuarios puede ser la muerte de un proyecto.

6. Usa condicionales para Internet Explorer

En un proyecto web tenemos 3 capas,( contenido, funcionalidad y diseño), el diseño como es de esperar tambien se ve diferenciado en los diferentes navegadores. Por ese motivo tenemos que usar sistemas que nos permitan hacer compatible nuestro diseño en el máximo número de navegadores web. Quizas la forma más correcta sea la de usar sistemas condicionales en nuestro HTML para cargar un CSS u otro dependiendo del navegador que use nuestro usuario.

7. Usa hacks solo en como último recurso

Apesar de todas nuestras buenas intenciones, nos podemos ver obligados a usas elementos no estandares para que nuestra aplicación se vea correctamente. Personalmente no recurriría a este punto a no ser que fuera estrictamente necesario. De todas formas debemos conocer todas las posibilidades, por que al final lo que importa es que el producto salga, sinó que se lo digan al cliente…

Vía Anieto2K

Varios links para desarrolladores web

27 de Enero, 2008 | Archivado en: Diseño

Tengo los feeds sin leer unos cuantos días y se me amontonan los post y esta vez casi todos son bastante buenos. Os paso varios links interesantes:

Via Anieto2k, Bitperbit y Vagabundia

Paint.net: El photoshop gratuito

13 de Enero, 2008 | Archivado en: Diseño

paint.net

Así es como lo denominan algunos. La verdad es que se trata de una de las mejores aplicaciones libres para windows.  Y una  buena aplicación de retoque fotográfico, que por supuesto  le da un aire al  conocido photoshop, pero  es gratuito y libre.  ¿Qué más se puede pedir? La verdad es que una aplicación que consume muy pocos recursos,  tiene soporte de capas,  filtros y cantidad de herramientas.

Así, el programa mantiene la sencillez de un editor de características básicas, al tiempo que añade nuevos y potentes elementos como un historial de acciones deshechas (undo), posibilidad de trabajar con múltiples capas, filtros y efectos especiales para aplicar a tus fotos, herramientas de dibujo (pinceles, formas geométricas, etc.) y soporte para la adquisición de imágenes desde cámaras de fotos digitales o escáneres.

Además, como podemos leer en la wikipedia, Miguel de Icaza ha portado parcialmente Paint.NET al proyecto Mono, una implementación de código abierto de la infraestructura de código común sobre la cual se basa Microsoft.NET. Esto permite que Paint.NET pueda ejecutarse en sistemas Linux u otras plataformas que soporten Mono.

Una muy buena alternativa al mastodóntico photoshop.

Podéis descargarlo desde Aquí (web oficial española)

Link: Web oficial Paint.net

Designios: El menéame del diseño gráfico

10 de Enero, 2008 | Archivado en: Diseño

Designios logo

Parece que todos los que nos dedicamos al diseño gráfico tenemos ya nuestro menéame: Designios. Logotipos, diseños, noticias, cursos, software,… cualquier cosa relacionada con el diseño tiene cabida aquí. Además tiene una gran cantidad de secciones que puedes sindicar, por si sólo te interesa un tema específico. Me alegro de que surjan estas iniciativas. Otra web más para mi google reader.

Link: Designios

los 100 mejores themes gratuitos para Wordpress

9 de Enero, 2008 | Archivado en: Diseño

Wordpress crystal

En Smasihing Magazine han recopliado 100 themes gratuitos para wordpress con una calidad excelente, además muestran las capturas de todos, para hacerte más fácil la tarea. Ya tienes para elegir ;-)

Via Anieto2k

Test Everything: Testea a fondo tu página web

29 de Diciembre, 2007 | Archivado en: Diseño

test everything

El todo en uno del webmaster: Más de 100 herramientas para testear todos los aspectos de una web. ¿Qué más se puede pedir? Ale, a darle caña a nuestras webs.

Link: Test Everything

Via Noticiastech

10 Javascripts para manipulación de imágenes

28 de Diciembre, 2007 | Archivado en: Diseño

efecto javascript

¿Quieres añadir efectos a tus imágenes directamente en tu web sin marearte con ningún software de retoque fotográfico? Aquí os dejo una recopilación de 1o javascript para manipular imágenes. Recomendado.

Via Anieto2K

Muy muchísimos themes para wordpress

21 de Noviembre, 2007 | Archivado en: Diseño

Via Carrero, aquí teneis 37 bases de datos de temas gratis para Wordpress, espero que os sea útil.

  1. WordPress.net’s Theme Viewer
  2. WPThemesFree.com
  3. WPThemeSpot.com
  4. ThemePorter.com
  5. WordPressThemes.com
  6. n.design studio’s WordPress Themes
  7. Just Skins - WordPress Category
  8. AlexKing.org - Theme Viewer
  9. Ask Graphics - Free Templates
  10. SEO Friendly WordPress Themes
  11. iGuides.org - WordPress Themes
  12. Free Themes at Cureless.net
  13. Ext JS Wordpress Theme
  14. BlogsTheme.com
  15. RowMow’s Free WordPress Themes
  16. CSS Design Templates - WordPress Styles
  17. Templates Factory - WordPress Themes
  18. Free WordpRess Themes at DirJournal.com
  19. AllInfoDir.com WordPress Theme Collection
  20. ReviewMyTheme.com - WordPress
  21. WordPress Theme Generator
  22. 980 Free WordPress Themes
  23. Free Winter Themes - Lunarpages
  24. TopWPThemes.com
  25. TemplateMonster.com - WordPress Themes for Sale
  26. Free WordPress Themes - Lunartics
  27. ElegantWPThemes.com
  28. WordPress WOW!
  29. WordPressTheme.com
  30. GFXedit.com Themes for WordPress
  31. DirSurfer Free WordPress Theme List
  32. SkinsforWP.com
  33. GII WordPress Themes
  34. WordPress Themes on biboz.net
  35. Template Xtreme WordPress Listing
  36. Site Ground WordPress Themes
  37. WordPress at Headsetoptions.org

13 herramientas para diseñar a lo Web 2.0

19 de Noviembre, 2007 | Archivado en: Diseño

web 2.0

Parece que esto de la Web 2.0 empieza a calar en la actualidad. El otro día cogí una publicación del corte inglés y pude leer sobre la web que se avecina: la web 2.5 ;-) No sé si esto es simplemente un cliché o numerar las versiones de la web hace justicia a un momento, una tecnología, un diseño homogéneo. En todo caso esto de la web 2.0 es algo que me gusta, aun sin saber bien qué es. Recuerda que no sabrás qué es si no eres capaz de explicárselo a tu abuela.

Pero para los más interesados en el tema he encontrado 13 enlaces con herramientas indispensables para ser más … 2.0

Via Bitperbit

13 menus css y javascript para tu web

11 de Noviembre, 2007 | Archivado en: Diseño

menu javascript

 

Recopilación de menús con css + javascript bastante buenos:   13 Awesome Javascript CSS Menus

Via Anieto2k

40 pinceles de árboles para Photoshop

5 de Noviembre, 2007 | Archivado en: Diseño

pinceles arboles

Listos para descargar aqui

Via Xyberneticos

Recopilación de themes para tu wordpress

5 de Noviembre, 2007 | Archivado en: Diseño

Wordpress crystal

1blogtheme is a 3-column, blue-and-white theme with a minimalistic design.

BlueQ is a 2-column, dark theme with a very simple, clean layout.

Drifting is a 2-column, simple theme with light blue colors.

Homeschool is a 3-column theme designed specifically with homeschool blogs in mind.

Inele is a 2-column, professional-looking theme with white, yellow, and brown colors.

RedWave is a dark, 3-column theme with complementary red colors and a Web 2.0 design.

WPTG is a 3-column theme, blue-and-white theme that’s ready for Adsense.

bbPress Post automatically posts new blog entries as new threads in your bbPress forum.

Custom Query String Reloaded replaces Andy Beard’s Custom Query String UTW Edition which worked with pre-2.3 WordPress version and the UTW plugin.

WP Custom Title Colour gives you the ability to customise the title colour for any post via a panel in the sidebar of the write page.

WP-Debug uses the Krumo framework for debugging allows WordPress developers to see everything that’s going on behind the scenes.

WP DigiClock embed a flash digital clock into your wordpress blog, either in a post or page, or within your blog’s template (in the sidebar / header / footer etc.).

Dynamic Tags Widget takes all the categories from your blog and
automatically generates a dynamic 3-D tagfield.

Explore is a Windows Explorer-like plugin that is useful for navigating through sites that have a complex page hierarchy.

Get Recent Post from Feed creates a list of recent post from your other blog, not from current blog, useful for when you have a second blog you maintain.

Peter’s Collaboration Emails enables automatic e-mails to the relevant users when posts are pending and when they are approved.

Business Sense is a 2-column theme perfect for a business blog or site.

Extended is a 2-column theme with a Web 2.0 look and bright colors.

Fotosky is a 3-column theme with 3-column footer that features a clean and simple design.

Lizard is a new dark skin for the Shifter theme that allows you to choose between 4 page widths including fluid width

New Yorker is a 3-column, fluid, newspaper-style theme with lots of window dressing.

Tech Moz is a 2-column theme with beautiful lines and colors.

Bloomingday is a 3-column, green theme with flowery header.

Brownie is a 2-column theme with a header image guaranteed to tickle your sweet-tooth.

DGA Design 01 is a 2-column, Adsense-ready theme with blue color scheme.

Godfrey is a single-column, gray-and-red theme with custom shaped content areas and dual bottom information areas that display Recent Posts, Categories, Search Bar, Blogroll, and Meta Information.

InKarm is a 2-column theme with red, black, and white colors predominant.

Star’eve is a 2-column, dark theme with minimalistic design.

WordPreciousss is a 2-column, minimal theme that uses skins to change, layout, and format.

1 Blog Theme is a 3-column theme with horizontal menu and 3-column footer.

3MOS is a 2-column theme with orange background and collapsible header.

dfMarine is an attractive 2-column theme with 3-column header.

DivCubs is a 3-column, dark theme with a customizable About section in the sidebar.

Henrietta is a single-column theme with collapsible header that emphasizes your blog’s content.

LOTR Back to History is a 2-column theme with a Lord of the Rings design.

Mellowed is a nice 3-column theme with soft blues in the header and clean layout.

Shifter Fluid 180 is another 2-column theme that provides the option of switching which side your sidebar appears on.

Zen 8 is a 3-column, widget-ready theme with support for Adsense and SEO-optimization.

ApploPress is a 3-column, widget-ready theme with an Apple-like layout.

DIYTheme is a 3-column theme with seven different header images to choose from.

Funkey Curves is a 2-column theme with pastel colors and a curvaceous content area.

Magtastic is a 3-column theme with a newspaper/magazine-style layout.

Mimbo has been updated to add a number of new features, including a third column, widget support, and others.

Shifter is a 3-column, minimalist theme with sidebar columns that can shift sides.

Sport Fishing is a 3-column, widget-ready theme with a ‘fishy’ layout.

Designer Blue is a 2-column theme with blue colors and static background.

Pink Dots is a 2-column, pink theme.

The ProCut Theme Series is a set of a professional, light-weight themes designed for professional sites.

Serious Ric is a 2-column, dark theme with a smooth design.

Yves Saint-Laurent is a two-column, pink theme designed for the company’s launch of the new ‘elle’ fragrance.

Curved is a 3-column, widget-ready theme that sports a variety of features including Top Commenters, Frequent Tags, Twitter, among others.

Geek with Power is a 3-column, widget-ready theme with light colors and rounded corners.

Lovely Rose is a 2-column, fixed-width theme with beautiful header image and static background.

Minimalia is a single-column, minimalistic theme that requires the use of a couple of plugins, which are bundled with the theme.

ElegantBlue is a 2/3-column, widget-ready theme with support for tags and separated comments and trackbacks.

Integral is a 2-column with light green, blue, and white colors.

Jello Walla Mello is a news/magazine style theme with sub-page design for individual entries and separated comments and trackbacks.

Linear is a simple, gridded theme for WordPress. Also check out Overshadowed and Verso by the same designer.

Rihanna is a 3-column theme with lightweight design and built-in Flickr support.

sIMPress is a 3-column theme that is compatible with WordPress 2.3 and supports ads and SEO.

Tumblelog is another tumble-style theme that hugs the left side of the screen.

Widejournal is a 3-column theme built on Sandbox with support for tags.

Wine Cellar is a 3-column, widget-ready theme with support for tags.

72 Class is a 2-column, black-and-white, minimal theme.

Ali Nazik is a 2-column, black-and-white theme.

Dream in Infrared is a gorgeous theme with an elegant layout and support for WordPress 2.3 tags.

Missille is a 2-column theme with a custom logo.Newspaperize is a 3-column, widget-ready theme designed for news blogs and sites.

Nextgen is a 2-column, simple theme with soft, rounded corners. Also check out Flowery by the same designer.

Reverence is a 2-column theme with dark, rich colors.

PElegant is a 3-column theme with a basket weave background.

Ranting Pink is a 2-column theme designed for Pink for October.

Trevilian Way is a very sharp-looking theme with a magazine-style layout.

Vía Weblog Tools Collection 

Nueva galería de webs donde inspirarte

4 de Noviembre, 2007 | Archivado en: Diseño

galeria Onestargallery

¿Necesitas inspiración? Ahora tienes una nueva galería: Onestargallery donde podremos encontrar cantidad de sitios de gran calidad  de todas las partes del mundo.

Vía Xybernéticos

Recopilación de themes gratis para tu wordpress

29 de Octubre, 2007 | Archivado en: Diseño

1 Blog Theme es un tema desarrollado por Javier en 3 columnas, menú horizontal y un pie de tres columnas. Muchas opciones sin necesidad de plugins y disponible también castellano.

YoMel es un tema de 3 columnas con un diseño claro, soporte widget, válido para xhtml+css, y totalmente GPL.

3MOS es un tema de 2 columnas con fondo naranja y cabecera que se puede comprimir.

DivCubs es un tema de 3 columnas, colores oscuros y sección “Acerca de” personalizable en la zona de la barra lateral.

Henrietta es un tema de una sola columna con cabecera que se puede comprimir y haciendo énfasis en los contenidos del blog.

Mellowed es un bonito tema de 3 columnas con colores suaves azules en la cabecera y estilo.

Shifter Fluid 180 es otro tema de 2 columnas que ofrece algunas opciones adicionales para la barra lateral.

Zen 8 es un tema de 3 columnas, con soporte widget y soporte para Adsense y optimización SEO.Life in action es un tema de 2 columnas en blanco y negro, soporte widget y ancho fijo.

Peace on earth es un tema de 2 columnas con un diseño muy limpio en tonos tierra, válido para xhtml y css.

It-advance es un tema de 2 columnas muy futurista.

Softlight simple es un tema de 2 columnas muy organizado y claro.

DGAdesign es un tema con cabecera en azul, 2 columnas y soporte widget/adsense.

LOTR-back es un tema a 2 columnas con estilo de libro antiguo.

De La Creme - Travel Design es un tema de 2 columnas, en marrón y azul, soporte widget y ancho fijo. En italiano. Ver Demo.

dfMarine es un tema de 2 columnas para Wordpress.

ApploPress es un tema de 3 columnas, soporte widget y con un estilo Apple.

DIYTheme es un tema a 3 columnas con siete diferentes imágenes para elegir como cabeceras.

Funkey Curves es un tema de 2 columnas con colores pasteles y zona de contenidos a curvas.

Magtastic otro tema de 3 columnas con un estilo para revistas y periódicos.

Mimbo ha actualizado y añadiro algunas características, incluyendo la tercera columna, soporte widget  entre otras.

Shifter es un tema de 3 columnas, minimalistas y con la posibilidad de intercambiar la barra lateral.

Sport Fishing es un tema gratis a 3 columnas con soporte widget y estilo para la pesca. 

ExtJS como tema para WordPress: Este tema para Wordpress tiene una gran capacidad de opciones y diseño gracias a la librería ExtJS,

BlackEye es un tema de 2 columnas compatible con ajax, XHTML y CSS. Un diseño elegante y bonito.

Designer Blue es un tema de 2 columnas con colores azules y fondo estático.

1st Zaxioma es un sencillo tema de 2 columnas y sin imágenes para WP 2.3.

Pink Dots es un tema de 2 columnas en colores rosas.

The ProCut Theme Series es un conjunto de temas profesionales muy ligeros.

Serious Ric es un tema a 2 columnas, en colores oscuro y un diseño suave.

Yves Saint-Laurent es un tema de 2 columnas, en rosa y diseñado por una compania para lanzar una nueva fragancia. 

Via Carrero

5 reglas para facilitar la lectura de tu blog

25 de Octubre, 2007 | Archivado en: Diseño

En Alejandrosena publican un artículo muy util donde se analiza cómo facilitar la lectura de nuestros post a nuestros visitantes, mejorando así nuestra web, pues como deja bien claro este artículo: si bien el diseño de un blog es importante, el contenido aun lo es mas, y por tanto la forma de presentarlo debe ser nuestra principal preocupación:

El texto es una parte importante de un blog o sitio web, en algunos casos lo es todo y no podemos equivocarnos en su formato porque perderemos muchos lectores. El diseño de un blog puede ser feo gráficamente, pero si tenemos el texto bien formateado poco importa ya que lo principal es leer su contenido. Partiendo de esta base hay 5 reglas a cumplir a la hora de hacer un blog agradable a la vista y fácil de leer

Así que artículo de lectura obligada: 5 reglas para facilitar la lectura de tu blog

Via Xyberneticos