Chris Coyier is a web designer from Madison, Wisconsin currently living in Portland, Oregon and working for Chatman Design.

Name: Chris Coyier
Age: 28
Location: Portland, Oregon
Website: CSS-Tricks

1. How you come into the world of web design?

Through desire, pretty much. I went to college for Graphic Design but was always fascinated by the web. My first site, other than college stuff, was attempting to build a website for the bluegrass band I was in, in and after college. It went through version after version as I was having so much fun building for the web. I started my own blogs and then got all into blogging and picking up freelance jobs and it just grew and grew from there.

2. Was it difficult to start?

Not really. There wasn’t any pressure on me when I was just beginning since I was just doing it for myself. Challenging and frustrating at times, sure.

3. Are you currently working for any design companies or are you
freelancing full time now?

I currently work for Chatman Design, a small design company in Madison, Wisconsin. I stay away from freelance as much as I can, as I stay busy enough with all my other projects it’s just too stressful.

4. How could you define the evolution of Woork?

I know that I’m still far from being a “great” designer, but I know the better I get and the more mature of a designer I become, the more I appreciate the clean and simple.

5. How much time a day do you dedicate to work on your blog?

I work for the day job 8-9 hours a day and probably 4-6 hours additional on my own stuff, then ideally I have more time on the weekends for my own stuff if I don’t have plans. Too damn much, but it’s enjoyable. It’s kind of my career as well as hobby, which I’m not sure is entirely healthy.

6. Do you think Mac is better than PC’s for design and programming?

Yes.

7.What do you do on your spare time apart from the blog?

I play the banjo, mandolin, and guitar. I love old time music. I try to go to see as much of it as I can and stay in practice. I’d love to be in a band again in time.

8. In your opinion, how will be the future of web design?

Web design will be a major profession for a long long time to come I think. Slow and steady, standards will evolve, browsers will get better, the internet will get faster, new technologies will come along. It’s a bright place now with an even brighter future. Very exciting.

9. Which advices would you give to all those bloggers who are starting?

Write with voice. Do research. Have opinions that you really believe in. Proofread. Don’t do roundups.

10. Finally, what do you think it must be the key to achieve success in the area of web design?

Fundamentals. Having a good eye for design is worth more than knowing all the fancy tricks in the book.

A very sincere thanks to Chris for that interview. If you don’t know his blog, please visit CSS-Tricks.

Today, I’m going to show you how to display your followers in plain (and full) text mode.

The first thing to do is to find your functions.php file. It must be in your WordPress blog theme folder. If funtctions.php don’t exists you can create it.

Then, you only have to paste the following .php code on the functions.php file:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

function string_getInsertedString($long_string,$short_string,$is_html=false){
  if($short_string>=strlen($long_string))return false;
  $insertion_length=strlen($long_string)-strlen($short_string);
  for($i=0;$i<strlen ($short_string);++$i){
    if($long_string[$i]!=$short_string[$i])break;
  }
  $inserted_string=substr($long_string,$i,$insertion_length);
  if($is_html && $inserted_string[$insertion_length-1]=='<'){
    $inserted_string='<'.substr($inserted_string,0,$insertion_length-1);
  }
  return $inserted_string;
}
 
function DOMElement_getOuterHTML($document,$element){
  $html=$document->saveHTML();
  $element->parentNode->removeChild($element);
  $html2=$document->saveHTML();
  return string_getInsertedString($html,$html2,true);
}
 
function getFollowers($username){
  $x = file_get_contents("http://twitter.com/".$username);
  $doc = new DomDocument;
  @$doc->loadHTML($x);
  $ele = $doc->getElementById('follower_count');
  $innerHTML=preg_replace('/^< [^>]*>(.*)< [^>]*>$/',"\\1",DOMElement_getOuterHTML($doc,$ele));
  return $innerHTML;
}
</strlen>

Then, simply paste the following “function call” anywhere on your theme files; on your sidebar for example. Just replace YOUR_USER_NAME with your Twitter username.

1

< ?php echo getFollowers("YOUR_USER_NAME")." followers"; ?>

It include a Facebook-like Post-to-Wall, search box, forms, icons, sliders and other useful resources.

1. Post-to-Wall

A useful script that emulates the behaviour of Facebook’s Wall. Programed in PHP and jQuery by Antonio Lupetti of Woork Up.

Direct Link: How to implement a Post-to-Wall Facebook-like using PHP and jQuery

2. Facebook-like Forms

Fresh forms developed myself that emulates Facebook registration form. Developed in CSS and HTML using label and input tags.

Feel free to use them for everything you can imagine.

Direct Link: Formulario estilo Facebook

3. Faceboox Search

This autosuggest search engine is inspired from facebook for design,
use jQuery as ajax framework and BSN Autosuggest libs.

Features :
- Autosuggest and ajax support
- Support search plugins
- Support cache
- Cross Browser support ( IE > 5.5, FireFox, Safari, Opera )

Direct Link: Faceboox Search

4. Facebook Pagination

This script is a Facebook-like, unobrusive ajax pagination for will_paginate for jQuery.

Direct Link: Facebook Pagination

5. Typsy

This script is a jQuery for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.

Direct Link: Typsy

6. Facebook Aplication Icons

This collection contains 28 free facebook application icons in a high resolution .PNG and .SVG format.

Direct Link: Free Facebook Application Icons in Vector format

7. Facebook sliders

David Walsh has created a very simple slider system Facebook-like that allows a user to modify the height, width, and opacity of an image using just sliders.

Direct Link: Facebook Sliders With Mootools and CSS

8. Facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

Direct Link: Facebox

9. Textbox List

TextboxList is a MooTools script similar to Autobox for jQuery. This script turns normal textboxes into a widget which can be navigated with the keyboard, effectively turning your input into a list of items that can be easily deleted. It comes with an Autocomplete plugin.

Direct Link: Textbox List

10. Gmail/Facebook Style jQuery Chat

This Gmail/Facebook Style jQuery Chat Module enables you to seamlessly integrate Gmail/Facebook style chat into your existing website.

This chat script can be used for free under LGPL-style license for non-commercial purposes. However, you need to purchase a license for commercial purposes.

Direct Link: Gmail/Facebook Style jQuery Chat

The Social Network Icon Pack consists of 40+ 16 pixel x 16 pixel icons and 40+ 32 pixel by 32 pixel icons all in 32-bit PNG format in the following flavors:

The Social Network Icon Pack was designed by Komodo Media and is licensed under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.

Direct Link: The Social Network Icon Pack

I’d like to make or create a community where everybody could collaborate and opinate.To reach this objective I need your help.

New structure and design

In first place I’d like to change the template and structure of the blog. Obviously, the philosoplhy will be the same and it will be focused mainly in Apple, Web design and inspiration.

Through your comments I’ll develop a brainstorming where all of you can participate.

Feel free to give me any idea.

Less amount of news, more quality and in English

Firstly, I’d like to publish at least once a day. More detailed, documented and with graphic examples. According to my job and studies I will try to maintain at least 4 or 5 new posts weekly.

Community news

This is one of the innovations. All of you will be able to send me your own news, which I’ll link and publish through this site.

Interviews

As it happened before, when I made only two interviews, I would like to dedicate part of this blog to interview important people related to the world of design. It will certainly be very interesting, both for me and for you.

Who would you like me to interview?

Don’t be shy and show your own ideas, whatever they are.

Millions of thanks!

Link: Free Hand Drawn Doodle Icon Set for Bloggers

This article is a compilation of 14 must subscribe design blogs, also feel free to subscribe to my RSS feed.

1. SmashingMagazine

2. Woork Up!

3. Web Designer Wall

4. Pro Blog Design

5. Blog SpoonGraphics

6. DeisgnMag

7. SixRevisions

8. Web Design Ledger

9. Instant Shift

10. BittBox

11. You The Designer

12. Hong Kiat

13. Lee Munroe

14. Noupe

Esto no es una ciencia exacta y, por supuesto, la mejoría no va a ser instantánea.

1. Planifica tu trabajo y márcate metas

Lo más importante es ser constante, debemos escribir siempre que podamos. No es necesario escribir una entrada cada día, 2 o 3 es suficiente para mantener una página actualizada.

Esto no siempre es posible, pero no debemos descuidar nuestras páginas ya que nuestros lectores más fieles dejarán de serlo.

2. Promociona tus contenidos en sitios relacionados con la temática de tu página

Existen muchas comunidades que promocionan, de una forma sencilla, los enlaces que tu les propongas. Esto puede ser muy beneficioso ya que, los miembros de la comunidad estarán al tanto de las actualizaciones de tu sitio y esto repercutirá positivamente en el tráfico de tu página web. Cada vez que escribas una entrada envíala a alguna de los sitios que te propongo a continuación:

- Reddit, permite publicar enlaces que a la postre serán puntuados por los miembros de la comunidad.
- Mixx, del estilo de Reddit.
- DZone, muy parecido a Mixx, pero se centra en el diseño y desarrollo web.
- MyBlogLog, permite crear una comunidad entorno a nuestro blog.

Las joyas de la corona, por ellas deben pasar todos tus enlaces, aumentarán en mayor o menor grado tus visitas según la calidad de tus post (esto depende de ti).

- Envía tus post a Digg, cuantos mas amigos activos tengas, más visitas y votos recibirás.
- No te olvides de Delicious, puede ser un poderoso aliado, por él pasan casi todas las direcciones de internet.

3. Publica tus enlaces en redes sociales y de microblogging

Es muy importante que tengamos a nuestros seguidores y amigos al tanto de nuestra actividad. Si cada vez que publiquemos un artículo avisamos por medio de redes sociales como Facebook y de microblogging como Twitter o FriendFeed tendremos a mucha gente al tanto de nuestros avances.

4. Respecto a los suscriptores

Ellos son una pieza muy importante en el engranaje de tu página web, al fin y al cabo escribes para ellos, y eso debe notarse.

- Destaca los botones de sindicación RSS para que tus lectores no pierdan tiempo en buscarlo.
- Pide a tus lectores que se sindiquen, aunque parezca una tontería, más de los que crees te harán caso.
- Coloca varios enlaces para que se suscriban.

5. Coloca botones de otros servicios en tus post

Esto es muy importante, de esta forma le pondrás las cosas mucho más fáciles al lector a la hora de enviar tu enlace a otros servicios (echarle un vistazo a este artículo, de cómo socializar vuestro sitio). Se ha demostrado, que es mejor colocarlo al final del artículo.

Podéis ver un ejemplo a continuación:

Espero que estos consejos os sirvan de ayuda. Suerte!

No voy a hablar de cuantos discos ha vendido, de cuantos millones de dólares ha despilfarrado, ni si quiera de sus excentricidades (como el cambio del color de su piel). Y, por supuesto, no voy a debatir si se acostaba o no con menores.

En esta entrada quiero hablar de uno de esos “héroes” que tenemos cuando somos pequeños. Michael Jackson era uno de los míos, sin duda mi cantante preferido durante gran parte de mi vida.

Crecí con sus canciones, con su película (Moonwalker) para pasar posteriormente a ser un juego que no podía faltar en mi consola, una SEGA Megadrive. Todo lo que rodeaba a Michael en esa época era fantasía, vivía en su casa con un parque de atracciones, cada canción o disco que sacaba era un número uno, la gente le adoraba y encima ganaba dinero.

Con el paso del tiempo empezaron a gustarme otros grupos y tipos de música, pero las canciones de Michael nunca pasaron desapercibidas para mi (aun conservo CDs y Cassettes suyos).

Cuando se anuncio que iba a dar 50 conciertos, como “despedida”, sus canciones volvieron a mi biblioteca musical.

Ayer, el niño que nunca quería hacerse mayor, mi héroe de la infancia, se desvaneció, las letras de las canciones nunca lo harán. Recordémosle por sus virtudes y no por sus defectos.

¡ D.E.P. Michael !

A continuación os dejo una pequeña introducción a esta idea y os explico los procedimientos a seguir para empezar a ¡intercambiar!

¿Qué ganamos con esto?

Este tipo de “intercambio” atraerá mas gente a los sitios de cada uno. Esto dependerá de la cantidad de tráfico que tenga cada página.

El objetivo es aumentar la popularidad web (de ambos) en buscadores, y mejorar nuestro posicionamiento en buscadores. Hay muchas formas de progresar y el intercambio de enlaces es uno de sus complementos.

¿Qué aspectos hemos de considerar antes de enviar un enlace?

- Tu página web debe ser activa. Ya sea un blog, un portafolio o una página web, tu web ha de actualizarse periódicamente y llevar un cierto tiempo en línea.

- Asegúrate de que tu página web tiene la misma temática (o parecida) que la de este blog.

- El intercambio será 1 a 1, es decir, las dos partes nos comprometemos a tener el enlace de la otra visible.

¿Cómo hago para que mi enlace aparezca en la lista?

Para que tu enlace aparezca listado, tan solo tienes que dejarme un comentario a esta entrada o bien enviarme un correo electrónico a dako.davinci@gmail.com, indicando los siguientes datos:

- URL del tu página web.
- Nombre y descripción de tu página web.

Espero que esta idea os haya resultado interesante, ahora os toca a vosotros enviarme vuestros ¡enlaces!

Si algo caracteriza a este script es su sencillez y capacidad de adaptación total con nuestras plantillas HTML.

Podéis ver la demostración del script, descargarlo o seguir leyendo el artículo para conocerlo un poco más a fondo.

DemostraciónEjemplos

DescargaArchivo ZIP

Este script es realmente sencillo de utilizar. Tan solo tendremos que subir a nuestro servidor los archivos, contenidos en el .zip, y cambiar las rutas que sean necesarias en la hoja de estilos.

Una vez que hemos realizado estos cambios, utilizaremos el script de la siguiente manera:

<head>
  <script src="jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
  <script src="iphone-style-checkboxes.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />
  <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      $(':checkbox').iphoneStyle();
    });
  </script>
</head>
</html>

El script, como ya he dicho, viene muy completo. Nos permite modificar el texto que se muestra en los checkbox:

- checkedLabel texto que se muestra en estado de “on”. Por defecto: ON
- uncheckedLabel texto que se muestra en estado de “off”. Por defecto: OFF

Por ejemplo:

$(':checkbox').iphoneStyle({
  checkedLabel: 'YES',
  uncheckedLabel: 'NO'
});

En esta recopilación se presentan nuevas tipografías como son: Chunk, Titilium, Amputa Bangiz, Serif Beta, Quatro, Rough Draft y Comfortaa. Además toman otras de recopilaciones publicadas anteriormente.

Nos recuerdan que leamos las condiciones y la licencia de uso, de cada fuente, antes de utilizarlas en nuestros proyectos.

Enlace: Beautiful High-Quality Free Fonts For Your Designs

Esta función no nos permite utilizar HTML muy avanzado, pero si declaraciones básicas que nos ayudara a confeccionar unos e-mails más elegantes.

Para enviar un e-mail mediante PHP tan solo tendremos que hacer uso de la función mail(), de la siguiente forma:

mail($destinatario, $asunto, $mensaje, $headers);

El último parámetro, $headers, no es necesario para que la función mail() funcione, pero si lo es para enviar correos HTML y que el cliente de correo analicen el mismo con formato HTML.

$destinatario = 'correo@destinatario.com';
$asunto = 'Tu Asunto';
 
$headers = "From: " . strip_tags($_POST['req-email']) . "\r\n";
$headers .= "Reply-To: ". strip_tags($_POST['req-email']) . "\r\n";
$headers .= "CC: Con Copia\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";

Ahora, en el cuerpo del mensaje, podremos hacer uso de algo similar a:

$mensaje = '<html><body>';
$mensaje .= '<h1>Hola Mundo</h1>';
$mensaje .= 'Este es mi primer <i>e-mail</i> utilizando HTML.';
$mensaje .= '</body></html>';

Vía: Sending Nice HTML Email with PHP

FeedBurnerCount es un plug-in, muy optimizado, que se conecta con el API de FeedBurner, tomando el número de suscritos de un feed para después imprimirlo en texto totalmente plano.

Características

- Fácil de instalar y configurar
- Se utiliza pegando la función echo fbc_count() en nuestra plantilla.
- En caso de que el plug-in no sea capaz de conectarse con el API de FeedBurner podremos modificar el texto por defecto que se mostrará.
- Podremos elegir el rango de días a mostrar, por ejemplo los últimos 30.

Instalación

- Activaremos nuestro API de FeedBurner a través de nuestra cuenta en la sección Publicize
- Subiremos el archivo feedburnercount.php a nuestro directorio de plug-ins /wp-content/plugins/
- Activaremos el plug-in en el menú Plugins de WordPress
- Ajustaremos nuestras preferencias en el menu de Opciones de WordPress
- Por último imprimiremos el contador de lectores en nuestra plantilla, mediante echo fbc_count()

Sin duda, una sencilla manera de cambiar un poco de tónica y mostrar nuestros lectores de una forma diferente a la que lo hacen la mayoría de los blogs.

Descarga: FeedBurnerCount

En este artículo, original de SmashingMagazine, os mostraré 6 formas de modificar el loop de WordPress para hacer de nuestros blogs más poderosos.

1. Obtener un post definido entre dos fechas

Simplemente tendremos que sustituir las fechas deseadas, conservando el formato AÑO -MES – DÍA, en este código:

1
2
3
4
5
6
7
8
9
10
11
12

<?php
  function filter_where($where = '') {
        $where .= " AND post_date >= '2009-03-17' AND post_date <= '2009-05-03'";
    return $where;
  }
add_filter('posts_where', 'filter_where');
query_posts($query_string);
while (have_posts()) :
      the_post();
      the_content();
endwhile;
?>

2. Utiliza más de un loop por página sin que se dupliquen tus post

Empecemos por el primer loop. Lo primero que deberemos hacer es introducir esté código en nuestro apartado de noticias destacadas. Este mostrará los 8 post más recientes.

1
2
3
4
5
6
7
8
9

<?php
query_posts('showposts=8');
$ids = array();
while (have_posts()) : the_post();
$ids[] = get_the_ID();
the_title();
the_content();
endwhile;
?>

Ahora aplicaremos este otro código en nuestro segundo loop, mostrará todos los post sin incluir los mostrados en nuestro primer loop:

1
2
3
4
5
6
7

<?php
query_posts(array('post__not_in' => $ids));
while (have_posts()) : the_post();
the_title();
the_content();
endwhile;
?>

3. Insertar publicidad después del primer post

Muy sencillo de aplicar, tan solo tendremos que pegar el siguiente código en el loop y añadir nuestra publicidad en la línea 6:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<?php if (have_posts()) : ?>
<?php $count = 0; ?>
<?php while (have_posts()) : the_post(); ?>
<?php $count++; ?>
  <?php if ($count == 2) : ?>
          //Pon aquí tu publicidad
          <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
          <?php the_excerpt(); ?>
   <?php else : ?>
          <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
          <?php the_excerpt(); ?>
  <?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

4. Obtener un post de un campo personalizado con un valor específico

Pegaremos este código en el loop y modificaremos los valores del meta_key (campo) y del meta_value (valor del campo) por los deseados.

1
2
3

<?php query_posts('meta_key=KEY&meta_value=VALUE');  ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

5. Lista de próximos post

Este sencillo código mostrará los post que tengamos marcados para que sean publicados en una determinada fecha (opción de WordPress). Podremos modificar el número de post que queramos mostrar modificando el valor del showposts por el que deseemos.

1
2
3
4
5
6
7

<?php query_posts('showposts=10&post_status=future'); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
		<h2><?php the_title(); ?></h2>
		<span class="datetime"><?php the_time('j. F Y'); ?></span></p>
<?php endwhile;
else: ?><p>No future events scheduled.</p>
<?php endif; ?>

6. Mostrar post publicados hace un año

El código toma la fecha actual y busca en la base de datos referencias de hace justamente un año. Muy útil para blogs con cierta antigüedad.

1
2
3
4
5
6
7
8
9
10
11

<?php
$current_day = date('j');
$last_year = date('Y')-1;
query_posts('day='.$current_day.'&year='.$last_year);
if (have_posts()):
    while (have_posts()) : the_post();
       the_title();
       the_excerpt();
    endwhile;
endif;
?>

En el artículo original de SmashingMagazine muestran 4 formas más de modificuar nuestro loop de WordPress, podeis echarle un vistazo en el siguiente enlace.

Enlace: 10 Usefull WordPress Loop Hacks

Desde Intenta podemos leer:

Existen varias técnicas que usan PHP para optimizar los ficheros CSS y reducir el número de peticiones HTTP en el caso de que dispongamos de varios. La siguiente técnica es una variación de la de Reinhold Weber. Los CSS son incluidos pero no son eliminados los espacios en blancos, lo que facilita la depuración y el acceso al contenido mediante herramientas como Firebug.

Gracias a este código podremos comprimir nuestros archivos CSS de manera considerable, hasta 3 veces su valor original. Muy útiles para hojas de estilos muy densas.

<?php
if(extension_loaded('zlib')){
   ob_start('ob_gzhandler');
}
header ("content-type: text/css; charset: UTF-8");
header ("cache-control: must-revalidate");
$offset = 60 * 60;
$expire = "expires: " . gmdate ("D, d M Y H:i:s", time() + $offset) . " GMT";
header ($expire);
ob_start("compress");
function compress($buffer) {
   // remove comments 
  $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
  return $buffer;
}
 // list CSS files to be included
include('baseline.css');
include('styles.css');
 
if(extension_loaded('zlib')){
ob_end_flush();
}
?>

Enlace: Use PHP to Gzip and Optimize CSS Files
Vía: Usar PHP para comprimir ficheros CSS

Si conocéis alguna aplicación interesante que no haya mencionado, por favor, dejarme un comentario en esta entrada.

1. Qumana

Qumana es una aplicación que nos permite publicar contenido en un gran número de blogs. Entre sus funciones podemos destacar: gratuita, edición total sin conexión a internet, soporte para varios blogs, inserción de imágenes, corrección ortográfica, multiplataforma y opción de tags para Technorati. Además dispone de una amplia documentación que nos ayudará a resolver cualquier problema.

Enlace: Qumana

2. Mars Edit 2

Mars Edit 2 es otra aplicación que nos permite publicar contenido, en nuestros blogs, desde nuestro escritorio. Tiene un interfaz más agradable que el de Qumana pero no es gratuita, aunque podemos descargarnos la versión de prueba de 30 días. Solo disponible para Mac.

Enlace: Mars Edit 2

3. Windows Live Writer

Esta aplicación de Microsoft, llamada Writer, nos facilita el compartir fotos y vídeos en prácticamente en todos los servicios de blog: Windows Live, Wordpress, Blogger, Live Journal o TypePad. La mayor pega que podemos sacarle es que solamente está disponible para los sistemas operativos de Microsoft. Es gratuito.

Enlace: Windows Live Writer

4. W.Bloggar

W.Bloggar es una buena opción para los bloggers que trabajen con sistemas operativos de Microsoft. Es totalmente gratuita y tiene soporte para varios idiomas (inglés, brasileño, alemán, español y francés ). Goza de multitud de funciones que nos ayudarán a publicar noticias de forma rápida y eficaz.

Enlace: W.Bloggar

5. BlogDesk

BlogDesk también necesita plataforma Windows para funcionar. Una sencilla aplicación disponible en varios idiomas y que viene optimizada para sistemas WordPress, MovableType, Drupal, Serendipity y ExpressionEngine. Es totalmente gratuito y libre de cargos.

Enlace: BlogDesk

6. Raven

Esta aplicación desarrollada por Zoundry es capaz de publicar en prácticamente todas las plataformas de blogs existentes. Gratuita y disponible solamente para Windows.

Enlace: Raven

7. Ecto

Poderosa, fácil de usar, sexy, popular… así es como describen a Ecto sus propios desarrolladores. Capaz de soportar la inmensa mayoría de sistemas de blogs existentes, realmente es fácil de usar y mejorará mucho nuestro flujo de trabajo a la hora de escribir un post. Es gratuita y solo está disponible para Mac.

Enlace: Ecto

8. Flock

Flock, el navegador social, nos ayudará en el mantenimiento de nuestros blogs permitiéndonos postear directamente desde el propio navegador. Capaz de integrarse con nuestra cuentas de Delicious, Facebook, Flickr, StumbleUpon, YouTube o Twitter. Gratuito, multiplataforma y traducido a muchos idiomas.

Enlace: Flock

9. WordPress Notifier

WordPress Notifier es una pequeña aplicación que se integra con nuestra sistema WordPress, permitiéndonos moderar los comentarios directamente desde el escritorio de Mac. Podemos configurar la frecuencia con la que nos muestra l as notificaciones y si queremos que muestre dichas notificaciones con Growl.

Enlace: WordPress Notifier

10. Moderator

Fantástica aplicación de escritorio, desarrollada para Adobe Air, que nos permite ver y moderar los comentarios de nuestro blog. Consta de un sistema de notificaciones. Nos permite editar, borrar y marcar como spam los comentarios. Muestra los avatares de Gravatar de quién ha posteado. Es gratuita y multiplataforma.

Enlace: Moderator

Hi I’m Lee and I design beautiful websites that work. My goal is to make your website easy to use and convert potential customers into new customers.

Nombre: Lee Munroe
Edad: 24
Localización: Belfast, Reino Unido
Sitio web: LeeMunroe

1. ¿Cómo entraste en el mundo del diseño web?

Un día perdí el autobus de la escuela, así que me fui a casa e hice mi primera página web. Creo que tenía 13 o 14 años (de eso hace 10 años).

2. ¿Fueron dificiles tus comienzos

Si y no. Estuve usando Geocities, era una página llena de gifs animados e imágenes con copyright, así que no lo estaba haciendolo muy bien. Mi primera página web fue un sitio sobre la WWF (ahora WWE) y tenía muchas tablas :)

3. ¿Por qué decidiste crear tu propia compañía como freelance?

Hacerse freelance es la progresión natural después de la universidad. Basicamente era freelance mientras estaba en la Uni, cuando todabía no me había graduado y luego en el Master, así que cuando terminé tenía unos cuantos clientes y contactos, y trabajo suficiente para mantenerlo.

4. ¿Como definirías tu evolución como diseñador?

Hmm… ¿cuál es la mejor forma de responder esto?
código horrible/gráficos horribles -> código horrible/buenos gráficos/interacción con el usuario -> buen código/buenos gráficos/interacción con el usuario -> buen código/buenos gráficos/experiencia de usuario
¿Esto tiene sentido?

5. ¿Cuánto tiempo le dedicas al día a tus proyectos?

Normalmente dedico al menos 3 días/semana para los proyectos de mis clientes y dos días para los personales. Asumiendo que le dedico 8 horas al día y a veces también trabajo por las noches. Me pasaré 12 horas diarias en Internet, que incluye el trabajo, la comunicación, la lectura, etc

6. ¿Piensas que los Mac son mejores que los PC’s para diseñar y programar?

Sin duda! Me pasé a Mac hace más o menos un año y me he olvidado de lo anterior. Mejor entorno, mejor acabado, mas eficiencia, menos problemas… la lista no tiene fin :D

7. ¿A qué te gusta dedicar el tiempo libre?

Hacer ejercicio, jugar al fútbol, salir con mi novia y mis amigos, ir al cine, cervezas, jugar a la Xbox, correr (acabo de correr el Maratón de Londres), ir a escalar, jugar al golf. Y, por supuesto, parte de mi tiempo libre lo dedico a internet.

8. ¿Cual crees que será el futuro del diseño web?

Quién sabe, siempre está cambiando. Aunque en los útimos años las cosas son mucho mas ‘limpias’ en lo que a interfaz gráfico se refiere, son mas minimalistas y mas convencionales. Algo que considero bueno de cara al usuario.

9. ¿Qué consejos le darías a los bloggers que estan empezando?

Si solo estas empezando con un blog, mi consejo sería que te centres en un tema. Yo, por ejemplo, dedico un 80% a temas de diseño y quizás un 20% a lo personal.

Escribe párrafos cortos, subtítulos, listas, texto en negrita (echale un vistazo a este enlace http://www.problogger.net/archives/2006/02/20/scannable-content/).

Se constante, escribe una vez cada lunes o 3 veces por semana y tómatelo como una rutina. Escribe sobre algo que te apasione.

10. ¿Cuál consideras que es la clave para conseguir el éxito en el area del diseño web?

La clave es la experiencia de usuario. No importa como sean o como funcionen, la gente necesita disfrutar cuando está en una página y ser capaces de encontrar lo que buscan de forma sencilla.

Gracias a Lee por esta entrevista. Si no conoces su trabajo, visita LeeMunroe y su blog.

Hi I’m Lee and I design beautiful websites that work. My goal is to make your website easy to use and convert potential customers into new customers.

Name: Lee Munroe
Age: 24
Location: Belfast, United Kingdom
Website: LeeMunroe

1. How you come into the world of web design?

Missed the bus to school one day so went home and made my first website. I think I was 13 or 14 (10 years ago).

2. Was it difficult to start?

Yes and no. I was using Geocities and was just firing a load of animated gifs and copyrighted images onto a page, so I wasn’t exactly doing it right. My first site was a WWF site (now WWE) using a lot of tables :)

3. Why did you decide to create your own company as freelancer?

Freelancing was the natural progression from University. Basically I freelanced while at Uni, through undergraduate and then Masters, so coming out I had quite a few clients and contacts and had enough work to keep at it.

4. How could you define your evolution as designer?

Hmm… how’s the best way to answer this?
Horrible code/horrible graphics -> horrible code/nice graphics/user interaction -> nice code/nice graphics/user interaction -> nice code/nice graphics/user experience
Does that make sense?

5. How much time a day do you dedicate to work on your projects?

I usually dedicate at least 3 days/week to client projects and then 2 days personal. That’s assuming an 8 hour day although I usually work into the night too. I would spend maybe 12 hours a day on the internet, which includes working, communicating, reading etc.

6. Do you think Mac is better than PC’s for design and programming?

Definitely! Switched to the Mac about 1 year ago and haven’t looked back. Nicer environment, get a lot more done, more efficient, less problems… the list is endless :D

7. What do you do on your spare time?

Workout, play football, hang out with girlfriend/friends, cinema, pints, play the Xbox, run (just ran the London Marathon), go rock climbing, play golf. And of course a lot of my ’spare time’ is spent online.

8. In your opinion, how will be the future of web design?

Who knows, it’s always changing. Although in recent years things have got a lot ‘cleaner’ in that graphical interfaces are getting more and more minimal and more and more conventional and I think this makes things more user friendly.

9. Which advices would you give to all those bloggers who are starting?

If you’re just starting to blog my advice would be to try and keep your blog focused on 1 topic, for example mine is 80% focused on design topics and maybe 20% personal.
Write for the web i.e. short paragraphs, sub headings, lists, bold text (see http://www.problogger.net/archives/2006/02/20/scannable-content/)
Write on a regular basis e.g. once every Monday or 3 times a week and try to stick to it
Write what you’re passionate about.

10. Finally, what do you think it must be the key to achieve success in the area of web design?

User experience is the key. It doesn’t matter how it looks or how it operates, people need to enjoy themselves when they’re on a site and be able to find what they’re looking for with minimal thought.

Very sincere thanks to Lee for that interview. If you don’t know about his work, please visit LeeMunroe and his blog.

Lo que hoy os presento es una lista de 25 iconos que, por un motivo u otro, me han cautivado.

Si conoces algún otro set de iconos, que no esté en esta colección, déjamelo en un comentario a esta entrada y le echaré un vistazo.

1. Function App Icon Set

2. Coquette Part 4 Icons

3. 20 Free Blockie Icons

4. Grace Icons

5. Baggy Icon Sets

6. Project Icon Set

7. Hand-drawn vector arrows

8. WP WooThemes Ultimate Icon Set

9. Social Bookmark Sketchy Icons

10. Onebit

11. Web Injection

12. Free icon set from CSSGlobe

13. Handycons

14. Office Space Icon Set

15. Light Icon Set

16. Sticker Pack

17. Sketchy Paper Icon Set

18. Web Development Icons

19. Monofactor Free Vector Icon Set

20. Free Web Applications Icon Set

21. Round theme icons

22. Old-School Icon Set

23. Canon 400D + lens 17-85mm

24. Retrofukation

25. 32px Mania Icon Set