8 agosto 2012 – Gabriel Catalano®

10 buenas practicas para escribir código HTML

Bitelia

La mejor manera de hacer que nuestros sitios web se vean y funcionen correctamente en cualquier navegador, es escribiendo código limpio y que respete los estándares. En la actualidad, la calidad del código HTML presente en cada página es un factor que ayuda a mejorar -o empeorar- el posicionamiento en buscadores, una razón de peso para preocuparnos por escribirlo correctamente.

La lista de buenas practicas que sigue a continuación puede ser percibida por los desarrolladores más avanzados como “básica”, y puede que así sea. Sin embargo, espero que sea de utilidad para todos, en especial para nuestros lectores que recién se inician en este mundo del desarrollo web.

En las primeras versiones del lenguaje -hablo de muchos muchos años atrás- y con los navegadores antiguos, muchas de estas reglas podían omitirse y cada uno establecía su propio estilo, sin que esto preocupara mucho a nadie. Por fortuna, las cosas han cambiado y hoy día somos mucho más exigentes con nosotros mismos.

Existe algunas reglas que debemos respetar, sobre todo ahora que HTML5 comienza a presentarse con más fuerza. Estas reglas no las inventé yo, solo las aprendí con mi trabajo y hoy quiero compartirlas para que todos escribamos HTML de calidad.

Declarar el DOCTYPE correcto

Existen varias versiones de HTML, cada una con sus propias reglas, etiquetas, elementos y atributos. La única manera de que un navegador muestre correctamente una página web es conociendo exactamente la versión de HTML que usa el documento que la contiene.

Para indicarle al navegador la versión de HTML que estamos usando debemos usar la declaración <!DOCTYPE> y debe ser la primera línea de nuestro documento. Y aquí algunos ejemplos:

DOCTYPE en HTML5
<!DOCTYPE html>

DOCTYPE HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

DOCTYPE XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Si te encuentras un poco confundido ahora, puedes utilizar esta referencia donde se muestran las diferentes declaraciones posibles y las diferencias entre ellas.

Recuerda cerrar las etiquetas Continuar leyendo «10 buenas practicas para escribir código HTML»

Biblio...¿cómo?

Desde Wwwhatsnew nos hacemos eco de la infografía realizada HighTable y publicada por Mashable sobre la web móvil, donde podemos ver diversas estadísticas muy interesantes a la hora de desarrollar estrategias para la web móvil:

Infografia_web_movil

Fuentes: Wwwhatsnew

Mashable

HighTable

Ver la entrada original

‘bimensual’ y ‘bimestral’, ‘bianual’ y ‘bienal’: diferencias | por CELIA VILLAR

manualdeestilo.com

Hay términos parecidos que suelen confundirse, como bimensual ybimestral o bianual y bienal. El siguiente vídeo aclara de manera sencilla la diferencia entre estos pares de palabras.

Diferencias entre bimensual/bimestral y bianual/bienal (vídeo 0.35 min)

Pinterest es ya la tercera red social más popular en el mundo. Algunos datos interesantes acerca de esta red social que está logrando impulsar las ventas online.

Checklist con las acciones en social media que deberíamos hacer cada día en nuestros negocios.

Young Media

Las 6 preguntas necesarias que debemos hacernos a la hora de elaborar una estrategia de social media.

VÍCTOR MARTÍN

Tecnología y el paradigma de consumo

Cronista.com

GALERÍA

#Por Ezequiel Lo Cane, profesor del LearningLAB de la Escuela de Postgrado del ITBA

La nueva economía del conocimiento acelera la velocidad con la que se decide y se aprende. La sociedad de consumo evoluciona a partir de un nuevo paradigma cultural digitalizado, que define nuevos parámetros en un mercado complejo. eBusiness, social media, marketing digital, business intelligence son solo algunas aristas del escenario actual dentro del cual hay economías regionales antes líderes y, hoy, en estado crítico, además de los desafíos locales, requiere nuevas habilidades de management.

Los consumidores han tomado el poder y dialogan desde temprana edad con mayor cantidad y variedad de contenidos en un contexto que amplió las fronteras. El mercado de hoy es un poliedro con tantas caras como consumidores, todas diferentes y únicas, por lo cual resulta imposible seguirlo y conquistarlo sin el dominio de la tecnología.
El liderazgo se vale de herramientas como los motores de innovación para competir en un marco cuyas regulaciones desafían la economía tal como estaba planteada y quiebra los paradigmas tradicionales.
La comunicación en tiempo real es el nuevo driver de la economía del conocimiento, la tecnología ha colaborado en su metamorfosis y ha mejorado su alcance, velocidad y acceso a los dispositivos que los consumidores usan y aman. La banda ancha, la fibra óptica, los planes de equidad gubernamentales, entregando computadoras para facilitar el acceso a la sociedad del conocimiento, la penetración de los celulares, las tablets y, ahora también, los televisores con acceso web han logrado que la sociedad esté híperconectada, comunicada, enterada, opinando y compartiendo, decidiendo. El consumidor socialmedia no solo compra, califica productos, recomienda servicios, pone en jaque el valor de marcas, antes intocables. Hasta ha logrado torcer rumbos políticos.

El pasado Continuar leyendo «Tecnología y el paradigma de consumo»

QR Code Treasure Hunt Brings Teens to Libraries

govtech.com

As a way to teach teens about library resources, the Chesterfield County, Va., public libraries gave them a challenge: Solve problems with the help of quick response (QR) codes.

QR codes are a unique series of patterns that — when scanned with a camera-ready smartphone or mobile device — pull up information such as facts about an object the QR code is attached to.

At the Chesterfield County Public Library, QR codes were deemed a fitting technology to use for teaching teens information about the county libraries.

[ Sponsored White Paper: Changing the Cloud Security Landscape ]

“We wanted to try to reach them on their own terms, so we thought about using technology,” said Carolyn Sears, the library services administrator for community services. “… that’s how we got the QR code idea.”

In November, the county libraries tried a two-month program called “iHunt: Crack the CCPL Code.” The program challenged teens to learn about library resources by completing a digital treasure hunt inside the library.

Librarians strategically placed signs equipped with QR code readers throughout the facility for the teens to find.

Participants started by answering a question about one of the library’s resources. By following the clues in the question, they could find the item the clues led to. They’d also find a sign with a QR code, which when scanned would give them the clues for the second question.

For example, the hunt tasked its participants to locate a specific DVD title. Once participants located the DVD, they’d find a QR code that would help them find the next item in the hunt. Continuar leyendo «QR Code Treasure Hunt Brings Teens to Libraries»