background preloader

Programacion

Facebook Twitter

Tryit Editor v1.6. Manual de jQuery. W3Schools Online Web Tutorials. Mozilla presenta su webmaker.org y hace oficial Thimble, la herramienta de creación web. Ya os hemos hablado en varias ocasiones sobre el proyecto que Mozilla está creando para ayudar a crear sitios web sin necesidad de tener conocimientos de programación.

Mozilla presenta su webmaker.org y hace oficial Thimble, la herramienta de creación web

El proyecto WebMaker fue anunciado hace varios meses, pero solo hoy han presentado su web oficial en webmaker.org, donde podemos ver todas las actividades del mismo y el lanzamiento de las aplicaciones que nos ayudarán en la tarea de construir un sitio web. La noticia, publicada en el blog de Mozilla, hace referencia al ya conocido Thimble, que desde hoy deja de ser un sitio de pruebas y adquiere versión oficial en thimble.webmaker.org. Como os comentamos hace unas semanas, Thimble nos permite escribir código html y ver el resultado en tiempo real en la misma pantalla, agilizando el proceso de programación de páginas web estáticas.

Thimble no es la única herramienta disponible en el proyecto, existiendo otras opciones en webmaker.org/en-US/tools/, todas relacionadas con la creación de webs. Actualidad jQuery. Volvemos a la carga, y otra vez para presentaros una función jQuery desarrollada por Jānis Skarnelis.

Actualidad jQuery

Se trata de fancyBox, un script con el que podemos abrir imágenes, páginas web, videos, etc. Galería de Imágenes con Shadowbox. Mostrar una Imagen con Shadowbox La forma más sencilla de mostrar imágenes con Shadowbox es de una en una, es decir, con un enlace en la miniatura de la imagen en la página web.

Galería de Imágenes con Shadowbox

Cuando el usuario hace clic sobre la miniatura de la imagen, Shadowbox se abrirá para mostrar una versión más grande de la imagen. Ejemplo de una imagen en Shadowbox Galería de Imágenes con Shadowbox Cuando lo que queremos es que todas la imágenes estén agrupadas formando una galería, se utiliza el shadowbox con el nombre de la galería entre corchetes dentro del atributo ′rel′ de la etiqueta html ′a′ : rel=shadowbox[nbGaleria] Vemos un ejemplo de código html con Shadowbox de la galería de imágenes:

Como crear una galería de imágenes con Shadowbox y jQuery. A continuación realizare un tutorial de como crear una galería con esta ventana modal, que para mi gusto es adaptable a casi cualquier proyecto web.

Como crear una galería de imágenes con Shadowbox y jQuery

Primero detallare las características que posee este plugin: Plugin nativo de javascript.Permite utilizar un adaptador para los frameworks más populares: jQuery, Prototype, Dojo, Mootols, Yahoo toolkit.Permite crear galerías de: imágenes, videos flash, videos swf, quicktime, window media player y contenido externo via iframes o inline.Posee soporte para una gran variedad de idiomas (incluye español obviamente).Tiene una API bastante potente, por lo que puedes realizar casi cualquier cosa con este plugin.Y el punto más importante por el cual lo utilizo bastante, es que se escala a cualquier tipo de pantalla, por lo que si lo ves en resoluciones más pequeñas no tendrás ningún problema. Bueno seguimos con las instrucciones para la implementación: Paso 1: Descargar la librería desde el siguiente enlace y seleccionamos las siguientes preferencias: Welcome to Course Hero! - Waterfox. Tutorial de Java - DECLARACIÓN DE INTENCIONES - Wikilearning - Waterfox.

Antes de nada, vamos con una //Declaración de Intenciones// y un poco de explicación del porqué este Tutorial de Java está aquí.

Tutorial de Java - DECLARACIÓN DE INTENCIONES - Wikilearning - Waterfox

Este tutorial va dirigido a todos aquellos que intentan entrar en el mundo Java, que han oído o leído cosas, pero no saben a ciencia cierta que es eso de Java. Procuraremos ser lo más claros posible, aunque no podremos evitar la influencia de los gustos personales, pero intentaremos que el contenido se adapte lo mejor posible a la mayor parte de la audiencia. Java es una palabra que actualmente está en boca de todos y ha creado una auténtica revolución. Nosotros nos enfocaremos al lenguaje Java, y la verdad es que no es para tanto el armar ese revuelo. Cierto es que Java es una gran idea, pero, no escandalosamente genial. La creación de este tutorial ha partido de la necesidad de aprendizaje del lenguaje Java para implantarlo en aplicaciones críticas.

Todas las sugerencias que alguien pueda ofrecer, será bienvenida. RubyMonk, curso interactivo gratuito para aprender a programar en Ruby. LibrosWeb.es - Libros gratuitos sobre HTML, CSS, JavaScript, AJAX y otras tecnologías web. Libro gratuito de jQuery en español - Fundamentos de jQuery.

HTML5

Recursos interactivos para aprender a programar. Enumerar la totalidad de herramientas en la red disponibles para iniciarse en la programación resulta bastante complejo.

Recursos interactivos para aprender a programar

Sin embargo, unas cuentan con un excelente material y un trabajo interactivo relevantes gracias a que se enfocan más en el fortalecimiento del pensamiento algorítmico, básico en este campo y útil en la realidad, más que a la enseñanza de líneas y líneas de código. Aquí están varios ejemplos. Code Academy Es una aplicación web que según sus creadores nace debido a lo frustrante que es en ocasiones el entrar al mundo de la programación, por lo que ofrecen una manera muy sencilla de aprender interactivamente a través de un entorno completamente guiado.

El lenguaje central es JavaScript y no importa el número de errores cometidos pues siempre se tendrá una nueva oportunidad para hacerlo. Rails for Zombies Otro ejemplo de las posibilidades de enseñar a través del juego, o al menos a través de algo llamativo. Google Code Kid’s Corner.

JavaScript

PHP.