aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Hoy ha sido un gran día para los geek, y amantes de la telefonía movil, ya que el famoso y esperado iPhone ha salido a la venta en Estados Unidos. La verdad es que hay pocas cosas que comentar acerca de este gadget que no se haya comentado ya, por que la verdad es que no recuerdo una cobertura tan exagerada de algo en mi vida.

Fueras a donde fueras encontrabas algo referente a este dispositivo, aplicaciones que simulan su funcionamiento, aplicaciones exclusivas para él,… Y hoy, las primeras imagenes del interface del iphone, como era de esperar, el interface es sencillo, claro y completamente orientado al usuario. Quizas, a mi parecer, podría ser un poco más intuitivo en algunos puntos ya que no se diferencian los puntos en los que se efectuará una acción de donde no lo hará.

Esto, nos da lugar a tomar nuestras propias interpretaciones y extrapolar estas imagenes para conseguir una idea de como tendrían que ser nuestras aplicaciones web orientadas a este dispositivo.

Como podemos ver, necesitamos, espacios grandes para que nuestros dedazos puedan acertar con facilidad, ya que no disponemos de puntero (en la DS lo llaman Stylus) tendríamos que dejar espacio para las diferentes opciones. El tema del multitactil, puede ser un problema, ya que al hacer click sobre un elemento puede que interprete que estás ejecutandolo, aunque estés queriendo agrandar la sección, este problema lo tenemos los usuarios de Opera para NDS (Nintento DS).

¿Que os parece? ¿Que más tenemos que tener en cuenta para diseñar para este aparatejo?

Imagenes de Think Secret.

 

Con la aparición de la web 2.0 y la interacción por parte del usuario, sitios como youtube, del.icio.us, o los blogs se han convertido en una parte importante del movimiento que está acercando Internet al usuario. Y quizas el paso que faltaba por dar, para mejorar esta experiencia lo ha dado Sclipo.

Sclipo se trata del sitio web en el que usuario adquiere todo el protagonismo, y se convierte en autor, ya que mediante una serie de videos, podrá mostrar su habilidades y ayudar a otros usuarios con sus experiencias. En ella podemos encontrar muchas ayudas para nuestra vida cotidiana así como para cosas concretas.

Sin duda, un paso más en el concepto que debemos siempre tener en cuenta.

Gracias Luis por le aviso.

Si eres uno de los amantes de Twitter, hasta el punto de contarle más cosas de lo que haces que a tus padres, además de tener un problema :D, tienes la posibilidad de hacer que tu blog sea como los padres que nunca tuviste 😀

Sobran las palabras 🙂

[Descargar] [Demo]

Hoy leo en AlejandoSena.com un interesante artículo sobre como hacer que nuestro blog sea más legible para el usuario y nos explica 5 técnicas con las que podremos conseguir que nuestro blog (esto es aplicable a cualquier aplicación web) sea agradable a la vista e incite a leer. 

1. El contraste con el fondo
2. El tamaño de la tipografía
3. El espacio entre letras, palabras, líneas y parrafos.
4. El uso correcto de ayudas visuales como subrayado, negrita y colores.
5. La relación entre texto y su entorno. 

Desvariando a las 7:00 de la mañana me he encontrado con este artículo que nos explica como hacer que cada uno de nuestros posts sea diferente. Para ello usaremos una entrada en el meta del post en donde introduciremos la clase CSS que queremos que tenga dicho post. Esto es muy util para estos blogs que tienen además de mostrar diferentes posts por categorías, quieren hacer que cada post tenga un aspecto personalizado.

¿Como?

El como, es realmente sencillo, simplemente tendremos que buscar la estructura de nuestros posts dentro del Loop de WordPress, que en el theme kubrick es exactamente así:

<div class="post" id="post-<?php the_ID(); ?>">
	<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
	<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
	<div class="entry">
		<?php the_content('Read the rest of this entry &raquo;'); ?>
	</div>
</div>

Una vez localizada la estructura procedemos a su modificación, y para conseguir el efecto que buscamos, usaremos get_post_meta() que se encarga mediante un par de parámetros devolver los valores almacenados para un post en concreto.

<?php echo get_post_meta($post->ID,'post', true) ?>

Osea, nos ha de quedar una cosa similar a esta.

<div class="<?php echo get_post_meta($post->ID,'post', true) ?>" id="post-<?php the_ID(); ?>">
	<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
	<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
	<div class="entry">
		<?php the_content('Read the rest of this entry &raquo;'); ?>
	</div>
</div>

Como podemos ver ahora estaremos usando el valor almacenado en el campo “post” del meta de nuestro post. Y de esta forma solo nos queda, crear la clase CSS que albergará los estilos propios de dicho post e ir introduciéndo este campo en el meta de nuestros posts.

Interesante video en el que nos muestra una comparativa bastante espectacular sobre el nuevo producto de Microsoft y el nuevo Beryl sobre Ubuntu.

¿Con cual te quedas?