Para determinar el ancho y alto se basan en lo que les pasemos con width y height en el CSS. Pero no nada más eso, sino que también toman en cuenta el relleno (padding) y los bordes. Sumando todo eso el navegador determina el ancho de la caja. Por ejemplo si tenemos el siguiente CSS:

width: 300px;
padding: 20px;
border: 2px;

El ancho de nuestra caja no será 300 pixeles, ése será el ancho dedicado al contenido, sino que será de 344 pixeles (300 + 20*2 + 2*2). Esto no estaría del todo mal si no fuera porque nos complica los cálculos a la hora de tratar de acomodar cajas en nuestra página, tenemos que tomar en cuenta que los cambios en padding cambiarán el ancho y eso nos puede alterar la distribución de nuestra página.

IE6 usaba un sistema mejor. Así es, aunque no seguía el estándar IE6 tenía un mejor sistema para determinar el ancho de una caja. Del ejemplo anterior, nuestra caja sí tendría un ancho de 300 pixeles, incluyendo bordes y relleno. El ancho para el contenido se reduciría a 256 pixeles, pero al momento de calcular la distribución y tamaños de las cajas las cosas serían mucho más sencillas. Después de todo, cuando tienes una caja de verdad y le añades relleno la caja no se hace más grande, sino que se reduce el espacio para meter cosas.

Supongamos que queremos acomodar dos cajas lado a lado en un espacio de 960 pixeles con 20 pixeles entre cada caja. Con el modelo estándar tendríamos que calcular márgenes o rellenos para determinar el ancho, más o menos así:

#caja1 { width: 610px; padding-right: 10px; }
#caja2 { width: 330px; padding-left: 10px; }

Este ejemplo es sencillo, pero cuando empezamos a añadir cajas y distribuciones más complejas puede complicarse bastante rápido. Si queremos cambiar el espacio entre las cajas, deberemos cambiar tanto width como padding. Con el sistema de cajas de IE6, sin embargo, todo resulta mucho más sencillo:

#caja1 { width: 620px; padding-right: 10px; }
#caja2 { width: 340px; padding-left: 10px; }

Si queremos cambiar el espacio entre cajas simplemente cambiamos padding. Si queremos añadir más cajas hacemos una suma simple de width sin tener que preocuparnos por los rellenos y bordes (y recordar que tenemos que sumar cada lado).

¿Hay una manera de regresar a es modelo de cajas más sencillo? ¡Sí la hay! A partir de CSS3 podemos usar la declaración box-sizing para decirle al navegador que modelo de cajas utilizar:

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

Con esto podemos usar la manera más racional de darle ancho a nuestras cajas. Aunque usamos los prefijos -moz y -webkit es bastante seguro usar esta propiedad desde ya.

Si quieres leer más sobre el tema, en inglés, Paul Irish escribió un excelente artículo sobre box-sizing y su fiabilidad. También Chris Coyier tiene un muy buen artículo de box sizing donde además habla un poco más de los problemas del modelo de cajas actual.

Los podcasts no nada más nos dan a conocer, también nos ayudan a reforzar nuestra autoridad, exponer nuestra experiencia en nuestro campo y reforzar lazos con quienes nos escuchan.

No se necesita mucho para iniciar un podcast, pero sí es importante saber de que tema vamos a hablar. Foto de Robert Scales.

Y lo mejor de todo es que una vez que está hecho los episodios del podcast quedan flotando en la red. Si los categorizamos bien y los asociamos a un post que tenga texto relevante, nuestro mercado potencial los encontrará una y otra vez. Durante años podemos seguir atrayendo nuevos contactos gracias a nuestros podcasts.

La razón por la que muchas empresas no hacen podcasts es variada, principalmente se trata de una de tres cosas: falta de conocimiento para hacer un podcast, falta de tiempo y no saber de que hablar.

Los primeros dos obstáculos son fáciles de superar: contratas a alguien que sepa hacerlos (ejem, si tiene dudas nomás pregunte), se puede agendar el tiempo y meterlo dentro de las actividades de los involucrados.

El tercer obstáculo requiere un poco más de coco pero está muy lejos de ser insuperable. Lo primero que se nos puede ocurrir es hablar de lo que hacemos. Pero esto no siempre es lo mejor porque es muy fácil caer en el ombliguismo. Lo mejor es darle un enfoque desde el punto de vista del cliente y hablar de los problemas que resolvemos. Hablar de cosas que le interesan a nuestros clientes.

Por ejemplo, si eres una empresa dedicada a la ingenieria, no hablarías de como usar AutoCAD, porque aunque sea tu herramienta más importante, tus clientes no te pagan por usar AutoCAD sino para resolver un problema de ingeniería. Puedes hablar de estructuras, materiales, ventajes y desventajas, como obtener los mejores costos, como planear mejor y cosas que pueden ayudar a tus clientes.

Otras empresas pueden también ser más flexibles y hablar de otras cosas que también sean de interés a su audiencia. Una empresa dedicada a la moda y maquillaje puede no nada más hablar de nuevas tendencias, vestidos y combinaciones de bases y sombras, sino también de relaciones, empoderamiento y avance laboral que son temas que le interesarían a un audiencia femenina más general.

Una alternativa a producir nuestro propio podcast es encontrar un podcast que ya hable de algo en nuestro campo, que tenga la audiencia que nos interesa y patrocinarlo. Por supuesto, no tendremos control sobre los episodios, pero de vez en cuando nos podemos ofrecer para una entrevista.

Una buena temática es importante para crear el tipo de podcast que queremos y atraer al tipo de gente que más nos gustaría tener como cliente. Es muy importante elegirlo bien para que quede alineado con los objetivos de tu empresa.

Si tú no eres móvil, no estás con ellos. Si no estás con ellos, estás perdiendo oportunidades de negocio.

Estos días incluso un teléfono sencillo tiene un navegador web decente y para muchas personas es el único punto de acceso a la web. Foto de kiwanja

¿Cómo se hace una empresa móvil? Obviamente no me refiero a que cierres las puertas de tu negocio físico y lo hagas todo en línea, o que metas todo en una camioneta y vayas manejando por ahí con un sistema de sonido para atraer clientes (aunque a algunos les funciona), me refiero a que los procedimientos de tu negocio deben adaptarse para atender a un cliente que puede estar en cualquier parte y tratando de malabarear un número de cosas que no tenemos ni idea.

Por supuesto, un sitio web respondiente y adaptable a cualquier dispositivo es esencial, pero es apenas el comienzo. Tu sistema de aceptar órdenes, prestar servicios o entregar productos debe ser igualmente flexible, proveer múltiples puntos de contacto y respuestas. Uno que, de preferencia, funciones igualmente bien sin importar que el cliente se encuentre con nosotros o en un pequeño celular a miles de kilómetros de distancia.

Por supuesto la naturaleza de nuestros productos y servicios va a crearnos algunas limitantes. Si pintas casas vas a tener que seguir haciéndolo a domicilio y si el cliente no está para dejarte entrar, pues no vas a poder pintar la casa. Pero puedes aceptar nuevos clientes a través de tu sitio web, responder preguntas, hacer y mandar cotizaciones, revisar colores (aunque los colores varían de pantalla a pantalla, pero eso es otra conversación), y acordar horarios de visita sin que el cliente tenga que irte a ver.

Incluso podrías crear un blog donde hablas de distintos tipos de pinturas y brochas, videos con técnicas para pintar e igualar colores, si tres manos son mejores que dos, etc.

Todo esto te dará una presencia a toda hora del día y permitirá a la gente contactarte por múltiples vías. No olvides que tienes que contestar.

¿Qué retos encuentras en tu empresa o negocio para convertirlos a la nueva movilidad?

Twitter es uno de los servicios más populares para comunicar de manera corta y rápida lo que se nos pegue la gana. Es muy buen lugar para formar redes débilmente enlazadas.

Ahora Twitter ha comprado a Posterous lo cual representa una oportunidad muy buena para la compañía del pajarito si es que logran apalancar las fortalezas de ambos servicios y complementar sus habilidades naturales.

Pero lo más probable, si nos atenemos a las lecciones de la historia, es que Twitter lentamente vaya saqueando a Posterous, apropiándose de sus ingenieros y otras personas de valor y su producto se vaya quedando rezagado hasta que un buen día se lo lleven a la parte de atrás del patio y le metan un tiro en la cabeza.

Atención niños: Eso nunca pasa, lo que sucederá en realidad es que se irá a una granja donde podrá jugar con otros servicios 2.0 como Friendster y Magnolia que allá viven desde hace tiempo. Claro, si sobrevive al tiro en la cabeza.

En fin, el caso es que Twitter podría tener una excelente oportunidad entre manos si sabe aprovechar bien los recursos adquiridos con Posterous y los integra de manera inteligente a los que ya tiene.

De momento Twitter ha dicho que no piensa cambiar nada como se están haciendo las cosas en Posterous y seguirá dando los mismos servicios, pero en realidad el tiempo dirá si piensan mantener a las dos marcas separadas o si integran todo bajo la sombrilla de Twitter.

Mucha gente cree que poniendo el nombre del autor, algo así como “Esta foto no es mía, es de Fulanito” con eso no tendrán problemas. En realidad a lo que equivale esa frase es a una admisión de culpa, ni siquiera pueden alegar ignorancia.

Pero hay opciones para no tener ningún problema con tus imágenes. Busca imágenes que tengan licencias Creative Commons. Esta licencia significa que puedes usar la imagen (u otra obra) libremente bajo ciertas limitaciones:

- Atribución: Debes decir quien es el autor original.
- No derivadas: Tienes que usar la imagen tal cual. No le puedes hacer cambios o usarla como parte de otra cosa.
- Compartir igual: Lo que hagas con esa imagen o donde la uses también deberás compartirlo con la misma licencia Creative Commons.
- No comercial: No podrás darle uso comercial a la imagen, es decir vender lo que hagas con ella o donde la utilices.

Una licencia puede contener una o más de las limitaciones anteriores, así que asegúrate bien que puedes hacer. Si tienes dudas contacta con el autor.

Un buen lugar donde buscar estas imágenes es usando la búsqueda avanzada de Flickr. (hacia abajo está la opción de buscar Creative Commons).

La opción de buscar imágenes con licencia Creative Commons está hasta abajo de la forma de búsqueda avanzada.

Otra opción es PicFindr que busca en varios servicios las imágenes que tengan licencia Creative Commons.

PicFindr te muestra esta caja del lado derecho de los resultados para que puedas afinar tu búsqueda.

Y Google parece que también puede buscar imágenes con licencia Creative Commons, pero creo que todavía no es oficial. Por lo menos la capacidad está oculta en el sitio principal, así que tal vez lo que encuentres no es seguro que realmente lo puedas usar.

Hay una gran cantidad de imágenes que puedes usar legalmente para ilustrar tu blog, tareas, presentaciones y otros trabajos. Solo es cosa de tener en cuenta las licencias.

Ayer Twitter dio a conocer que cuando tengan que censurar un tweet debido a una orden o legislación en un país donde se los pidan esos tweets van a ser censurados sólo en ese país y no alrededor del mundo como vien sucediendo hasta ahora. Aún más, va a quedar constancia de que ese tweet existió, que se bloqueó y por que se bloqueó. De esa manera esa historia no se pierde, sino que queda grabada de algún modo para poder ser analizada y que la opinión pública internacional se pueda enterar de que países son los que más reprimen y por que causas. Así se puede, espero, hacer algo de presión para que amplíen los márgenes de libertad de expresión en los casos más abusivos.

Esto es algo que se ha visto de manera positiva por muchísima gente y organizaciones dedicadas a la lucha por los derechos humanos en internet, en especial la Electronic Frontier Foundation que explica como estas medidas resultan por ahora en menos censura, no más.

Sin embargo esto no es lo que la turba tuitera entendió. Ellos lo vieron como un atentado a la libertad de expresión, que twitter va a censurar y hacerle el juego a los gobiernos represores y quitar tweets al contentillo. Nada más falso y una de las razones por las que no hay que dejarse llevar por la manada cuando se trata de opinar en base a lo que se lee en Twitter (y otros lados), sino detenerse a pensar realmente en lo que se está leyendo.

Dieter Rams is one of the most important designers of the 20th century but his famous 10 principles for good design focused on industrial design. Here Lisbon-based designer Nuno Loureiro applies them to web design Dieter Rams’ 10 principles of good web design | Feature | .net magazine

A few weeks back I touched on a handful of Mozilla-specific CSS properties that I found to be interesting. This week I’d like to share a few WebKit-specific CSS properties that make me all tingly inside.Interesting -webkit CSS Properties

Las leyes de copyright resolvieron un problema del siglo pasado, es hora de replantear el problema y desarrollar una nueva solución.

Uno de los primeros errores en los que se cae cuando quieres dar a conocer tu sitio es lo anterior: ponerlo en todos lados y crear cuentas falsas para darlo a conocer. Es una práctica muy nefasta llamada “astroturfing” (por el pasto artificial que ponen en algunos estadios).

Puede funcionar durante algún tiempo, pero casi siempre el engaño acaba por ser descubierto y quien lo hace pierde muchísimos puntos de confianza y credibilidad en su público.

Entonces ¿qué podemos hacer que funcione y que nos gane la confianza de nuestros clientes?

Hay varias cosas que se pueden hacer de una forma ética y responsable. He aquí una serie de pasos:

1. Identifica a quien sí le interesa. Todo producto o servicio, por muy superfabuloso que sea, no le interesa a todo mundo. Hay un montón de gente a la que no le importa. Así que lo primero que hay que hacer es identificar a quien sí le interesa, crear un perfil de tu cliente ideal y así sabrás a que tipo de audiencia dirigirte.

2. Busca donde se está reuniendo esa gente. Una vez que puedes definir el grupo de gente al que te quieres dirigir puedes empezar a buscar foros, sitios y otros tipos de comunidad que han sido formadas por este tipo de personas o donde ellas se reúnen.

3. Únete a las comunidades establecidas. No tengas miedo en comenzar a participar, pero ten cuidado, antes de poder ofrecer tu servicio debes convertirte en un miembro de la comunidad. Escucha primero y participa contestando preguntas, opinando en conversaciones o contestando en twitter, pero hazlo como persona, ofreciendo algo útil y de valor. Tus primeras participaciones no son el lugar para promocionarte. Sin embargo sí usa tu perfil para contar sobre tu empresa, producto o servicio. Una mención discreta en la firma (en el caso de los foros) también es aceptable.

4. No promociones, ayuda. Una vez que eres conocido entre la comunidad y tienes cierta credibilidad y confianza, no tengas miedo de contactar directamente a los usuarios que veas que puedes ayudar con tu producto. No trates de vender sino de ayudar: “Vi que tienes este problema, te puedo sugerir tal y tal” En vez de “¡Cómprame! ¡Esto está chidísimo!”

5. Ante todo se trata de personas. No veas a los miembros de tus comunidades como clientes, consumidores o mercado meta. Son personas antes que nada, trátalos como tales y tendrás muy buenas relaciones en todos sentidos.

No soy abogado ni mucho menos experto en copyright, pero resumiré aquí lo que he logrado aprender sobre estos temas para no tener problemas con Youtube u otros servicios de videos y puedas sentirte seguro cuando estás haciendo marketing o alguna otra cosa con tus videos.

¿Qué videos tienen copyright?

En principio todos los videos tienen copyright. El derecho de autor aplica automáticamente cada vez que creas algo: una obra literaria, musical, escultura, etc. No es necesario registrar la obra, ni ponerle la leyenda de copyright ni nada. Una vez creada, la obra queda protegida. Es conveniente registrarla o poner la leyenda en caso de que haya disputas después, pero no es necesario.

¿Cuándo tengo derecho a usar un video?

Cuando el autor te da permiso de usarlo. Aún si no sabes quien es el autor, si encontraste el video por “internet”, no puedes usarlo o tendrás que demostrar que hiciste todo lo razonablemente posible por encontrar al autor, pero es una lata demostrar esto. A menos que el autor te dé permiso o declare que el video es de dominio público no se puede usar.

Youtube recientemente implementó las licencias “Creative Commons” para que los autores puedan dar permiso de reutilizar sus videos sin necesidad de preguntarles uno a uno. Cuando un video tiene este tipo de licencia significa que puedes tomarlo y reutilizarlo bajo las condiciones de la licencia. Por ejemplo, puede ser que lo puedas usar únicamente para fines no comerciales, dando atribución al autor original o que el video que tu hagas deba tener los mismos permisos de reutilización.

Lee bien esta licencia y asegúrate de cumplirla.

¿Puedo usar fragmentos de un video?

En general no, aplica lo mismo que en la situación anterior. Si no tienes permiso para usar esos videos no lo puedes hacer. Sin embargo hay una excepción importante: si vas a usar un pequeño segmento con fines de crítica, comentario, información sobre un tópico relevante y que sea noticia, entonces lo puedes hacer. Pero tiene que ser un fragmento razonablemente pequeño que sirva para ilustrar y lo más importante debe ser el comentario, la crítica o la noticia que pretendes dar. Es decir, no puedes poner media hora de un programa de TV y al final nada más decir “Sí me gustó”.

¿Obras derivadas?

Este es un tema algo más peliagudo. Una obra derivada es cuando tomas una obra anterior como base para crear algo completamente nuevo en cuyo caso tú tendrías la autoría de la nueva obra. Aquí lo difícil es determinar que tanto es tantito, es decir, que tanto debemos alterar la obra para poder considerar que se ha hecho algo nuevo. Lo que sí está muy claro es que no basta con pequeñas alteraciones: cambiar la velocidad del video, voltearlo, alterar los colores, etc.

Eso nada más consigue engañar al detector automático de Youtube, pero en ningún caso altera el copyright. Para que se pueda considerar una obra nueva debe haber mucho más que las simples alteraciones y producir algo con un mensaje y forma claramente distinta. Esto no es fácil de determinar, especialmente en el caso de los “mash-ups” que combinan fragmentos de muchos videos con música diferente y hacen algo completamente distinto. Los mejores ejemplos son los videos de Hitler basados en una escena de la película “Der Undergang” pero con subtítulos muy graciosos que cambian completamente el sentido de la escena. Son nada más subtítulos, pero crean algo nuevo ¿hasta que punto son obra derivada y no una copia?

Hasta donde sé todavía no hay legalmente una base para decir con seguridad si una obra es derivada o no. Lo mejor en caso de duda y evitar posibles problemas para tu negocio o tu cuenta de Youtube es no hacer este tipo de videos y asegurarte que tienes todos los permisos necesarios para usar las imágenes y música que utilices.

Hace unos pocos días salió a la venta el muy anticipado Kindle Fire, el nuevo “lector de libros” de Amazon que además de leer libros es algo así como una tableta.

Y digo “algo así” porque en realidad no es una tableta, competencia del iPad u otras similares, sino es un dispositivo diferente que ocupa un nicho entre el lector antiguo y el iPad, el Xoom, el Galaxy Tab y demás.

Como tal es más limitada. Lo que no es muy limitado es la pantalla, tiene una resolución de 1024 x 600 pixeles, lo que la coloca en la categoría de algunos monitores de 14 o 15″ de antaño. El problema es que su pantalla es de solo 7″, por lo que todo se ve mucho más pequeño.

La resolución de la pantalla del Kindle hace que nuestros sitios web se vean completos, pero la densidad, es decir, el número de puntos por centímetro, es mucho mayor, los pixeles son mucho más pequeño y por tanto todo nuestro sitio se verá más pequeño: tamaño de letra, botones, imágenes, etc.

El experto en usabilidad Jakob Nielsen dejó al Kindle por lo suelos cuando se trata de usar sitios web. De plano recomendó a los desarrolladores a presentar el contenido móvil en un Kindle. El problema es que la pantalla es bastante más grande que un móvil por lo que no estaremos aprovechándola bien.

¡Qué dilema! El Kindle es apenas el primero de una clase nueva de dispositivos: pantallas pequeñas con una gran densidad de pixeles. Además es un dispositivo móvil, así que de todos modos el contexto en que se usará seguramente será muy diferente al de una computadora de escritorio, o incluso un teléfono. Así que estaría mal darle la misma página que le damos a una PC o a un iPhone.

La mejor manera de acercarse al desarrollo de un dispositivo como estos sería usando la característica resolución para un media query en css:

media: screen and (min-resolution: 99dpi);

Esto nos ayudaría a determinar si la pantalla de nuestro visitante es de muy alta densidad y poder así presentarle botones más grandes e imágenes de mejor calidad, y tal vez ocultarle o quitar relevancia a partes que tienen sentido en otro tipo de aparatos pero no en una tableta.

La diferencia entre una pantalla de 10″ y una de 7″ es notoria y presenta nuevos retos para el diseño de sitios web. Foto de Gadgetmac.

Desafortunadamente no tengo un Kindle Fire para probar (se aceptan donaciones ) y no sé si aceptará este tipo de media query. Sería lo ideal porque así nos aseguramos que otros dispositivos en el futuro también podrán ver nuestro sitio correctamente.

Si no tendremos que recurrir a métodos un poco más salvajes, como la detección por medio de javascript, lo cual tiene inconvenientes.

Es un reto más para los diseñadores y desarrolladores web. Nos dificulta un poco más el trabajo, pero es parte de lo que lo hace emocionante. Y eso que no mencioné que el usuario puede estar usando el Kindle horizontal o verticalmente.

La nota llegó cuando un periodista del diario español El Mundo le preguntó cuales eran los tres libros que más lo habían marcado y el candidato, acostumbrado a tener todo bajo control, comienza a trastabillar y hacerse bolas con los títulos y autores.

Fue entonces cuando explotan los comentarios en redes sociales, Twitter, Facebook y demás sobre el bochornoso espectáculo. Hay varios problemas, o lecciones a aprender según lo veo yo:

1. Si vas a una Feria del Libro a dar una conferencia de prensa, hay que estar preparado para las preguntas más obvias. No siempre todo el mundo va a seguir el guión. Si no vas preparado por lo menos hay que tener buena capacidad de improvisación. Irónicamente, para ser buen improvisador es importante haber leído mucho.
2. Difícilmente México va a producir un líder culto y leído si el pueblo no lee ni se cultiva, en realidad las burlas dirigidas a Peña Nieto aplican para el pueblo mexicano.
3. Es poco importante acordarse de títulos y autores cuando se trata de libros. Culpo a las escuelas de dejarnos esta mala impresión, pero la lectura no es un ejercicio de memoria. Yo he leído cientos, pero títulos y autores recuerdo pocos, muchas veces comienzo a leer y ni me fijo de quien es o como se llama. Lo importante es analizar y absorber el contenido del libro, cotejarlo con experiencias y otros libros.

De antaño es sabido que los políticos y aspirantes al poder están reprobados en temas de cultura general y conocimientos básicos. Les basta con acercarse a la gente que ya está en el poder e irse tejiendo una red de favores y canonjías. Son reflejo del pueblo que quieren gobernar.

Es muy importante que un aspirante a presidente sea una persona bien leída, no nada más de política sino todo tipo de lectura. No quiere decir que vaya a ser buen presidente si lee mucho, pero por lo menos tendrá una base más grande de experiencias para analizar y calificar propuestas y situaciones. Podrá comprender mejor a sus compatriotas y usar ejemplos de la historia para determinar cuales serán los mejores caminos a seguir. Claro, si además de buena cultura tiene ética, moral y ha sabido hacerse de un buen equipo de asesores.

Pero todavía más importante es que el ciudadano se debe convertir en el tipo de persona que quisiera que los gobernara. Un buen político no va a aparecer por intervención divina, muy a pesar de la imagen mesiánica que la mayoría de ellos nos quiere vender. Mientras el pueblo siga inculto e indolente va a seguir a la merced de los corsarios de la política.

Un día después Ernesto Cordero, precandidato del PAN, hizo su pifia: criticando a Peña Nieto confundió él mismo el nombre de una autora. La rechifla no fue tan intensa porque por lo menos se confundió con seguridad, aunque es más grave porque se supone que ya iba preparado para dar su lista.

En fin, esto nos debe enseñar que debemos leer más y tal vez hacer bromas en twitter un poco menos.

5 Tips for Managing Social Media Campaigns across Multiple Languages | Search Engine Journal
There’s no need to bang the drum for the benefits of social media marketing in allowing a business to directly connect to an audience and delivering remarkable return on investment. So, instead of restricting yourself to a monolingual social media presence, why not expand it globally when you can do so at the click of a button?

MailChimp’s Style Guide Is Corporate Communication Done Right | Co. Design
The soul-deadening power of these manuals goes double–they’re a creative straitjacket, and they’re horribly, horribly boring. So it’s with something approaching awe that I came across VoiceandTone.com, the style guide for MailChimp’s internal copywriters: It’s a humanely designed interactive experience that’s actually kinda fun to read.

The Effects of Fresh Content on Small Business SEO | Social Media Today
Most consumers turn to Google or some other search engine to find products they are looking for, and with Google’s push toward fresh content, only those businesses with new content make the cut to get on the first page. This becomes a real challenge for some really high quality but small businesses out there.

7 Ways to Use Social Media to Drive Marketing Campaigns « Sysomos Blog
In particular, social media monitoring and analytics can be effective ways to monitor the success of an online and off-line marketing campaign to give brands the insight to make on-the-fly tactical tweaks that can have a major impact.
So what are the keys to having a marketing campaign supported by social media?

Web design and development

Scalable and Modular Architecture for CSS
SMACSS (pronounced “smacks”) is more style guide than rigid framework. There’s no library within here for you to download or install. SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It’s an attempt to document a consistent approach to site development when using CSS.

Technology

Spectrum Clash Builds Around Bionic Implants | PCWorld
The battle over scarce radio spectrum that has embroiled the mobile broadband world even extends to a little-known type of wireless network that promises to reconnect the human nervous system with paralyzed limbs.

Science

Alzheimer’s damage reversed by deep brain stimulation – health – 23 November 2011 – New Scientist
BRAIN shrinkage in people with Alzheimer’s disease can be reversed in some cases – by jolting the degenerating tissue with electrical impulses. Moreover, doing so reduces the cognitive decline associated with the disease.

Gaming

UX as an effective marketing tool | Boagworld
Traditional marketing consists of shouting to gain the attention of potential customers. He who shouts the loudest wins. However, this approach requires big budgets and years of trial and error.

5 Unusual Ways to Become a Better Speaker | Inc.com
You’ve been asked to speak at an important event. It’s a great opportunity and you should be thrilled—but since you rarely speak, especially in a formal setting, all you can think about is bombing.

8 Content Marketing Initiatives To Seriously Consider for 2012
I recently put together a new content marketing presentation focusing on the eight things I would be doing as a marketing executive now and into 2012. I thought I’d share it with you. Odds are, all of these won’t work for you, but I guarantee that at least one could make a major impact on your business for 2012.

Web and content design

The whole web is confused by mobile | Boagworld
App, web app, native app, mobile site, mobile app, adaptive design, reactive design, responsive design. What!?! There seems to be a lot of confusion out there. What do all of these seemingly interchangeable terms mean for me?

This post won’t take long to read | Mark Boulton
I’m seeing this small bit of meta-data associated with more and more blog posts. Just next to the post title, designed to help me make a judgement as to whether to read it, not read it, or read it later on using Instapaper or something.
I’ve got a problem with them. They’re trying to answer a question I don’t have.

Build a Killer Website: 19 Dos and Don’ts | Inc.com
I’m continually surprised by how many people call my design company with very firm ideas about what they want on their business website and yet, they haven’t thought through some of the most basic questions first. For this reason, our first question is always “Why do you need a site?,” not “What do you want on it?”

Technology

One Per Cent: Electronic contact lens displays pixels on the eyes
The future of augmented-reality technology is here – as long as you’re a rabbit. Bioengineers have placed the first contact lenses containing electronic displays into the eyes of rabbits as a first step on the way to proving they are safe for humans. The bunnies suffered no ill effects, the researchers say.

Coalpuccino: Foamy Carbon Could Revolutionize Batteries | Co.Exist: World changing ideas and innovation
Rechargeable batteries have done a lot to reduce the wasteful and chemically nasty disposal of single-use batteries, but there’s still scope for improving how useful they are—which would further reduce their environmental burden. Which is where, with a sweet irony because carbon by-products tend to be environmental criminals, an unusual type of carbon may change battery tech for the better.

Nvidia Demos Ice Cream Sandwich on Transformer Prime Tablet | Android 4.0
Nvidia released a promotional video of Ice Cream Sandwich running on an Asus Transformer Prime tablet, powered by quad-core Tegra 3. The demo highlights various new features offered by Ice Cream Sandwich, including a seamless transition swipe between the apps and widgets menu and the ability to drag and drop icons onto one another to create a folder.

Gaming

In Simulation: Thrustmaster HOTAS Warthog flightstick and throttle | PC Gamer
“Always use the right tool for the job.” Sage advice from my father many years ago, but his words rang especially true this past month when I finally got my paws on Thrustmaster’s latest HOTAS Warthog A-10C flightstick and throttle.

Batman: Arkham City on PC is the version Gotham needs (and you deserve)
You can boast about the 3D effects on a game; that’s normal. Or you can be so proud of the 3D effects on a game that you overnight a gaming writer a 3D monitor so he can see them in person. That’s what NVIDIA did…