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 Leer más “10 buenas practicas para escribir código HTML”

¿Qué es un mensaje directo? (DM)


¿Qué es un mensaje directo?

 Además de las actualizaciones públicas y @respuestas, puedes enviar tweets privados a tus seguidores, también llamados mensajes directos. La gente que tú sigues puede enviarte un mensaje privado. Atención: sólo puedes mandar mensajes directos a usuarios que te siguen.

Cómo enviar un mensaje directo a través de la web:

  1. Inicia sesión en tu cuenta de Twitter.
  2. Haz clic en la pestaña de “Mensajes” en la barra de menú superior de la página.
  3. La página te mostrará los mensajes directos. Haz clic en “Nuevo Mensaje”.
  4. En el cuadro emergente, escribea el nombre o nombre de usuario de la persona que deseas enviar el mensaje. Se te darán sugerencias basadas en lo que escribas.
  5. Escribe el mensaje que deseas enviar en privado y haz clic en “Enviar”.

Consejo: Si el nombre no aparece en la casilla, asegúrate de que el usuario te sigue. Sólo puedes enviar un mensaje directo a tus seguidores.

Twitter___Mensajes.jpg

Cómo enviar un mensaje directo desde un teléfono móvil: Leer más “¿Qué es un mensaje directo? (DM)”

#Facebook ¿Cómo convertir un perfil personal en página comercial? | Vía socialgeek.co


Social Geek – Redes Sociales – Tutoriales – Tecnología

JOHNNIE NIETO 

#Facebook ¿Cómo convertir un perfil personal en página comercial?

Para iniciar ya tenemos claro cuales son las ventajas de tener para nuestra empresa, marca o negocio, una página comercial (Like page, brand page, página de fans o como la quieran llamar) sobre un perfil personal, además de conocer las ventajas, debemos de tener muy claro que entre las políticas de facebook, NO está permitido que una empresa tenga como canal de comunicación con sus clientes, un perfil personal.

Lastimosamente aún con esta información tan clara, es muy común ver este error en facebook, son muchas las marcas de las cuales queremos recibir actualizaciones y nos llevamos una gran sorpresa al querer dar “Me gusta” en su página y nos encontramos con el botón de “Agregar a mis amigos” ok, ok, pero aún cuando damos clic y nos sale el siguiente mensaje: “Lo sentimos, este usuario alcanzó el número máximo de solicitudes” esto NO debería suceder.

Facebook es consciente de este gran problema y precisamente por eso también ofrece solución ¿Cuál? Migrar tu perfil personal a página comercial ¿Y cómo lo hago? ¡Súper fácil! Pero antes debes de tener en cuenta varios puntos: Leer más “#Facebook ¿Cómo convertir un perfil personal en página comercial? | Vía socialgeek.co”

#Tutorial ¿Cómo fusionar dos páginas en Facebook? | Vía socialgeek.co


Social Geek – Redes Sociales – Tutoriales – Tecnología

#Tutorial ¿Cómo fusionar dos páginas en Facebook?

JOHNNIE NIETO
En mi anterior post: ¿Cómo convertir un perfil personal en página comercial?  habíamos quedado en que, proximamente, explicaria con detalles la opción que nos da Facebook para fusionar páginas.

En un principio pensé hacerlo extenso, igual que el de convertir perfiles en páginas, pero… No sé si ya les conté, estoy haciendo un Diplomado en Community Manager y precisamente durante esta semana, asistí al modulo llamado: “Escribir para Internet” con la Argentina Julia Rayeb y uno de sus más grandes consejos fue que: aunque el contenido extenso sirve para el SEO, lo mejor es ser lo más preciso y conciso posible.

Recomendaciones a tener en cuenta para la fusión: Leer más “#Tutorial ¿Cómo fusionar dos páginas en Facebook? | Vía socialgeek.co”

How To Create Seamless Patterns Using Illustrator CS6 | [Tutorial Video]


http://creativenerds.co.uk

 howtocreateseamlesspatternsusingillustrator How To Create Seamless Patterns Using Illustrator CS6

 

We have another great illustrator quick tip to share with you. The quick tip utilizes how you can use the pattern feature in the latest version of illustrator, in order to construct seamless vector patterns. The tutorial is a great starting point for gaining an understanding of how the new pattern tool feature works, its also a step towards mastering new feature.

I hope you enjoy the quick tip. I would love hear in the comments your thoughts on the tutorial and I hope you enjoy. We have a YouTube channel where you can watch previous quick tips, also don’t forget to be subscribe to our YouTube channel so you never miss another tutorial.

Note: The video is available in HD, so when watching the video be certain to change the definition to HD.

Tutorial Details
Difficulty: Beginner
Tutorial estimation time: 6 to 3mins
Program: Illustrator CS6

Preview

seamlesspattern How To Create Seamless Patterns Using Illustrator CS6

VIDEO Tutorial:


Lo pedís lo tenés **tutorial**: cómo insertar videos a presentaciones PowerPoint para enriquecerlas?

Actualmente, las presentaciones en PowerPoint se utilizan no sólo para conferencias y eventos, en manos de un presentador, sino que también se utilizan en sitios web y se comparten con herramientas varias, como ser SlideShare, para promocionar productos y servicios o para presentar investigaciones, estadísticas, análisis, y para construir materiales de estudio a distancia.

Para poder enriquecer entonces estas presentaciones en vistas a que no estarán sincronizadas ni descriptas por un presentador, surge la necesidad de sacar provecho a la posibilidad de insertar en ellas videos, objetos flash, audio, etc.

En este artículo hablaremos de cómo insertar videos, y también mencionaremos algunas herramientasgratuitas que pueden instalarse para usarse junto con PowerPoint para el manejo de videos.

Con PowerPoint 2007 o 2010podemos insertar un video:

que tengamos guardado en nuestro disco local, excepto que sea de formato .mov, el que deberemos convertirlo a un formato compatible para incrustarlo en una diapositiva.
un video de YouTube en PowerPoint usando algún add-in para PowerPoint.

Con PowerPoint 2010 hay algunas otras opciones más, pero lo veremos en detalle en otro artículo.
Insertar un vídeo guardado en nuestro disco local


Actualmente, las presentaciones en PowerPoint se utilizan no sólo para conferencias y eventos, en manos de un presentador, sino que también se utilizan en sitios web y se comparten con herramientas varias, como ser SlideShare, para promocionar productos y servicios o para presentar investigaciones, estadísticas, análisis, y para construir materiales de estudio a distancia.

Para poder enriquecer entonces estas presentaciones en vistas a que no estarán sincronizadas ni descriptas por un presentador, surge la necesidad de sacar provecho a la posibilidad de insertar en ellas videos, objetos flash, audio, etc.

En este artículo hablaremos de cómo insertar videos, y también mencionaremos algunas herramientasgratuitas que pueden instalarse para usarse junto con PowerPoint para el manejo de videos.

Con PowerPoint 2007 o 2010podemos insertar un video:

  • que tengamos guardado en nuestro disco local, excepto que sea de formato .mov, el que deberemos convertirlo a un formato compatible para incrustarlo en una diapositiva.
  • un video de YouTube en PowerPoint usando algún add-in para PowerPoint.

Con PowerPoint 2010 hay algunas otras opciones más, pero lo veremos en detalle en otro artículo.

Insertar un vídeo guardado en nuestro disco local

En la vista Normal, haga clic en la diapositiva en la que desea insertar un vídeo.

  1. En la diapositiva que queramos insertar el video, hacemos clic en Insertar > Película > Película de archivo
  2. En la ventana siguiente, elegimos el video que queremos insertar y damos clic al botón de Abrir
  3. A continuación, se nos presenta un cuadro de diálogo que nos permite decidir si queremos que el video se reproduzca automáticamente o no. Seleccionamos la opción que nos convenga. Aparecerá una imagen incrustada en la diapositiva actual, que no es más que una escena del video.
  4. Si hacemos clic en esa imagen, veremos las opciones de configuración en la parte superior:

Leer más “Lo pedís lo tenés **tutorial**: cómo insertar videos a presentaciones PowerPoint para enriquecerlas?”