OverAPI – Collecting All Cheat Sheets

Para finalizar el año, que mejor que una guía de consulta rápida y chuletillas para desarrollares y diseñadores web que seguro que nos facilitan el trabajo del dia a dia, aunque seguro que muchos de vosotros ya las conocéis, nunca esta de más tenerlas a mano: http://overapi.com/

overapi-fondo

Nos vemos el próximo año…

Anuncios

Libros Programacion Web Gratis

Aqui os dejo este link http://www.librosweb.es/ con unos cuantos libros de programación web en castellano y totalmente gratuitos.

Introducción a AJAX

Portada del libro Introducción a AJAX

  • Comenzando desde cero y llegando hasta las técnicas más avanzadas.
  • Incluye Google Maps, Prototype, jQuery y decenas de ejemplos.

Empezar a leerlo

Introducción a JavaScript

Portada del libro Introducción a JavaScript

  • Creado para diseñadores web sin experiencia en programación.
  • Aprende a manejar eventos, validar formularios y crear otras utilidades comunes.

Empezar a leerlo

Introducción a XHTML

Portada del libro Introducción a XHTML

  • Guía completa para crear páginas web, con más de 60 ejemplos.
  • Aprende cómo crear páginas web accesibles y que validen.

Empezar a leerlo

Introducción a CSS

Portada del libro Introducción a CSS

  • Guía completa para aplicar estilos a las páginas web.
  • Incluye las propiedades de CSS 2.1 y decenas de ejemplos.

Empezar a leerlo

Referencia de CSS 2.1

Portada del libro Referencia de CSS 2.1

  • Las 115 propiedades de CSS 2.1 explicadas detalladamente
  • Incluye más de 300 ejemplos originales

CSS avanzado

  • Técnicas imprescindibles como sustitución de texto, sprites, sombras y transparencias
  • Buenas prácticas y recomendaciones de los mejores diseñadores
  • Frameworks CSS y diseño de páginas con YUI
  • Referencia imprescindible para diseñadores web avanzados

Empezar a leerlo

Link Oficial:  http://www.librosweb.es/

Jugando y programando con HTML5

Para aprender a programar vuestra primera aplicación con HTML5, que mejor manera que “jugar” con ello, buscando por la red, he encontrado este tutorial de billmill.org que nos enseña paso a paso como desarrollar el juego Brick desde cero.

 

Tutorial HTML5 paso a paso:

  1. Introduction
  2. Draw a Circle
  3. Add Some Color
  4. Action
  5. Library: an Interlude
  6. Bounce
  7. Add a Paddle
  8. The Keyboard
  9. The Mouse
  10. The Bricks
  11. Finishing Touches
  12. Coda

Link oficial: http://billmill.org/static/canvastutorial/index.html

Para que funcione, como bien explica en su página, necesitais la librerias jQuery.

Que lo disfruteis!!

 

 

 

Juegos con HTML5

Para conocer un poco mejor la potencia de HTML5 que mejor que unas dosis de juegos clásicos realizados integramente con esta nueva tecnología para disfrutar un rato de ellos en nuestros PC, Mac, Iphone, Ipad, etc.

Por supuesto, debeis tener actualizados los navegadores a sus ultimas versiones con soporte para HTML5, si teneis, Internet Explorer 7/8, Chrome, Mozilla, Opera, Safari, etc.  en versiones anteriores por lo general no funcionaran correctamente.

Lista de juegos realizados con HTML5 y Canvas:

y muchos más, aquí teneis el enlace oficial: http://html5games.com/

En el proximo post, veremos como implentar nosotros mismos un juego con HTML5 para ver todas las posibilidades.

JQuery Selectores Interactivos

Buceando por la red, he descubierto esta interesante utilidad llamada jQuery Selectors, que permite, de forma interactiva realizar pruebas de todos los selectores de una página, además, podemos acceder directamente a toda la documentación oficial de jQuery API donde encontraremos toda la información completa de cada elemento y ejemplos de uso.

Sin lugar a dudas, nos va a permitir aumentar nuestra productividad a la hora de escribir código jQuery en nuestras aplicaciones.

Resumen de los tipos de selectores para utilizar con jQuery:

  • Selectores por TagName (simple o múltiple): $(‘div’) ó $(‘a, p, div, span’)
  • Selectores por ID: $(‘#ID’)
  • Selectores por Clase: $(‘.miclase’) ó $(‘div.miclase’)
  • Selectores por Atributos: $(‘a [title]’) ó $(‘a [title=”mi titulo”]’)
  • Selectores por Atributos que contienen un valor: *
  • Selectores por Atributos que empiezan por un valor: ^
  • Selectores por Atributos que terminan por un valor: $
  • Selectores para Formularios <forms>: $(‘:input’) ó $(‘:text’) ó $(‘:checkbox’) ó $(‘:button’) etc…

Aquí teneis una imagen de JQuery Selectors (click para acceder a la web interactiva):

Espero que os sea de utilidad y como guía de consulta para jQuery.

Tutorial JQuery Completo

La definición más simple de jQuery, es como explican en su propia web, “un nuevo tipo de librería JavaScript para escribir menos y hacer más”, claro está, que esto es solo una definición muy simplista, ya que,  jQuery nos ofrece un potente framework para desarrollar e interactuar desde la parte cliente con infinidad de funciones, eventos, documentos, animaciones, etc.

El mejor tutorial gratuito en castellano que he visto por Internet sobre jQuery, ha sido publicado por Desarrolloweb.com, donde trata todos los temas de forma muy clara para aprender jQuery y todas sus funcionalidades desde cero.

Temario Completo jQuery:

1.- Introducción a jQuery

2.- Demo muy simple de uso de jQuery

3.- Pasos para utilizar jQuery en tu página web

4.- Básicos jQuery: añadir y quitar clases CSS sobre elementos

5.- Mostrar y ocultar elementos de la página con jQuery

6.- Efectos rápidos con jQuery

7.- Callback de funciones jQuery

8.- Uso de Ajax muy sencillo con jQuery

9.- Ajax jQuery con mensaje de carga

10.- Core de jQuery

11.- Función jQuery o función $()

12.- Otros usos de la función $()

13.- Core/each: each del core de jQuery

14.- Método size() y propiedad length del core de jQuery

15.- Método data() Core jQuery

16.- Consideraciones interesantes de data() y removeData()

17.- Selectores en jQuery

18.- Ejemplo para practicar con selectores en jQuery

19.- Selectores de Jerarquía en jQuery

20.- Acceder y modificar atributos HTML desde jQuery

21.- Método attr() de jQuery, otros usos y removeAttr()

22.- Método css() de jQuery

23.- Funciones CSS jQuery para tamaño y posición de elementos

24.- Eventos en jQuery

25.- Manejadores de eventos en jQuery

26.- Introducción Objeto evento en jQuery

27.- Eventos de ratón en jQuery mouseenter y mouseleave

28.- Eventos de teclado en jQuery

29.- Definir eventos con bind() y eliminarlos con unbind()

30.- Eventos definidos con live() en jQuery

31.- Plugins en jQuery

32.- Reglas para el desarrollo de plugins en jQuery

33.- Plugin jQuery: textarea con cuenta de caracteres

34.- Gestión de opciones en plugins jQuery

35.- Plugin Tip con opciones en jQuery

36.- Funciones y variables dentro de plugins jQuery

37.- Plugin checkbox personalizado con jQuery

38.- Alias personalizado y ocultar código en plugins jQuery

39.- jQuery animate(): Animación de propiedades CSS

40.- Fading en jQuery

41.- Colas de efectos en jQuery

42.- Método queue() para acceder a una cola de efectos

43.- Meter cualquier tipo de función en una cola de efectos jQuery

44.- Parar la ejecución de una cola de efectos jQuery

45.- Método delay() para retrasar la ejecución efectos de la cola

46.- Cola de efectos personal (no predeterminada) en jQuery

47.- Método jQuery.extend()

48.- $.get() de jQuery para hacer una solicitud Ajax tipo HTTP GET

49.- Eventos en una solicitud ajax con $.get() en jQuery

50.- Parámetros recibidos por las funciones de los eventos Ajax

Videotutorial jQuery

1.- Vídeo: comenzar a programar con jQuery

2.- Videtutorial función $ de jQuery

3.- Videotutorial: Selectores en jQuery

4.- Videotutorial: Introducción a los eventos en jQuery

5.- Videotutorial: manejo de eventos al detalle en jQuery

6.- Videotutorial: Ajax en jQuery

7.- Videotutorial: métodos de Attributes en jQuery

8.- Práctica en vídeo sobre métodos de Attributes en jQuery

9.- Videotutorial de jQuery: método css()

10.- Vídeo de jQuery: offset y otros métodos CSS

11.- Videopráctica de los métodos CSS de jQuery

Mas infomación en Desarrolloweb.com

jQuery Official Site
http://docs.jquery.com/Tutorials
http://www.desarrolloweb.com/manuales/manual-jquery.html
http://www.desarrolloweb.com/manuales/videotutorial-jquery.html