Categoría: Accesibilidad

  • Reemplazar texto por imágenes con CSS | Using Image replacement techniques

    Existen diversos métodos para reemplazar un texto por una imagen y varias necesidades. Por ejemplo para los headers de los blogs me han preguntado varias veces cómo añadir el Logo pero que a la vez tenga el texto del tí­tulo del blog.

    Bien lo que se conoce como XHTML semántico y por cuestiones de accesibilidad debemos hacer que la página tenga sentido aunque no se puedan mostrar las imágenes o los estilos, además los buscadores no pueden encontrar imágenes pero sí­ textos.

    Para que convivan los dos yo utilizo el siguiente truco, le aplico un estilo al selector que lo necesite:

    h3 { text-indent: -9999px}

    De esta forma saco el texto de la pantalla y sólo se verá la imagen. También podemos cambiar:

    visibility : hidden;

    ó

    display: none;

    La diferencia es que en la primera el elemento sigue ocupando el espacio original y con display no.


  • Plantillas web gratuitas | Free web templates

    Qué bonito es compartir, open source es la manera, la actitud y el anglicismo utilizado para referirnos a todo aquello que programamos y que cedemos los derechos de autor.Casi miles (1.999) de plantillas gratuitas para descargar. No son gran cosa, en cualquier caso a free template no le mires los dientes.

    Designer Link Blog

    Open Source Web Design – Download free web design templates.:

    Open Source Web Design is a site to download free web design templates and share yours with others. We help make the internet a prettier place.

  • Gennio – Buscador, widget, comunidad, favoritos, categorí­as, etc.

    La nueva generación de webs personalizables, al estilo de netvibes o la misma Google. Añade widgets, búsquedas con sugerencias, votaciones de usuarios, categorí­as, inclusión de tags, crea tu nube de links favoritos, guarda tus mejores blogs (esto va con indirectas), en fin un todo en uno con un registro rápido sin más datos que un mail.

    Haz clic aquí­ Gennio y luego, insisto, añade tu blog favorito…

  • Contenido duplicado y Google

    Ismael nos traduce a Adam Lasnik en su weblog telendro.com.es un buen sitio para saber cómo funciona el buscador más utilizado, el concepto web más envidiado y un negocio que renta millones de $$$$:

    «Adam Lasnik (otro Matt Cutts) explica en el weblog oficial para webmasters de Google algunas cuestiones y consejos referidos al contenido duplicado en Google.

    (Si no te fí­as de mi traducción chapucera, puedes leer la fuente original)

    ¿ Qué es el contenido duplicado ?
    El contenido duplicado se refiere a bloques de contenido significativo, dentro o entre dominios, que son completamente idénticos o muy similares. La mayorí­a de las veces no es intencionado o al menos no tiene un fin malicioso: foros o blogs con versiones para móviles, productos de tienda online con múltiples distintas urls En algunos casos el contenido es duplicado entre dominios con la intención de manipular los resultados de búsqueda o aumentar el tráfico ví­a búsquedas populares o búsquedas residuales (long tail).

    ¿Qué no es contenido duplicado ?
    Por ejemplo no consideramos contenido duplicado un mismo artí­culo escrito en inglés y español. Tampoco es considerado contenido duplicado pequeños fragmentos, referencias textuales de textos ajenos y similares.

    ¿Porqué Google se preocupa por el contenido duplicado?
    Nuestros usuarios quieren ver contenido diverso cuando realizan una búsqueda. En contraste, es entendible que se molesten cuando encuentran el mismo contenido en diferentes páginas dentro de una misma búsqueda. También, los webmasters se preocupan cuando mostramos una url compleja (example.com/contentredir?value=shorty-george?=en) en vez de una url «más bonita» (example.com/en/shorty-george.htm).

    ¿ Qué hace Google respecto a este tema?
    Durante el rastreo y cuando servimos resultados de búsqueda, intentamos indexar y mostrar páginas con información única.
    El filtro significa, por ejemplo, que si tu web tiene artí­culos en «formato estandar» y en versión para impresión y ninguna de ellas está bloqueada desde el robots.txt o ví­a el meta tag noindex, nosotros elegiremos una versión para ser listada.
    En los casos raros en los cuales notamos que el contenido duplicado está siendo utilizado con la intención de manipular los rankings o engañar a los usuarios, también realizaremos los ajustes necesarios en el index y en el ranking de las webs implicadas. Sin embargo, preferimos centrarnos en filtrar más que en ajustes en el ranking. por tanto, en la inmensa mayorí­a de ocasiones, lo peor que puede ocurrirle a un webmaster es que elijamos la «versión menos deseada» de una página en nuestro index.

    ¿Cómo puede un webmaster evitar problemas por contenido duplicado?
    Bloquear apropiadamente: Ayuda a google a elegir la mejor versión de tus documentos. Bloquea las versiones duplicadas.
    Utiliza 301s: Si reestructuras tu web, utiliza redirecciones 301 («Redirección permanente») en tu archivo .htaccess para redireccionar elegantemente a tus usuarios, a googlebot y a otras arañas.
    Se consecuente: Utiliza siempre la misma versión de url para tus enlaces internos; no uses /pagina/ , /pagina y /pagina/index.html. En online.com.es explican una posible solución.
    Utiliza TLDs: Para ayudarnos a elegir la mejor versión de un documento, utiliza dominios de primer nivel cuando sea posible para organizar el contenido para diferentes paí­ses. Un dominio .de nos sugiere que está enfocado a usuarios alemanes, mientras que un /de o de.ejemplo.com no nos ofrece tantas pistas (Lasnik puntualiza en wmw que si ya tienes un .com posicionado Google ya se encargará de averiguar la lengua de los documentos)
    Sindica con cuidado: Si sindicas tus contenidos en otras webs, cerciórate de que incluyen un link a la versión original de cada artí­culo sindicado. Incluso con eso, ten en cuenta que elegiremos la versión más apropiada a los usuarios para cada búsqueda, lo que significa que para determinadas búsquedas podrí­a aparecer la copia sindicada.
    Utiliza la opción de dominio preferido en las herramientas para webmasters: Si otras webs enlazan con la versión www y la versión no-www de tu dominio, puedes hacernos saber cual de las dos versiones prefieres que indexemos.
    Minimiza las repeticiones de texto: Por ejemplo, en vez de incluir un largo texto de copyright en la parte baja de cada documento, incluye un breve resumen y enlaza a una página con más detalles.
    Evita páginas sin contenido: A los usuarios no les gusta encontrarse con páginas vacias, por tanto evita páginas que solo contienen la plantilla de tu web. Esto significa no publicar (o por lo menos bloquear) páginas sin reseñas, sin listados de pisos en venta para cierta zona, etc
    Entiende como funciona tu CMS: Comprende como se muestra el contenido de tu web, particularmente si éste incluye un blog, foro, o sistemas similares que muchas veces muestran el mismo contenido bajo diferentes formatos.
    Dont worry be happy: No te ofusques demasiado con webs (planetas y similares) que duplican tu contenido. Siendo algo molesto, es difí­cil que estos sitios impacten negativamente el posicionamiento de tu web en google (aunque también podéis hacer caso a especialistas en posicionamiento). Si encuentras algún caso especialmente frustrante, puedes rellenar una petición DMCA para reclamar la autorí­a de cierto contenido.»

    telendro.com.es » Contenido duplicado y Google:

  • Seminarios Online Adobe Creative Suite 2.3

    Empezamos el nuevo año recomendando la asistencia gratuita a los seminarios de Adobe. Estos seminarios utilizan la tecnologí­a Adobe Acrobat Connect Professional, el ponente comparte su pantalla con todos los usuarios registrados que pueden intervenir mediante un chat, todo ello live (en directo). Son todos los miércoles, duran 1 hora y son en Inglés, los no angloparlantes confiad en vuestra intuición e intentad seguid las explicaciones con las demostraciones en pantalla.

    Abajo tenéis el enlace para que os registréis en todos o sólo en los que os interesen.

    Debes tener una cuenta en Adobe, conexión a Internet y el reproductor de Flash.

    Espero veros !!!

    Event Details

    Adobe Creative Suite 2.3 Premium eSeminar Series for Graphic Designers «“ All New Sessions

    01/10/2007 – 02/28/2007

    Attend this free eSeminar series for graphic designers and learn the essentials for getting the most out of the integrated features of Adobe Creative Suite 2.3 Premium. Choose from these unique 60-minute sessions presented each week by industry experts and customers. Learn how to create breakthrough experiences. Register for multiple sessions by selecting the boxes to the left.


    Discover Adobe Creative Suite 2.3 Premium
    Presented by Lynn Grillo, Adobe Systems, Inc.
    Attend this session and see how the Adobe Creative Suite 2.3 Premium software delivers a tightly unified, award-winning design toolset. This session will take you on a tour of the Suite and provide a new look at the complete integrated design environment, which now includes Adobe Acrobat 8 Premium. Discover how Adobe Creative Suite 2.3 Premium enables you to create breakthrough experiences.


    Variable Data Printing for Graphic Designers
    Presented by Tim Plumer, Tim Plumer Consulting, Inc.
    Attend this session and get an overview of Variable Data Printing – for a high response rate proposition and expanded service offering for your clients. Learn about the supporting solutions and the toolset required for a VDP workflow, which includes the use of Adobe InDesign CS2 and Adobe creative tools. You’ll come away with what you need to know to get started with VDP, and a process to begin designing with VPD in mind – for a high response rate proposition and expanded service offering for your clients.


    Adobe InDesign and InCopy InDepth
    Hosted by Anne-Marie Concepcion, Seneca Design and Training
    Attend this session and take the next step in discovering the parallel workflow of Adobe InCopy & InDesign. We’ll do our best pack as much in-depth knowledge into this 1-hour session so you can come away with more working knowledge of both products and interfaces. This session is for current users of InCopy. Pre-requisite for this session – OnDemand eSeminar: An Introduction to an Adobe® InCopy and InDesign Workflow-For Graphic Designers


    Adobe Acrobat 8 for the Graphic Designer
    Presented by Claudia McCue, Practicalia, LLC
    Attend this session and discover how Adobe Acrobat 8 Professionals enables creative professionals to efficiently exchange documents, coordinate reviews, and deliver print-ready output. This session will also cover new functionality such as Acrobat Reader enabled review and commenting, forms, preflight, print ready PDF files, collections, document approvals and more.


    An Introduction to Dreamweaver 8
    Presented by Chris Converse, Chris Converse Design


    Fall in love with Adobe Illustrator
    Presented by Mordy Golding,
    Attend this session and fall in love with Adobe Illustrator’s innovative features and tight integration with other Adobe products. You»™ll love the tips and tricks Mordy will cover in this session and come away with an understanding of why the Adobe Illustrator software has been the standard for creating graphically rich content»”first for print, then for motion graphics, then for the Web, and now for mobile devices.


    Cool Text Techniques
    Presented by Pariah Burke,
    Attend this session and get cool text techniques and tips, including using Autocorrect as a basic shorthand system (e.g., to replace frequently typed, longer phrases like product names, personal names, taglines, and so on); Changing hyphenation rules to prevent hyphenation of proper names based on common words; Paragraph rules for organization and decoration; And, converting text into frames to fill with imagery or other text. And yes, much more. Don»™t miss this session.


    What Do You Need to Participate?
    Online live seminars are scheduled events simulcast over the web via Adobe Acrobat Connect Professional. You’ll need a computer with a browser, Adobe Flash player and Internet connection. Voice-Over IP will broadcast over your computer if you have audio. Alternatively, audio is available via telephone. Access details will be provided once you register.

    To register you need your Adobe.com membership login and password. If you need to create a membership, or do not remember your login and password, please go to the Adobe.com membership page.

    If you have a spam blocker on your email account, you will need to add seminars-mm@adobe.com to your list of approved contacts in order to receive your registration email confirmation and reminder.

    Adobe – Online Events : Event Details

  • WordPress plugins

    No hay nada más fácil que implementar o estropear un blog instalando plugins. Particularmente intento estar actualizado de los que se van desarrollando aunque como veis en mi propio blog no soy muy proclive a utilizarlos. Suelen ser, casi siempre, «demostraciones» cansinas que no hacen más que retrasar el tiempo de carga y entorpecen y distraen al usuario.

    De todas formas os dejo el link a un sitio con cientos de plugins para WordPress. Os aconsejo mesura, mucha mesura.

     WordPress Plugin Database

  • ¿Cómo crear una plantilla para tu blog en WordPress?

    Todos los diseñadores tenemos nuestros truquitos. Rachel, de cre8d-design.com nos dice los suyos:

    • Graphic design:
      • Useful to have: Photoshop/Fireworks or the like to create your graphics
      • For inspiration: sites like Netdiver, Design Melt Down, CSS Beauty, Unmatched Style etc can help sometimes.
      • Color scheme ideas: Colorschemer, Daily Color Scheme and Flickr (photos are a brilliant source for color combinations). Flip through your favourite magazines (I love looking through my How Magazines and books for ideas. Look at how you»™ve designed your house/bedroom/office – what color combinations do you like?
      • Fonts: DaFont for free fonts and Linotype for purchasing professional fonts.
      • Images: SXC for free photos and iStockPhoto for inexpensive illustrations and photos.
    • XHTML/CSS templating:
    • Understanding how WordPress themes are put together. I can»™t emphasise enough how important the WordPress manual is. Don»™t miss the Stepping into templates information.
    • Understanding «the loop» and various WordPress tags.
    • Knowing when and how to install plugins. WP-Plugins.net has many plugins, but doing a Google or delicious search for «WordPress plugin» and then the type of plugin you»™re wanting will help you find many others.
    • Knowing at least a little bit of PHP if you don»™t want to feel so scared by WordPress tags, the loop, plugins and your templates. There»™s some tutorials on W3Schools which can help.

    Useful resources for creating a WordPress theme 

  • Blogarithm (blog ví­a email)

    Blogarithm.com

    Hay muchas formas de estar al dí­a de tus blogs favoritos, los lectores de RSS, añadidos a la barra de tu navegador, gadgets en tu mismo escritorio, desde tu google personalizado y un largo etcétera.

    Si prefieres el e-mail, un método que seguro no te resultará complicado utilizar tienes las suscripciones a los blogs ví­a email, de forma que los posts nuevos te son enviados a tu cuenta sin necesidad de estar pendiente de ello, una lectura rápida y si no te interesa a la papelera, si no tienes tiempo vuelves luego.

    Hace tiempo que incluí­ la suscripción feedburner en el sidebar (a la derecha) donde sólo con vuestro email quedábais suscritos, también podéis utilizar los marcadores dinámicos y añadirlo a la barra de Firefox, el gadget de www.ceslava.com o… insertar vuestro email en el campo de blogarithm, la ventaja que tiene es que podéis editar esas suscripciones, categorizarlas y volver a los últimos mails que quizás borrásteis, reenviarlas por correo, en fin que es otra opción más para estar al dí­a de este vuestro blog.