CREAR ANIMACIONES EN HTML 5 DE FORMA SENCILLA

Desde su aparición, HTML 5, ha sido considerado como el sustituto perfecto de Flash para la creación de animaciones para la web. Poco a poco, según hemos ido descubriendo HTML 5, las presagios se están confirmando y ya no necesitamos Flash para realizar una animación para nuestra web, basta con emplear HTML 5.

Las aplicaciones que van surgiendo para crear animaciones en HTML 5, están simplificando notablemente el desarrollo de las mismas. Todas ellas nos permiten crear de forma visual, rápida y sencilla una animación para la web, tan fácil y sencillo como crear una presentación de diapositivas de Power Point.

Las siguientes aplicaciones son las mas extendidas y mas utilizadas por los desarrolladores web para crear animaciones:

1.- Sencha Animator:  posiblemente es la más utilizada, sobre todo por estar disponible para las principales plataformas Windows, Mac y Linux. Sin duda alguna  esto ha favorecido su gran difusión y utilización, la aplicación nos permite crear animaciones para la web (botones, animaciones de texto, transición de imágenes…etc), anuncios y juegos para el navegador de forma gráfica e intuitiva. Podemos descargar la versión de prueba desde la web de sus desarrolladores  , si nos gusta podemos adquirir la aplicación por 99 $.

2.- Hype , esta aplicación es exclusiva de Mac, por lo que podemos ir olvidándonos de ella si utilizamos una plataforma diferente. Dispone de un interfaz gráfico en línea con las aplicaciones para  OS X, por lo que para los usuarios de Mac no les resultará difícil utilizar la aplicación. Se puede descargar desde el App Store de Apple por 39,99 euros, toda una ganga, aunque también podemos descargar una versión de prueba para evaluarla previamente.

3.- Adobe Edge  es la apuesta de Adobe por el desarrollo de animaciones en HTML 5 y CSS3. Continúa en la línea de su predecesora, Flash, en cuanto a la potencia y complejidad de la aplicación. Todo ello le confiere cierto punto de ventaja respecto a las otras aplicaciones, sobre todo si estamos buscando una aplicación que nos permita crear animaciones más avanzadas y complejas. Una muestra de su potencial es el empleo de jQuery para mostrar las animaciones en los navegadores que no soporten CSS3.

Una vez presentadas las tres aplicaciones mas utilizadas en el desarrollo de animaciones para la web, mediante HTML 5 y CSS3, tan solo nos falta decirnos cual de ella emplearemos en nuestro trabajo. Eso si, no debemos olvidarnos nunca, que todos los navegadores no soportan igual HTML 5 y CSS 3, por ejemplo con Internet Explorer podemos tener algún que otro problema, por eso no está de más probar nuestras creaciones en varios navegadores diferentes y compatibles con HTML 5 y CSS 3, así evitaremos sorpresas desagradables.

Tags de búsquedas:

animacion para imagenes html5,ide para html5,html5 geolocalizacion en que se basa,diseño web html5 css3 linux,cual es la mejor opcion para crear animaciones en html5,crear animaciones para web html5,crear animaciones con html5,creador de animaciones html5,como crear animaciones imagenes html,como crear animacion en html

NUEVO EDITOR DE SITIOS WEB PARA MÓVILES EN BASEKIT

Basekit  es uno de los mejores sistemas existentes en la actualidad para crear de forma sencilla una web, tanto a nivel personal como a nivel profesional. Nos permite crear nuestra web sin necesidad de tener grandes conocimientos sobre programación o diseño web, simplemente utilizando las plantillas existentes en su web o subiendo nuestro propio diseño,podremos tener nuestra web plenamente operativa en unos pocos minutos, pudiendo modificarla directamente desde el navegador sin necesidad de tener instalado ningún otro software.

Recientemente Basekit ha lanzado un nuevo editor de sitios web para plataformas móviles, esta nueva plataforma cuenta con unas 20 plantillas nuevas, todas con un estilo y acabado profesional, orientadas a los dispositivos móviles por lo que los tiempos de carga son muy bajos. Además esta nuevo editor nos permite personalizar la plantilla elegida de forma sencilla y sin complicaciones, pudiendo ver el resultado final mientras vamos realizando las modificaciones de color, fuentes o la propia disposición de los elementos de nuestra web.

Este nuevo editor de Basekit cuenta con una serie de características que le confieren una mayor profesionalidad y sin duda alguna le convierte en uno de los mejores sistemas para crear nuestra web. Algunas de dichas características son:

1.- Optimización de imágenes, el nuevo editor optimiza las imágenes de nuestra web para que se carguen de forma rápida en los dispositivos móviles.

2.- Nuevo botón “llama ahora”, está orientado hacia las webs profesionales, ya que permite a los visitantes de la web y clientes potenciales, poder ponerse en contacto directo con los responsables de la web.

3.- Nuevo editor de textos integrado, facilita la introducción de textos en la web mientras la vamos creando. Por otra parte nos permite ver como se visualiza en los dispositivos móviles el texto introducido lo que nos permite subsanar cualquier error existente.

4.- Integración con Google Maps, nos permite mostrar la ubicación exacta de nuestro negocio para ayudar a los usuarios a localizarlo.

5.- Nuevos formularios de contacto, esta nueva versión incluye nuevos formularios de contacto adaptados a los dispositivos móviles.

6.- Integración con las redes sociales, el nuevo editor nos permite interconectar de forma sencilla el contenido de nuestra web con las principales redes sociales actuales.

7.- Importación de contenido, el nuevo editor de contenido para dispositivos móviles nos permite importar de forma sencilla el contenido de nuestra pagina web creada con Basekit. De esta forma podremos visualizar el mismo contenido tanto si accedemos desde un ordenador como si accedemos desde un dispositivo móvil.

Gracias a todas estas características el nuevo editor de contenidos de Basekit nos simplificará la labor de creación de nuestra web. Lo mejor de todo, sin duda, es que ahora podemos probar dicho sistema de una forma totalmente gratuita

Prácticos atajos para Chrome para ahorrar tiempo cuando navegamos

Somos bastante fanáticos de los atajos de teclado. Ya les presentamos dos listas prácticas con los shortcuts más importantes para Twitter y para Facebook, que una vez que arrancamos a usar se transforman en verdaderamente adictivos. Otra herramienta que seguramente muchos de nosotros usamos diariamente es Google Chrome, y también tenemos algunos atajos para ella. A continuación, les presentamos una lista con los atajos de teclado para Chrome más útiles, que nos pueden ayudar a aumentar nuestra productividad y a ahorrar tiempo.

Los básicos

Algunos atajos de teclado para Chrome seguramente ya los conocen, pero no está de más recordarlos por las dudas.

• Nueva ventana: para abrir una nueva ventana de Chrome, tenemos que presionar Ctrl + N.
• Nueva pestaña: si no queremos usar una nueva ventana, y preferimos manejarnos con pestañas, que es más cómodo, podemos hacerlo con Ctrl + T.
• Nueva ventana de incógnito: la ventana de incógnito también puede ser muy práctica. En Chrome, podemos abrir una nueva usando Ctrl + Shift + N.
• Abrir pestaña cerrada: así como podemos abrir una pestaña nueva, también podemos hacerlo con las pestañas recientemente cerradas sin necesidad de entrar al historial, con Ctrl + Shift + T.

Más avanzados

Algunos atajos de teclado para Chrome nos permiten hacer funciones más avanzadas que no dejan de ser prácticas. Quizás no usamos estas funciones con tanta asiduidad, pero si las memorizamos nos pueden ahorrar bastantes clics.

• Abrir una pestaña sin abandonar en la que estamos: si estamos trabajando pero queremos abrir un link que nos lleva a otra página, podemos hacerlo sin problemas. Por un lado, presionando Ctrl y haciendo link en el enlace, pero por el otro, también usando el botón central en el scroll del mouse.
• Moverse entre pestañas: para movernos entre diferentes pestañas, también tenemos que usar Ctrl. Simplemente contamos la cantidad de pestañas que tenemos abiertas, y seleccionamos el número de izquierda a derecha. Así, Ctrl + 1 abrirá la primera pestaña, Ctrl + 2, la siguiente, y así sucesivamente.
• Cerrar la pestaña: para cerrar la pestaña en la que nos encontramos, podemos presionar Ctrl + W.
• Atrás: para ir hacia atrás en una determinada web, tenemos que apretar el backspace –importante tener en cuenta que, si estamos escribiendo, simplemente borrará, y si no estamos escribiendo y queremos borrar, la barra espaciadora nos llevará hacia atrás-.
• Adelante: para hacer justamente lo contrario, combinamos la tecla backspace con Shift.
• Abrir menú: el menú es fundamental en Chrome, pues nos permite acceder a la configuración de todas nuestras extensiones, entre otras cosas. Para poder entrar al menú sin necesidad de hacer clic, tenemos que ingresar en el teclado Alt + F.
• Abrir historial: para abrir el historial sin necesidad de clics o de escribir la dirección en la barra, podemos presionar Ctrl + H.
• Abrir descargas: lo mismo sucede si queremos ver todas las descargas hechas en el navegador. Apretamos Ctrl + J y entramos a la página de descargas.
• Abrir el administrador de tareas: el administrador de tareas también es una herramienta muy útil en Chrome, y podemos entrar usando Ctrl + Shift + Esc.
• Abrir URL en una pestaña nueva: finalmente, para abrir una URL que acabamos de ingresar en la barra de direcciones de Chrome, podemos presionar Alt + Enter.

Les recordamos que todos estos atajos, y muchos más –que no nos han resultado tan relevantes, pero pueden serlo para otras personas- se encuentran disponibles en la página de ayuda de Chrome.

Restaurar el PC a un estado determinado al iniciar

Desde hace años la opción de hibernación de sistemas como Windows siempre ha sido mi favorita. Hoy en día las cosas han cambiado bastante con sistemas como Mac OS X o el último Windows 8, pero básicamente la hibernación supone hacer un volcado de la memoria RAM al disco para que al encender la computadorarecuperemos el estado del sistema en el que anteriormente habíamos estado trabajando. Una idea parecida surge con la opción de Restaurar el Sistema de Windows, aunque aquí no restauramos la RAM de vuelta al disco duro, sino que hacemos una copia del mismo (o de los archivos del sistema) para volver a un punto donde los archivos aún no se habían visto afectados por determinados eventos. Reboot Restore Rx va un paso más allá y nos permite hacer de esto algo habitual para restaurar estados determinados con cada reinicio del sistema.

La idea (que descubro en AddictiveTips no es la de restaurar el último estado del sistema, como con la hibernación, sino restaurar un estado determinado, guardado por nosotros mismos con una configuración y un estado específicos. La verdadera potencia de Reboot Restore Rx reside tal vez en su uso en ordenadores públicos. Imaginaos que compartís ordenador en un ciber café -*aún existen este tipo de locales, ¿verdad?- o incluso en la academia de informática. Seguramente sean varios usuarios los que utilicen el equipo a lo largo del día, y los administradores de los mismos tienen que mantenerlos y asegurarse de que estan libres de virus y de que ningún usuario ha efectuado, malintencionadamente o por error, cambios en el sistema que imposibiliten a otras personas disfrutar del mismo. Reboot Restore Rx arregla eso y nos permite tener unas máquinas que sólo necesitan un reinicio para volver a su configuración original.

¿Cómo funciona? Básicamente, igual que la opción de Copia de Seguridad / Restaurar el Sistema de Windows. Reboot Restore Rx es un asistente de copias de seguridad que nos permite crear puntos de partida que restaurar cuando iniciamos el ordenador. Para ello sólo tenemos que seleccionar la partición o particiones que queremos salvar y que posterirmente restauraremos. No hay más misterio.

Lo que sí hay que tener en cuenta es que cuando restauremos las particiones, todos los archivos que hayamos guardado desde que hicimos la copia hasta que la restauramos habrán desaparecido, al igual que los cambios en la configuración del sistema, programas instalados o eliminados, y demás accioens realizadas.

La aplicación es gratuita (se distribuye como freeware) y funciona en sistemas que van desde Windows 2000 y XP hasta el último Windows 8, todos ellos en versiones de 32 o 64 bit. Podéis descargarlo en la página de su desarrollador, donde se ofrecen otros programas relacionados.

Calidad del Software (Características de calidad ISO 9126)

La ISO 9126 define un modelo de calidad para calidad tanto interna como externa. Categoriza los atributos de calidad del software en 6 características: funcionalidad, fiabilidad, usabilidad, eficiencia, mantenibilidad y portabilidad. Estas características están subdivididas en sub características que pueden ser medidas por métricas internas o externas.

La calidad interna es la totalidad de características del producto software desde una visión interna (componentes/productos intermedios). La calidad interna es medida y evaluada contra los requisitos de calidad internos. Los detalles de calidad del producto software pueden ser mejorados durante la implementación, revisión y pruebas del código, pero la naturaleza fundamental de la calidad del producto software representado por calidad interna permanece sin cambios a menos que se lleven a cabo actividades de re-diseño.

La calidad externa es la totalidad de características del producto desde una visión externa (producto final). Es la calidad cuando el software es ejecutado, que es típicamente medido y evaluado durante las pruebas en un entorno simulado con datos simulados utilizando métricas externas. Durante las pruebas, la mayoría de los fallos deberían ser descubiertos y eliminados. Sin embargo, algunos fallos pueden permanecer después de las pruebas. Como es difícil corregir la arquitectura del software u otros aspectos fundamentales del diseño del software, el diseño fundamental normalmente permanece invariable durante las pruebas.

Funcionalidad

Capacidad del producto software de proporcionar funciones que cumplan las necesidades cuando el software es utilizado bajo condiciones específicas.

 Fiabilidad

Capacidad del producto software para mantenerse a un nivel especifico de rendimiento cuando es utilizado bajo condiciones específicas.

Usabilidad

Capacidad del producto de ser entendido, utilizado y ser atractivo al usuario cuando es utilizado bajo condiciones específicas.

Eficiencia

Capacidad del producto para proporcionar un apropiado rendimiento, relativo al conjunto de recursos utilizados bajo condiciones establecidas.

Mantenibilidad

Capacidad del producto de ser modificado. Las modificaciones pueden incluir correcciones, mejoras o adaptación del software a cambios en el entorno, en requisitos o en especificaciones funcionales.

Portabilidad

Capacidad del producto software de ser transferido desde un entorno a otro.