Archivo categoría Tutoriales

Tutorial HTML5 en Español: Ejemplos Prácticos de HTML5 Canvas

El lenguaje HTML es de gran importancia para el desarrollo web, recientemente salio la nueva versión de este importante lenguaje el cual con sus nuevos elementos promete revolucionar lo que hasta hace un tiempo conocíamos de la web y extender aun mas sus posibilidades y funcionalidades, es por esto que les traigo hoy este excelente tutorial del uso de canvas que tiene HTML5 y que harán de sus paginas un mundo nuevo, Espero que les sea de utilidad.

HTML5: Elemento Canvas

El elemento de HTML <canvas> permite la creación de gráficos, diagramas, juegos y otros elementos visuales. También permite renderizar en 2D y 3D figuras e imágenes, vía JavaScript.

Canvas es quizás la parte más visible del set de características de HTML5 con nuevos demos, proyectos, etc. Leer el resto de la entrada »

, , , , ,

No hay Comentarios

Joomla! 3.0.3

El proyecto Joomla! Spanish se complace en anunciar la inmediata disponibilidad de Joomla! 3.0.3- Spanish.

Leer el resto de la entrada »

, ,

No hay Comentarios

AngularJS Y El Futuro Del Desarrollo Web

Estamos desarrollando aplicaciones web con arquitecturas concebidas hace más de 10 años.  En el mudo actual con todo tipo de dispositivos, tamaños de pantallas, formas de uso (táctil, no táctil, offline, online…) quizás no sea la forma más adecuada.

El problema

Hace 2 años publiqué un post en el que hablaba sobre la necesidad de cambiar el modelo cliente/servidor en el desarrollo web, donde toda la lógica de la aplicación reside en el servidor, para tender hacia un modelo donde la lógica reside en el cliente y permite el uso de aplicaciones web incluso cuando no hay conexión a Internet. Leer el resto de la entrada »

, , ,

3 Comentarios

Clase PHP que nos permite pasar los datos de una tabla SQL a un archivo XML y viceversa.

Sin más preámbulos, vamos a ver qué necesitamos para poder pasar de SQL a XML en PHP sin mucho esfuerzo.

Lo primero que vamos a hacer es descargarnos los siguientes archivos:

Con estos tres archivos tenemos lo básico para poder trabajar. Los dos primeros son la clase que nos ofrece Olavo. El tercero (connection.php) es un archivo que conecta con nuestra base de datos mediante adodb. Leer el resto de la entrada »

, , ,

No hay Comentarios

Uso de jQuery para presentar y filtrar datos en tablas

Logotipo de jQueryCuando en un proyecto se presenta la necesidad de mostrar y manejar grandes cantidades de datos, las tablas suelen ser los elementos más adecuados para llevar a cabo su presentación. Si bien, el uso de tablas para la maquetación de sitios ha sido satanizado en los últimos años, su función de despliegue y acomodo de información sigue cumpliendo un papel muy importante para el manejo de contenido.

Cuando este contenido tiende a extenderse demasiado, es recomendable buscar implementar algún tipo de funcionalidad que le permita al usuario filtrar la información, para que de esa manera pueda encontrar de manera más rápida lo que esta buscando. Para lograr esto, se puede recurrir a peticiones a servidor mediante algún lenguaje como PHP, también se puede recurrir a ajax para agregar dinamismo, o simplemente utilizar jQuery para depurar los datos que ya han sido desplegados en la tabla. Leer el resto de la entrada »

,

8 Comentarios

Imágenes Rotatorias en el Blog

1. Introducción:
El presente tutorial les permitira añadir imágenes que cambian automáticamente en el blog.

2. Javascript:
Vamos a:

Pa -> Multiblog -> Módulos -> Personalizado -> Modificar

Dentro del contenido pegaremos lo siguiente:

    <script language="Javascript" type="text/javascript">
        mis_imagenes = new Array("IMAGEN1","IMAGEN2","IMAGEN3","IMAGEN4")
        mi_imagen = 0
        imgCt = mis_imagenes.length
        function rotacion() {
        if (document.images) {
        mi_imagen++
        if (mi_imagen == imgCt) {

Leer el resto de la entrada »

,

No hay Comentarios

Dile adiós a los prefijos en CSS3 con Prefix Free

Hoy les traigo una excelente utilidad que todo desarrollador o diseñador web debería conocer, esta herramienta es muy útil a la hora de escribir menos código CSS3, en muchas ocasiones tenemos que escribir el mismo código CSS3 para que funcione en los distintos navegadores la propiedad que estamos aplicando, como es el caso de las sombras por citar un ejemplo, esto incrementa en gran medida el tamaño de nuestro archivo CSS3 y vuelve mas engorroso nuestro código, asi es que les dejo con este script y sus gran utilidad.

Muchas Felicidades por el nuevo año 2013 les deseamos desde HaciendoWeb.    Leer el resto de la entrada »

, , , ,

No hay Comentarios