Click para tamaño completo
lunes, 30 de agosto de 2010
miércoles, 18 de agosto de 2010
Ornitologia twittera
Etiquetas:
Humor
Esta ilustración le será de gran utilidad si es usted es un amante de la ornitología digital. Llévela consigo para introducirse al universo de los 140 caracteres e identificar los diferentes tipos de aves que en él habitan. Se sorprenderá.
Click Para tamaño completo
lunes, 9 de agosto de 2010
viernes, 30 de julio de 2010
miércoles, 28 de julio de 2010
HTML5
Etiquetas:
Actualidad,
Diseño Web
El HTML5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje de programación “básico” de la World Wide Web, el HTML. Esta nueva versión pretende remplazar al actual (X)HTML, corrigiendo problemas con los que los desarrolladores web se encuentran, así como rediseñar el código actualizandolo a nuevas necesidades que demanda la web de hoy en día.
A diferencia de otras versiones de HTML, los cambios en HTML5 comienzan añadiendo semántica y accesibilidad implícitas, especificando cada detalle y borrando cualquier ambigüedad.
Mejor estructura
Actualmente es abusivo el uso de elementos DIV para estructurar una web en bloques. El HTML5 nos brinda varios elementos que perfeccionan esta estructuración estableciendo qué es cada sección, eliminando así DIV innecesarios. Este cambio en la semántica hace que la estructura de la web sea más coherente y fácil de entender por otras personas y los navegadores podrán darle más importancia a según qué secciones de la web facilitándole además la tarea a los buscadores, así como cualquier otra aplicación que interprete sitios web. Las webs se dividirán en los siguientes elementos:
<section></section> - Se utiliza para representar una sección “general” dentro de un documento o aplicación, como un capítulo de un libro. Puede contener subsecciones y si lo acompañamos de h1-h6 podemos estructurar mejor toda la página creando jerarquías del contenido, algo mu favorable para el buen posicionamiento web.
<article></article> - El elemento de artículo representa un componente de una página que consiste en una composición autónoma en un documento, página, aplicación, o sitio web con la intención de que pueda ser reutilizado y repetido. Podría utilizarse en los artículos de los foros, una revista o el artículo de periódico, una entrada de un blog, un comentario escrito por un usuario, un widget interactivo o gadget, o cualquier otro artículo independiente de contenido.
Cuando los elementos de <article> son anidados, los elementos de <article> interiores representan los artículos que en principio son relacionados con el contenido del artículo externo. Por ejemplo, un artículo de un blog que permite comentarios de usuario, dichos comentarios se podrían representar con <article>.
<aside></aside> - Representa una sección de la página que abarca un contenido tangencialmente relacionado con el contenido que lo rodea, por lo que se le puede considerar un contenido independiente. Este elemento puede utilizarse para efectos tipográficos, barras laterales, elementos publicitarios, para grupos de elementos de la navegación, u otro contenido que se considere separado del contenido principal de la página.
<header></header> - Elemento <header> representa un grupo de artículos introductorios o de navegación.
<nav></nav> - El elemento <nav> representa una sección de una página que es un link a otras páginas o a partes dentro de la página: una sección con links de navegación.
No todos los grupos de enlaces en una página tienen que estar en un elemento <nav>, sólo las secciones que consisten en bloques principales de la navegación son apropiadas para ser utilizadas co el elemento <nav>. Puede utilizarse particularmente en el pie de página para tener un menú con un listado de enlaces a varias páginas de un sitio, como el Copyright; home page, política de uso y privacidad. No obstante, el elemento <footer> es plenamente suficiente sin necesidad de tener un elemento <nav>.
<footer></footer> - El elemento <footer> representa el pié de una sección, con información acerca de la página/sección que poco tiene que ver con el contenido de la página, como el autor, el copyright o el año.
Diferencias entre HTML y HTML5
Mejoras en los formularios
El elemento input adquiere gran relevancia al ampliarse los elementos que se permitiran en el “type”.
<input type="search"> para cajas de búsqueda.
<input type="number"> para adicionar o restar números mediante botones.
<input type="range"> para seleccionar un valor entre dos valores predeterminados.
<input type="color"> seleccionar un color.
<input type="tel"> números telefónicos.
<input type="url"> direcciones web.
<input type="email"> direcciones de email.
<input type="date"> para seleccionar un día en un calendario.
<input type="month"> para meses.
<input type="week"> para semanas.
<input type="time"> para fechas.
<input type="datetime"> para una fecha exacta, absoluta y tiempo.
<input type="datetime-local"> para fechas locales y frecuencia.
Otros elementos muy interesantes
<audio> y <video> - Nuevos elementos que permitirán incrustar un contenido multimedia de sonido o de vídeo, respectivamente. Es una de las novedades más importantes e interesantes en este HTML5, ya que permite reproducir y controlas vídeos y audio sin necesidad de plugins como el de Flash.
El comportamientos de estos elementos multimedia será como el de cualquier elemento nativo, y permitirá insertar en un video, enlaces o imagenes, por ejemplo. Youtube, ya ha anunciado que deja el Flash y comienza a proyectar con HTML5.
<embed> - Se emplea para contenido incrustado que necesita plugins como el Flash. Es un elemento que ya reconocen los navegadores, pero ahora al formar parte de un estándar, no habrá conflicto con <object>.
<canvas> - Este es un elemento complejo que permite que se generen gráficos al hacer dibujos en su interior. Es utilizado en Google Maps y en un futuro permitirá a los desarrolladores crear aplicaciones muy interessantes.
A diferencia de otras versiones de HTML, los cambios en HTML5 comienzan añadiendo semántica y accesibilidad implícitas, especificando cada detalle y borrando cualquier ambigüedad.
Mejor estructura
Actualmente es abusivo el uso de elementos DIV para estructurar una web en bloques. El HTML5 nos brinda varios elementos que perfeccionan esta estructuración estableciendo qué es cada sección, eliminando así DIV innecesarios. Este cambio en la semántica hace que la estructura de la web sea más coherente y fácil de entender por otras personas y los navegadores podrán darle más importancia a según qué secciones de la web facilitándole además la tarea a los buscadores, así como cualquier otra aplicación que interprete sitios web. Las webs se dividirán en los siguientes elementos:
<section></section> - Se utiliza para representar una sección “general” dentro de un documento o aplicación, como un capítulo de un libro. Puede contener subsecciones y si lo acompañamos de h1-h6 podemos estructurar mejor toda la página creando jerarquías del contenido, algo mu favorable para el buen posicionamiento web.
<article></article> - El elemento de artículo representa un componente de una página que consiste en una composición autónoma en un documento, página, aplicación, o sitio web con la intención de que pueda ser reutilizado y repetido. Podría utilizarse en los artículos de los foros, una revista o el artículo de periódico, una entrada de un blog, un comentario escrito por un usuario, un widget interactivo o gadget, o cualquier otro artículo independiente de contenido.
Cuando los elementos de <article> son anidados, los elementos de <article> interiores representan los artículos que en principio son relacionados con el contenido del artículo externo. Por ejemplo, un artículo de un blog que permite comentarios de usuario, dichos comentarios se podrían representar con <article>.
<aside></aside> - Representa una sección de la página que abarca un contenido tangencialmente relacionado con el contenido que lo rodea, por lo que se le puede considerar un contenido independiente. Este elemento puede utilizarse para efectos tipográficos, barras laterales, elementos publicitarios, para grupos de elementos de la navegación, u otro contenido que se considere separado del contenido principal de la página.
<header></header> - Elemento <header> representa un grupo de artículos introductorios o de navegación.
<nav></nav> - El elemento <nav> representa una sección de una página que es un link a otras páginas o a partes dentro de la página: una sección con links de navegación.
No todos los grupos de enlaces en una página tienen que estar en un elemento <nav>, sólo las secciones que consisten en bloques principales de la navegación son apropiadas para ser utilizadas co el elemento <nav>. Puede utilizarse particularmente en el pie de página para tener un menú con un listado de enlaces a varias páginas de un sitio, como el Copyright; home page, política de uso y privacidad. No obstante, el elemento <footer> es plenamente suficiente sin necesidad de tener un elemento <nav>.
<footer></footer> - El elemento <footer> representa el pié de una sección, con información acerca de la página/sección que poco tiene que ver con el contenido de la página, como el autor, el copyright o el año.
Diferencias entre HTML y HTML5
Mejoras en los formularios
El elemento input adquiere gran relevancia al ampliarse los elementos que se permitiran en el “type”.
<input type="search"> para cajas de búsqueda.
<input type="number"> para adicionar o restar números mediante botones.
<input type="range"> para seleccionar un valor entre dos valores predeterminados.
<input type="color"> seleccionar un color.
<input type="tel"> números telefónicos.
<input type="url"> direcciones web.
<input type="email"> direcciones de email.
<input type="date"> para seleccionar un día en un calendario.
<input type="month"> para meses.
<input type="week"> para semanas.
<input type="time"> para fechas.
<input type="datetime"> para una fecha exacta, absoluta y tiempo.
<input type="datetime-local"> para fechas locales y frecuencia.
Otros elementos muy interesantes
<audio> y <video> - Nuevos elementos que permitirán incrustar un contenido multimedia de sonido o de vídeo, respectivamente. Es una de las novedades más importantes e interesantes en este HTML5, ya que permite reproducir y controlas vídeos y audio sin necesidad de plugins como el de Flash.
El comportamientos de estos elementos multimedia será como el de cualquier elemento nativo, y permitirá insertar en un video, enlaces o imagenes, por ejemplo. Youtube, ya ha anunciado que deja el Flash y comienza a proyectar con HTML5.
<embed> - Se emplea para contenido incrustado que necesita plugins como el Flash. Es un elemento que ya reconocen los navegadores, pero ahora al formar parte de un estándar, no habrá conflicto con <object>.
<canvas> - Este es un elemento complejo que permite que se generen gráficos al hacer dibujos en su interior. Es utilizado en Google Maps y en un futuro permitirá a los desarrolladores crear aplicaciones muy interessantes.
martes, 27 de julio de 2010
Combinaciones de teclas para Ubuntu
Etiquetas:
Linux
Manejo de ventanas
Algunas de estas combinaciones requieren tener instalado el gestor Compiz.
Algunas de estas combinaciones requieren tener instalado el gestor Compiz.
- Win + E - Mostrar todos los escritorios en horizontal a la vez.
- Alt + Ctrl + Flecha izqda. o dcha. – Moverse entre escritorios, hacia la derecha o izquierda.
- Alt + Ctrl +Shift + Flecha izqda. o dcha – Mover la ventana actual a otro escritorio, hacia la derecha o la izquierda.
- Alt + Shift + Flecha arriba – Esta acción inicia un interfaz precioso para cambiar entre ventanas usando las flechas mientras mantienes pulsadas Alt + Shift.
- Alt + F9/F10 – Minimizar / Maximizar la ventana actual, la que estás viendo.
- Alt + F5 – Desmaximizar la ventana actual, la que estás viendo.
- Alt + F7 – Con este acceso rápido podrás mover la ventana actual por la pantalla utilizando las flechas apra indicar la dirección, si la arrastras hacia la derecha del todo o hacia la izquierda, se cambiará de escritorio.
- Alt+F8 – Redimensionar el tamaño de la ventana actual, la que estás viendo.
- Ctrl + Alt + D – Mostrar el escritorio – Volver a mostrar las ventanas que había antes de mostrarlo.
- Alt + Shift + Tab – Cambiar entre las ventanas al revés de como lo harías con Alt+Tab.
- Shift + Ctrl + N – Crea rápidamente una nueva carpeta.
- Alt + Enter – Mostrar rápidamente las propiedades del elemento seleccionado (sea archivo o carpeta).
- Ctrl + 1/2 – Cambiar la forma de ver los elementos entre lista o iconos.
- Ctrl + W – Cerrar la ventana actual de Nautilus.
- Ctrl + Shift + W – Cerrar todas las ventanas actuales de Nautilus.
- Ctrl + T – Abre una nueva pestaña en Nautilus (muy útil para trabajar con el movimiento/copia de archivos)
- Alt + Flecha arriba/abajo – Moverse a la carpeta padre o desplazarse entre ellas.
- Alt + Flecha izqda./dcha. – Moverse hacia atrás o entre las carpetas del Nautilus.
- Alt + Home – Ir tu carpeta /home.
- F9 – Mostrar/Ocultar el panel lateral de Nautilus.
- Ctrl + H – Mostrar/Ocultar las carpetas o archivos ocultos.
- Ctrl + Alt + L - Acceso rápido para bloquear tu escritorio, por si tienes que levantarte y dejar tu computadora sólo un rato.
- Alt + F1 – Abre el menu de las aplicaciones de Ubuntu.
- Alt + F2 – Abre el cuadro de lazar aplicaciones.
- Win + Rueda del ratón – Precioso zoom sobre el escritorio, que aumenta la zona en la que esté tu ratón.
Suscribirse a:
Entradas (Atom)