Archivo de la etiqueta: Diseño Web

Nuevas funcionalidades con HTML 5

En la siguiente url:

http://apirocks.com/html5/html5.html

Podran ver las nuevas funcionalidades de HTML 5. Me ha impresionado algunas de ellas. La navegación entre las distintas páginas se asemeja bastante a una presentación de PowerPoint. Para poder verlas es necesario las últimas versiones de navegadores web que soporten HTML 5: Google Chrome, Firefox, Opera, etc…

HTML 5

Habrá que ir esperando a que los distintos desarrolladores Web vayan incorporando estas novedades a sus portales Web.

Mientras tanto en estos días apareció la noticia de que WebM será el nuevo formato libre de vídeo patrocinado por Mozilla, Goole y Opera, liberando el codec de video VP8. Dicha noticia la podemos encontrar en despuesdegoogle.

Anuncios

Google dará prioridad en las búsquedas a las páginas web que se carguen más rápido


[c&p]Google tendrá en cuenta a partir de ahora en el momento de clasificar los resultados de una búsqueda no sólo la relevancia de las páginas web (de acuerdo al número de otros sitios que la citan), como hasta ahora, sino también la rapidez con la que se carga la página.

Matiza que la nueva variable (la velocidad del sitio) no va a tener tanto peso como el número de citas o las palabras claves a la hora de colocar una página en una posición más alta o más baja tras realizar un búsqueda. De hecho, asegura que menos del 1% de las búsquedas se verán afectadas por esta nueva variable

Google ha puesto a disposición de los diseñadores de páginas web una serie de herramientas para que comprueben la velocidad a la que se carga su página web y les anima a mejorarla, no sólo para mejorar su posición en los resultados de la búsqueda sino también para “mejorar la experiencia de todo el mundo en Internet”.

Podemos encontrar las siguientes herramientas para evaluar el tiempo de carga de nuestras páginas:

  • Page Speed, un addon de  Firefox/Firebug que evalua el rendimiento de las páginas web y muestra sugerencias para  mejorarlas.
  • YSlow, una herramienta libre de Yahoo! que permite mejorar  la velocidad de carga de tu sitio Web.
  • WebPagetest muestra una vista en cascada del rendimiento de tus páginas webs, asi como también muestra un checklist enfocado a la optimización.
  • In Webmaster Tools, Labs > Site Performance muestra la velocidad del sitio web.
  • Otras herramientas en code.google.com/speed.

Fuente:  siliconnews y 20minutos.


12 de los mejores frameworks para diseño web

En jariviablog he encontrado una lista que bajo el punto de vista del autor son de los mejores frameworks para el diseño web (javascript,php,ajax,css, etc…). Habrá que tomar nota de cada uno de ellos cuando tengamos que crear un nuevo diseño.

1) Moo.fx – Su principal cualidad es que es muy ligera,más bien la podríamos definir como una diminuta libreria de efectos javascript escrita con prototype.js. Es fácil de usar,rápida y nos ofrece controles para modificar atributos como Height, Width, y Opacity con un gran rendimiento.Esta tambien optimizada para que escribas el menor código posible.

2) Rico – Una librería de uso abierto en JavaScript para crear aplicaciones amigables. Utiliza tecnologia Ajax, manejo de drag and drop , y otros muchos efectos.

3) Swat – Desarrollada por silverorange, Swat es un conjunto de herramientas open source para aplicaciones web escrito en PHP.

4) ColorCombos – ¿Quien no ha pensado nunca como una libreria de colores podria ahorrarnos cantidad de tiempo probando combinaciones?.Bien con esta aplicación podremos encontrarmultitud de combinaciones de colores solo seleccionas un color y se te mostraran diferentes combianaciones optimizadas.

5) script.aculo.us -Fácil de utilizar, compatible y potente ademas de proveerte de herramientas que dan a tu web un estilo Web 2.0.

6) Mochikit – Ligera y fácil de utilizar conseguirás resultados excelentes en muy poco tiempo.

7) Dynamic Drive CSS Library – Sin duda alguna podrás encontrar original y práctico código CSS tales como menus o botones que mejoraran el impacto visual de tu Web.

8 ) PEAR – Un framework y sistema de distribución de utilidades Php. PEAR nos ofrece complementos php agrupándolos en “Packages”.

9) DHTML Goodies – Una buena librería de scripts DHTML y AJAX.

10) dojo – Conjunto de herramientas open source JavaScript con la que obtienes resultados profesionales de manera facil y rápida.

11)jQuery es una biblioteca o framework de Javascript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web

12) MooTools es un Framework web orientado a objetos para JavaScript, de código abierto, compacto y modular. El objetivo de MooTools es aportar una manera de desarrollar JavaScript sin importar en qué navegador se ejecute de una manera elegante. MooTools aporta una API documentada más enfocada a la orientación de objetos que la implementación estándar soportada por los navegadores web.