En unas cuantas ocasiones ya escribí aquí sobre el tema de los navegadores y el gran problema que resulta para los desarrolladores web que muchos usuarios sigan usando Internet Explorer en general y su versión 6 en particular así como versiones anticuadas de otros navegadores. Seguiré haciéndolo hasta que se solucione, a ver si a base de repetirlo muchas veces vamos consiguiendo entre todos que los usuarios de Internet se conciencien.
Pushup es otra iniciativa que viene a intentar echar un poco de luz sobre el asunto. Se trata de un código javascript, que una vez instalado en nuestra web/blog, mostrará un mensaje emergente en la esquina superior derecha de la pantalla de los visitantes que estén viendo nuestro sitio con alguna versión antigua de InternetExplorer, Firefox, Safari u Opera. La instalación es extremadamente fácil y el mensaje nada molesto estando visible solamente unos segundos.
El recuadro emergente muestra un mensaje por ...
Está muy de moda actualmente ver blogs de nueva creación o que se remodelan y deciden adoptar una plantilla estilo magazine que permiten, entre otras cosas, mucha más versatilidad a la hora de presentar el contenido, además de que cada día es mayor la oferta en este tipo de themes debido al aumento de su uso. Pero no para todos los casos es factible aplicar ese tipo de distribución, hace falta tener varios puntos en cuenta antes de adoptar un diseño estilo magazine. Desde Vandelay nos dan pros y contras de este tipo de theme que paso a traducir de forma escueta. Para leerlo en su totalidad acceder al artículo original:
Pros:
- Ideales para sitios que no solamente son blogs. Una revista por ejemplo.
- Dan a un blog aspecto de sitio “más grande”
- Se muestra más contenido en menos espacio
- Se gestionan mejor las categorías
- Mejora el control sobre los contenidos
- Se maneja mejor grandes cantidades de ...
Smashing magazine sigue con sus artículos de alto valor formativo, en este caso analizan 50 de los blogs más conocidos a nivel mundial en busca de respuestas a puntos concretos de sus diseños. Suele darse que si un blog arrastra un importante chorro de usuarios, no solamente su contenido será de alto nivel, si no que su diseño también será sólido y muy pensado.
Basándose en esa premisa, que no siempre se cumple por otro lado, contestan con porcentajes y reflexiones a preguntas tan interesantes como cuantas columnas usar en un layout, centrar el diseño o alinearlo a la izquierda, cuantos caracteres por línea o tamaño de fuentes en titulares y textos. Comentan que el objetivo del artículo no es el de que una vez leído nos pongamos a seguir lo analizado al pie de la letra para nuestros diseños, es un extenso análisis del que podemos sacar conclusiones, pero no ...
El acceder a la web vía dispositivos móviles es cada vez más común entre los usuarios, aún más a partir de la presentación del iphone que mejora en mucho la navegabilidad móvil. Como sabemos los sitios web no se visualizan de la misma manera en los navegadores tradicionales que en los mentados dispositivos por lo cual tendremos que seguir una pautas algo diferentes a la hora de crear un sitio web pensado para ser visualizado desde un móvil, pda etc.
Woork nos da una seria de consejos para conseguirlo en este articulo, donde toca los puntos más esenciales del asunto: creación de directorio independiente para la versión móvil de un sitio, scripts de redireccionamiento, idea de estructura, esqueleto en hml y css de una posible estructura, problema de fuentes y plugin para wordpress con el que hacer versión móvil de un blog.
Artículo de alta calidad, como casi todo lo que se ...
iPhone para arriba, iPhone para abajo, los que estén saturados de ver noticias sobre el cacharro de Apple que dejen leer ahora mismo. Dicho lo cual, vamos al turrón.
Como era de esperar y ya que el iPhone destaca especialmente por sus opciones para navegar en la red, no podía faltar una aplicación para el teléfono de la factoría automattic, responsables entre otras cosas de wordpress, en la App Store. Su función es la de poder publicar de forma cómoda desde el iPhone con todas las opciones que contaríamos si lo hiciéramos desde un ordenador común: escribir, publicar, poner categorías, gestionar imágenes e incluso ver una vista previa de nuestro artículo en funcionamiento.
Según las pocas reseñas que hay sobre la aplicación en la App Store de usuarios que ya la probaron comentan que funciona bastante bien teniendo aún que limarla un poco y añadirle más opciones como poder borrar posts o ...
A estas alturas dudo mucho que quede alguien sin saber sobre lo importante que es en la actualidad el SEO para cualquier tipo de desarrollo web, que además con el tiempo seguirá aumentando su peso: cuantos más sitios en la red, más importante será el SEO. Desde el blog “Search engine journal” sacan recopilatorio que le vendrá muy bien a los SEO profesionales y a los que no lo somos tanto. En él muestran unas cuantas utilidades cumpliendo todas tres premisas: Ser herramientas útiles para seo,s, se encuentran en la web y son gratuitas.
Enlace: Online SEO Tools – the Ultimate Collection | Vía: ...
Fireworks es un programa muy usado en muchos campos, especialmente en el de la creación web, ideal para plantear un sitio web desde cero o usarlo para la creación de elementos gráficos. Al igual que photoshop cuenta con la opción de usar estilos que facilitan mucho el trabajo y con los que se pueden obtener muy buenos resultados de forma simple. Desde 2experts Desing liberan un pack de estilos, concretamente 131 diferentes con degradador muy estilo 2.0.
Enlace: 131 Ultimate Web 2.0 Styles for Adobe ...
Seguro que al igual que yo en alguna ocasión te interesó o necesitaste saber que fuente se usa en determinada web, ya sea para los textos, secciones, logotipo etc. Personalmente usaba un plugin para firefox con el que hacerlo el cual la verdad estaba bastante limitado y en la actualidad ya no se le da soporte ni está disponible para firefox 3.
WhatTheFont biene a cubrir este vacio en forma de herrmienta online. Para saber que tipografía usa determinada web tendremos que hacer una captura de no más de 360×275 que subiremos al servicio o bien le indicaremos la URL donde esté colgada. Él se encargará de diseccionar las diferentes letras que encuentre en la imagen y nos dará vairas opciones de que fuente puede ser. Con las primeras pruebas parece que funciona bastante bien, veremos en el futuro que tal responde. La única pega que le encuentro es el proceso ...
Los formularios son un tema jugoso dentro del desarrollo web, tienen misiones importantes dentro de los sitios web, complejidades y muchas opciones de personalización. Como factor importante nunca se puede olvidar la usabilidad, tienen que cumplir a la perfección la misión para la que estén concebidos, haciéndose necesario en ocasiones ampliar funciones mediante por ejemplo javascript y css.
Desde woork liberan un interesante artículo donde tratan estas cuestiones de forma concreta con la explicación de implementaciones prácticas, desde como contar los caracteres introducidos en un input hasta como cambiar el aspecto de uno cuando se encuentre pulsado pasando por como mostrar mensajes aclaratorios o sugerir opciónes a la hora de introducir datos. Todo explicado de forma clara, con imagenes-esquemas de ejemplo y códigos necesarios (que son bastante simples de usar). Otra gran aportación de woork a la comunidad.
Enlace: Useful tips to enrich your HTML ...
Suculento descubrimiento hacía el otro día, UnmatchList se llama el sitio. Está orientado a diseñadores y desarrolladores web donde recopilan de forma ordenada y por temáticas recursos de todo tipo. Desde CMS,s hasta CSS, SEO, flash o photoshop. Una vez entremos en determinada categoría veremos los sitios recopilados junto con una breve descripción de lo que nos encontraremos tras el enlace. Más que interesante guardarse el sitio en favoritos para acudir a él cuando necesitemos de una pequeña ayuda a la que seguro encontramos respuesta por el importante número de recursos y tematicas contenpladas.
Además aseguran actualizan cada mes con nuevos servicios que encuentran y en no mucho tiempo promenten nuevas herramientas al servicio como opción de poder mandar automaticamente nuestra web (ahora se puede hacer mandado un mail a la “bieja usanza”).
Enlace: UnmatchList ...
Una de las herramientas más potentes con las que cuenta wordpress a la hora de desarrollar themes para el sistema son sin duda las tags, conocidas también como template tags, que nos sirven para realizar determinadas funciones como mostrar fechas de posts, nombre de autores, título de entradas, enlaces permanentes etc. Es bastante complicado acordarse de todas las que hay, para que sirve cada una y que atributos admite por lo que este recopilatorio de DBS nos vendrá que ni pintado.
En él se muestran la mayoría de tags que podemos usar en nuestros themes de wordpress separadas en diferentes categorías en función de su utilidad (para los post, para autores, categorías etc) junto con breve explicación, ejemplo de uso y los atributos que soporta, todo de forma perfectamente ordenada y muy claro. Recomendable tenerlo a mano para cuando nos toque crear un theme wordpress o queramos modificar algo del nuestro.
Enlace: ...
Ninguna duda cabe sobre que la naturaleza es fuente inagotable de inspiración y belleza superando en muchas ocasiones al mejor de los diseñadores. En smashing magazine son conscientes así que nos regalan un recopilatorio de 50 instantáneas verdaderamente bonitas donde predomina lo natural para que las usemos como fondo de nuestro escritorio. Algunos de los wallpapers tienen bastante fotomanipulación o se les aplicó alguna otra técnica con la cámara, sin perder un ápice de calidad por ello.
Enlace: 50 Remarkable Nature ...
En ocasiones he echado de menos que en las tiendas online no me permitieran ver con más detalle determinado producto, factor muy importante dentro de la web, sobre todo cuando se trata de compras. El usuario quiere tener todos los detalles posibles del producto que adquirirá. Esto nos permite hacer jQZomm, un plugin de jQuery con el cual podremos cargar dos imágenes, una miniatura y otra más grande que no será visible en un primer momento. Cuando pasemos el ratón por encima de la miniatura iremos viendo ampliada la porción sobre la que tengamos el puntero.
Su instalación es la usual en este tipo de scripts: primero nos lo descargamos y entre head – /head llamamos a la hoja de estilos, jQuery y el plugin. Solo nos queda aplicar las clases necesarias en las imágenes para que poner en funcionamiento jQZomm.
Enlace: jQZoom ...
