Sin duda todos los que nos dedicamos de una u otra forma al desarrollo y diseño web sabemos que uno de los puntos más frustrantes a la hora de comenzar un sitio son los problemas que nos encontramos al visualizarlo en los diferentes navegadores, rebanándonos los sesos para encontrar alguna solución que permita que tal objeto se comporte de tal forma en todos los navegadores. En ocasiones se hace impepinable el uso de hacks aunque sepamos los inconvenientes de los mismos. Desde websitetips nos proponen un extenso recopilatorio con toda clase de artículos relacionados con el tema, desde hacks hasta como evitarlos, recopilatorio de bugs conocidos o tablas de información sobre selectores css y sus compatibilidades. Un recopilatorio a tener cerca, al que acudir cuando las cosas se pongas complicadas. Enlace: Solutions to CSS Browser Bugs and Cross-Browser, Cross-Platform CSS ...

El gran Luís nos enseña en sentidoweb un interesante recopilatorio con 1000 consejos para optimizar nuestra base de datos MySQL, traduciendo los que considera más ...

Si eres de los que se pasa muchas horas delante de su PC desarrollando alguna actividad habrás sufrido los clásicos dolores de piernas, brazos, perdida de vista etc. En aNieto2k nos enseñan una serie de ejercicios y consejos para evitar estos dolores y el deterioro de la ...

Seguro que te has encontrado con alguna web o blog que implementa un llamativo efecto donde vemos la esquina superior derecha del sitio doblada, la cual se despliega al pasar el ratón por encima para mostrar un mensaje escondido debajo. Esta técnica es conocida como Page Peel y es de relativa reciente creación. El efecto cumple muy bien la función de llamar la atención de tus visitantes hacía esa parte de la web para trasmitir el mensaje que quieras, por ejemplo un uso muy habitual es mostrar un mensaje dirigido a los anunciantes potenciales. Para conseguirlo se nutre de la combinación de script en javascript+imágenes+.sfw y debido a la creciente popularidad del efecto en un comienzo era bastante complicado conseguir los códigos de forma gratuita, las tarifas van desde los 5$ hasta los 80$. Pero como siempre, ahí está la comunidad para facilitarnos la vida a todos y ya contamos ...

Hace poco tiempo Adsense cambiaba las condiciones del servicio, haciénos aceptar un modelo, donde entre las nuevas obligaciones viene que todo sitio con bloques de publicidad adsense tiene la obligación de colocar un documento con políticas de privacidad. ¿Quien sabe como redactar un documento de ese tipo y que sea correcto?. Andrea nos soluciona la papeleta, proporcionándonos uno ya hecho bajo licencia Crative Commons. ...

Dejan sigue su labor impecable en stylizeweb, publicando contenidos de gran valor didáctico para todos los que andamos metidos en el diseño y creación de sitios. En una primera entrega nos enseñó los mejores 10 hacks CSS verdaderamente útiles todos ellos. En esta ocasión nos deleita con una lista donde muestra los trucos/tricks CSS más usados, donde encontramos desde como redondear las esquinas de un cajón hasta como centrar horizontalmente un elemento con proporciones fijas. Cada ejemplo viene con su código css y html y una imagen para verlo en funcionamiento, en total 12 técnicas imprescindibles que te sacarán de más de un apuro y harán mejorar tu nivel. Enlace: Most used CSS ...

Como todos sabéis falta poco para la liberación de la nueva versión de wordpress, la 2.5, que en un principio ya debería estar pero que al final se está retrasando la cosa un poco, como suele ocurrir con wordpress y sus nuevas versiones. En principio no deberíamos tener muchos problemas para mudar nuestros blogs hacía la nueva versión, pero siempre es conveniente tener en cuenta varios aspectos para no llevarnos malos ratos. Desde Blog Herald realizan un artículo con consejos básicos antes de pasarnos a la 2.5 como chequear compatibilidades de theme y plugins, actualizar nuestros plugins y theme, hacer copia de seguridad etc. Yo resumiría todo a tres indicaciones: pon atención a los plugins que tienes instalados (mirar compatibilidad, nuevas versiones, los que no usas quitarlos etc), mira tu theme y haz una copia de la BD. En blogpocket también hablan del tema y nos remiten a algunos buenos sitios con ...

Buena lista con 63 hacks, tutoriales, chuletas y documentos de ayuda para wordpress. La lista está divida en hacks/tutoriales, vídeo tutoriales y podcasts, donde encotraremos desde como separar comentarios y trackbacks hasta como crear una buena página 404. ...

Publicaban el otro día un articulo sobre las quicktags de wordpress en makeuseof, en inglés, donde explican la potencia de las mismas y como añadir las nuestras. Yo voy a hacer una adaptación al español para los que estén algo perdidos con el tema. Lo primero de todo es explicar de que se tratan las quicktags, que seguro todos conocéis aunque no sepáis como se llaman. Son esos botones que vemos dentro de nuestro editor de posts en wordpress cuando lo ponemos en la pestaña “code”. Cada botón de los que vemos se encarga de introducir la etiqueta de apertura y de cierre para conseguir determinado objetivo. Si por ejemplo pulsamos sobre la “b” negra una vez, nos incrusta la etiqueta html “strong” de apertura, la cual sirve para mostrar texto destacado en negrita, pulsado otra vez sobre la “b” nos suelta la etiqueta para cerrar, “/strong”. Con esto conseguimos automatizar determinadas ...

El otro día comentaba la importancia del color en la web. Cuando se empieza, una de las trabas más importantes es el color, puede que tu interfaz esté maquetada perfectamente, con una buena distribución, pero que no valga para nada por una mala combinación de colores. Esta pequeña guía te vendrá muy bien para adquirir conceptos básicos, como el número de colores aconsejado (cuantos más colores uses, más complicado será “casarlos” entre si), que son los colores analogos, complementarios, triada de colores etc. Como veréis la guía es muy completa, pero a la vez simple y bien explicado. Muy recomendable su lectura y que te la guardes en favoritos para cuando comiences un proyecto (yo ya lo hice). Enlace: Guía básica para la combinacion de ...

Uno de los ejes de un blog en la actualidad es el número de personas que siguen su contenido mediante feed. Son usuarios de alta calidad que no pasan una vez y se van, visitantes fijos, sirviendo como medidor de lo “bueno” que es determinado blog o web (entre otras muchas cosas). A más suscriptores más personas que pasaron por el sitio, les gustó y se quedaron. Para los que estén perdidos con este tema, la wikipedia nos proporciona unas explicaciones excepcionales, como de costumbre. A lo que vamos, en Problogger sacan una lista de 11 consejos para conseguir más suscriptores en nuestro blog. Todos son básicos, casi imprescindibles y yo diría que algunos fácilmente descubribles por uno mismo si su blog tiene cierto tiempo en la red. Una traducción breve de los mismos salida de mangas verdes: 1. Presenta tu feed en un lugar destacado del blog 2. ...

Interesante explicación en CSS Globe de como implementar un sistema captcha en tus formularios usando css, html y una imagen (algo rudimentario eso ...

Después de algún tiempo pensándolo he decidido implementar los afamados asides o mini-posts dentro del loop de wordpress. Por varias razones, la primera de ellas porque en blogpocket colaboro escribiendo mini-posts y es algo que me ha gustado, poder trasmitir información en poco espacio, eliminando lo irrelevante. También he visto que el uso de asides es un recurso interesante con el que se rompe la monotonía, rompe el diseño y hacen destacar una determinada información con los benéficos que esto conlleva para el lector. Los asides también nos sirven como una buena “arma” para los redactores que en determinado momento de agobio o falta de inspiración podemos soltar contenido interesante a pesar de esos factores. El proceso de implementación es muy simple, algunos sitios donde hablan del tema: Asides o miniblog en WordPress (por lamateporunyogur) Cómo implementar asides en un blog con WP (por blogpocket) Miniposts en el loop de WordPress (Parte I) (por ...

Muchos somos los que hemos optado por gmail como nuestra manera para gestionar los correos electrónicos, tanto de una forma personal como profesional. Esto se debe a su calidad, personalmente lo que más me gusta es la interfaz, sencilla pero potente, aparte de todas las demás lindezas que conocemos de él. Otro factor que lo hace tan potente es la comunidad que se ha generado alrededor de él, creando multitud de cosas para mejorar la experiencia del usuario. En DailyBits hacen un recopilatorio de todas esas cosas, con unos cuantos skins para cambiar la apariencia de nuestro gmail (hace falta tener greasemonkey instalado), enlaces hacia varias listas de recursos y finalmente una lista de herramientas útiles. Enalce: 25 Incredible Skins, Resources & Tools for the Gmail Power ...