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

• class.ADODB_XML.php
• class.xml.php
• connection.php
• 6.48 kB Adodb XML Class (198)

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.

Una vez que tenemos cargados en nuestro servidor estos tres archivos, abrimos el de conexión y cambiamos los datos de conexión.

Si os fijáis, antes de hacer la conexión incluye un archivo llamado adodb.inc.php. Sin él no funcionará nuestra conexión adodb. Si no lo tenéis, podéis descargarlo desde el siguiente enlace.

Descargáis la carpeta completa y ponéis la ruta hacia el archivo en el include del archivo donde están los datos de conexión a nuestra base de datos.

Bien, con esto tenemos preparada la clase de PHP para que funcione correctamente.
Si nos diera algún fallo, revisamos los pasos mencionados anteriormente y comprobamos bien las rutas de los “require_once” y el include.

Ahora nos queda construir los dos archivos, uno que nos pase los datos SQL al archivo XML y otro que haga lo contrario, por ejemplo:

Para que nos pase los datos del SQL a un XML, tan solo tenemos que crear un archivo PHP con el siguiente código:

<?php
require_once(‘connection.php’);
require_once(‘class.ADODB_XML.php’);

$adodbXML = new ADODB_XML(“1.0″, “ISO-8859-1″);
$adodbXML->ConvertToXML(&$objConnection, “SQL”, “archivo.xml”);
?>

Si analizamos este código, vemos que simplemente añadimos la clase mediante los require, “instanciamos” el objeto ADODB_XML y por último le pasamos unos parámetros (conexión, sentencia SQL, archivo XML a generar) para que realice ese volcado del contenido de la tabla en el archivo XML.

Si quisiéramos pasar los datos de un archivo XML a una tabla SQL, el código del ejemplo sería el siguiente:

<?php
require_once(‘connection.php’);
require_once(‘class.ADODB_XML.php’);

$adodbXML = new ADODB_XML(“1.0″, “ISO-8859-1″);
$adodbXML->InsertIntoDB(&$objConnection, “usersxml.xml”, “user”);
?>

Sólo cambia la última línea a la que le pasamos como parámetros la conexión, el archivo XML que contiene los datos y el nombre de la tabla donde queremos volcarlos.

Es importante tener en cuenta que esta tabla tiene que estar ya creada y con los campos ordenados de la misma forma que aparecen en el XML.

tomado de: Desarrolloweb.com

Metrize Icons

El paquete incluye iconos en los formatos AI, EPS, PDF, PSD (una sola capa) y SVG. Ademas los iconos puede ser usados incluso como web font a través de la propiedad @font-face.

Alessio Atzeni el diseñador responsable de esta colección señala ademas que en la próxma edición lanzará soporte para los formatos PNG y CSH.

Los principales elementos de cualquier web app están incluidos en este set, entre los que mas llaman la atención flechas, acciones, redes sociales y demás símbolos.

Los iconos pueden ser usados tanto en proyectos personales como comerciales sin necesidad de retribución monetaria o atribución.

Interesados en mas información pueden acceder a Metrize Icons desde www.alessioatzeni.com.

Descargas desde HaciendoWeb.

Muchas Felicidades por el nuevo año 2013 les deseamos desde HaciendoWeb.   

¿Qué son los prefijos en CSS3?

Los insoportables prefijos son usados con el fin de disponer ciertas funcionalidades en CSS3 para distintos navegadores, anteponiéndolos de esta manera en nuestros atributos CSS3:

#elemento {
width: 500px;
height: 500px;

border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;

box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;
-o-box-shadow: 0 0 10px #000000;
-moz-box-shadow: 0 0 10px #000000;
-ms-box-shadow: 0 0 10px #000000;
}

Los prefijos utilizados representan a distintos navegadores.

• -webkit- representa a navegadores basados en webkit como Chrome y Safari.
• -o- representa al navegador Opera.
• -moz- representa a navegadores basados en Gecko, como Firefox.
• -ms- representa al navegador poco usado “Internet Explorer”.

Con solo agregar un prefijo a tal condición se aplicara al navegador deseado. Aunque se puede ocupar de una forma ingeniosa para lograr algo selectivo en aplicar el CSS3 en distintos navegadores. También evitaras malgastar tiempo, y ocuparlo en otra cosa más importante.

Pero por suerte tenemos una muy buena herramienta llamada Prefix Free para agregar todo los prefijos automáticamente, convirtiendo nuestro código CSS en algo mas cálido, e incluso mas fácil de entender, así evitando errores y también la pérdida de tiempo en nuestros proyectos, quedando nuestro código CSS de esta manera:

#elemento {
width: 500px;
height: 500px;

border-radius: 50%;

box-shadow: 0 0 10px #000000;

}

<script src="https://sites.google.com/site/recursosweblibrerias/home/librerias/prefixfree%201.0.7.min.js" type="text/javascript"></script>

Usamos vista previa y si todo esta bien, presionamos guardar. Ya de esta manera el script hará su trabajo y podrán ocupar todo sus atributos CSS3 sin prefijos, el script también lo pueden subir a sus propios repositorios si lo desean.

Prefix Free es compatible con navegadores de escritorio como IE9+, Opera 10, Firefox 3.5+, Safari 4+ y Chrome. Para navegadores mobiles: Mobile Safari, Android Browser, Chrome y Opera Mobile.

• No funciona con estilos importados (@import).
• No funciona con archivos locales en Chrome y Opera.
• No funciona con estilos inline.
• No funciona con hojas de estilos de otros dominios.

Espero que les sea de gran utilidad queridos lectores de Haciendo Web. Un gran abrazo

fuente:ayuda-bloggers

Imprescindible extensión del navegador de Mozilla diseñada para mejorar el desarrollo de jQuery.

Este add-on para desarrolladores de jQuery nos permite ampliar la consola de Firebug para explorar y ejecutar sentencias con la libería javascript (interesante para depurar las aplicaciones que no podemos editar directamente).

Desde su lanzamiento hace ya algunos años, FireQuery ha sido uno de los complementos mas utilizados por los programadores que adoptan el uso de jQuery para sus desarrollos.

FireQuery es completamente gratuito, se instala como cualquier otro complemento y requiere Firebug 1.3.3 o superior.

Interesados pueden acceder a más información y descarga de la última versión FireQuery 1.3 desdefirequery.binaryage.com o desde la página de complementos de Mozilla Firefox en addons.mozilla.org.

fuente:desarrolloweb

Comencemos por MediaWiki, el software por excelencia  para desarrollar sitios wikis. Esta herramienta publicada bajo la licencia de software GNU General Public License. se encuentra actualmente en su versión 1.20. A continuación les dejo el enclace para descargarla.

Le toca el turno a phpMyAdmin, la herramienta escrita en PHP con la intención de manejar la administración de MySQL a través de páginas web. Este proyecto se encuentra vigente desde 1998 y ya se encuentra en la versión 3.5.4 que acá les dejo:

Para terminar, comparto con la comunidad la versión 7.17 de Drupal.

Estas aplicaciones son facilitados por el centro de Descargas de GUTL.

Shutterstock

Este servicio cuentan además con un blog www.shutterstock.com/blog/ en el que se ofrecen periodicamente todo tipo de recursos relacionados con el retoque fotográfico, o incluso la posibilidad de descargarse fotos gratis (una a la semana).

Por último Shutterstock es también una agencia de venta de fotos por Internet donde cualquiera con la debida calidad pueden intentar vender su trabajo fotográfico a partir de 0.25$ por foto.

Interesados pueden acceder a Shutterstock desdewww.shutterstock.com.

fuente:desarrolloweb

Para nosotros los cubanos las actualizaciones automáticas no nos caen muy bien que digamos y casi todos las tenemos deshabilitadas para ahorrar cuenta y tratar que nos dure el mayor tiempo posible. Pero a veces descuidamos nuestro navegador y no nos preocupamos porque tengamos la última versión estable.

Por esos motivos vimos la necesidad de crear Actualiza Firefox, un plugin para WordPress que alerta a los usuarios si están usando una versión desactualizada de Firefox y más. Para configurarlo tendremos que ir al menú Opciones y escoger Actualiza Firefox, allí podremos introducir las últimas versiones estables de los canales Release y ESR, y una dirección donde los usuarios podrán descargarlas.

Actualmente se encuentra en su versión 0.1 y está siendo empleada por nosotros, algunos sitios de otras comunidades como Mozilla Colombia y en Firefoxmanía. Pero esto no termina aquí pues también se van desarrollar versiones para Joomla, Drupal y PHPFusion, los CMS más populares en la universidad. Los interesados en colaborar con nosotros serán bienvenidos en nuestro equipo y si alguien que no utiliza CMS quieren agregar esta funcionalidad a su sitio nos pueden contactar para implementarlo.

Si el usuario está usando una versión “vieja” se le mostrará el siguiente mensaje en caso de estar loqueado en el sitio:

Los interesados pueden descargar el plugin y dejarnos sus impresiones. Esperamos que les sea útil a todos los que nos visitan. Y tú ¿ya actualizaste tu Firefox?

Actualiza Firefox (WP Plugin) (56)

 Autor: Yunier Sosa Vázquez

Este widget ofrece una interesante ayuda para subir archivos de una forma funcional y sencilla.

jQuery File Upload es un widget para todo tipo de proyectos web en los que deseemos ofrecer la posibilidad de cargar de archivos.

Entre las características que ofrece el cargador de archivos generado con jQuery File Upload encontramos la posibilidad de subir multiples archivos, soporte Drag & Drop, barra de progreso, previsualización de imágenes y posibilidad de cancelar la subida.

Además de lo anterior, este widget nos ofrece varias opciones de personalización con las que definir el formato de archivo permitido o el tamaño de archivo máximo, y que nos permitirán adaptar el cargador de archivos jQuery File Upload al resto de nuestro proyecto.

Este proyecto open source que requiere jQuery (libre 100% de flash) es soportado por la mayoría de los principales navegadores web y ha sido testeado entre otras en plataformas basadas en PHP, Python, Ruby on Rails, Java, Node.js, y Go.

Interesados en acceder de forma gratuita a completa información, demos, código y descarga de la última versión de jQuery File Upload pueden hacerlo desde blueimp.github.com/jQuery-File-Upload/.

También puedes descargarlo desde nuestra sección de utilidades.

Fuente. Desarrolloweb

1. En la barra de direcciones del navegador escribe about:config y presiona Enter.
2. Haz click con el botón derecho sobre la página, y seleccionar Nuevo -> Cadena
3. En la ventana que aparezca escribimos: config.trim_on_minimize
4. En la siguiente ventana escribimos “True” y presionar Enter.
5. Por último tenemos que reiniciar Firefox para que los cambios surtan efecto.

Antes de entrar en detalles, debes tener en cuenta siempre estas recomendaciones básicas:

1. Mantener WordPress actualizado a la última versión, única garantía de control de vulnerabilidades conocidas.
2. Instalar solamente plugins seguros, a ser posible desde el repositorio oficial.
3. Instalar solamente temas seguros, a ser posible desde el repositorio oficial.
4. Evitar usar el nombre admin para primera cuenta que crea en el sitio.

Este plugin jQuery permite mejorar una interfaz de usuario con una variada colección de elementos web.

Ninja UI ofrece una serie de componentes para UI (User Interface) con los que mejorar la experiencia de aquellos usuarios que naveguen por nuestro site.

Este plugin jQuery incluye botones, autocompletado, cajas de dialogo, menús, iconos, sliders, ratings, …..

Ninja UI está disponible de forma gratuita gracia a su licencia Apache 2.0, es compatible con los principales navegadores web (IE, Firefox, Chrome, Opera o Safari) y requiere jQuery 1.6.

Tras un largo desarrollo el pasado mes de enero fue liberada la primera versión estable de este proyecto JavaScript de código abierto.

Interesados en acceder a más información, ejemplos, códigos y guías de implementación así como a la descarga de la última versión, Ninja UI 1.0.1 pueden hacerlo desde ninjaui.com.

Como es costumbre te ofrecemos para su descarga la librería de Ninja UI 1.0.1 (116)  junto con algunos ejemplos de su funcionamiento

Fuente: Desarrolloweb

En junio del año pasado se lanzaba WordPress 3, una versión que integraba tanto WordPress como WordPress MU y añadía la posibilidad de utilizar la misma plataforma para gestionar varios sitios de una red al mismo tiempo. Como era de esperar, fue muy bien recibido.

Desde entonces se han lanzado algunas versiones menores que no han hecho otra cosa que seguir mejorando la experiencia WordPress, y por eso hoy os estoy hablando ello. Sonny es el nombre clave de WordPress 3.3, una versión que ha visto la luz hace apenas unas horas y que aporta algunas ventajas respecto a WordPress 3.2.

El mayor argumento para actualizar es, tal vez, que esta nueva versión incluye optimizaciones para iPad, algo demandado por un amplio sector de usuarios, y además se ha añadido una herramienta para importar contenidos desde otra plataforma popular pero radicalmente diferente: Tumblr.

En cuanto a los desarrolladores, también podemos estar contentos ya que WordPress 3.3 viene de la mano de una nueva API de edición y una nueva versión de jQuery. En cuanto a los cambios externos, la interfaz ha sido retocada de nuevo, con una ayuda contextual más integrada en ella y con una pantalla de inicio también cambiada.

Descargar: [Download not found]

Este buscador en constante evolución dispone información entre otros recursos y tecnologías de Java, JavaScript, jQuery, MySQL, Perl, PHP, Python o Visual Basic.

Una vez introducida el nombre de la clase o función de la que necesitamos la información, Search co.de nos listará una serie de lenguajes en la que esa función está disponible junto a su sintaxis, una descripción de su funcionamiento y un enlace que nos conduzca a la documentación oficial.

Interesados pueden acceder a Search co.de desde www.searchco.de

Fuente: http://www.desarrolloweb.com/

Para más información puede leer este artículo: Joomla 1.7 actualizado

Descargar: Joomla 1.7.5 estable paquete completo (5339)

Repertorio de archivos, frameworks, consejos y estilos para el diseño de publicaciones digitales en HTML5.

Laker es un compendio de recursos con los que trabajar en HTML5.

Si estas interesado en llevar a cabo una publicación digital en HTML5 y dispones de conocimientos en HTML & CSS, Laker te resultará de interés.

Esta plataforma nos mostrará como distribuir nuestra publicación (libro electrónico, revista) como una aplicación para iPhone e iPad, cómo cambiar de página fácilmente, como incluir vídeos y archivos de sonido, imágenes…………

Laker, combinación de los nombres de los frameworks open source “Baker” y “Less Framework” pretende convertirse además en un espacio de solución para muchos de los problemas más comunes que un diseñador encontrará en la creación de una aplicación.

Todavía en fase beta, aquellos que lo deseen pueden acceder a Laker desdewww.lakercompendium.com.

Fuente: Desarrolloweb

Clic sobre la imagen para ver la Infografía

Yahoo! quiere ayudar a los desarrolladores a crear aplicaciones utilizando tecnologías estándar como HTML5, JavaScript y CSS.

En un post publicado por Bruno Fernández-Ruiz, vicepresidente de arquitectura de la compañía, se anuncia que Yahoo! lleva varios meses trabajando en Cocktails, que es una mezcla de “HTML5, Node.JS, CSS3, JavaScript y un montón de trucos creativos e ingeniosos de los ingenieros de Yahoo!”, que ya ha anunciado dos Cocktails, Mojito y Manhattan. Yahoo Mojito es un marco de trabajo para aplicaciones web, mientras que Yahoo Manhattan es una plataforma para alojar las aplicaciones basadas en Mojito.

Fernández-Ruiz explica que Yahoo Mojito permite a los desarrolladores trabajar al mismo tiempo de cara al servidor y de cara al navegador; es decir no tendrán que escribir diferente código para cada caso. Además, no tendrán que sufrir con los mensajes que advierten que se necesita tener JavaScrip cuando no esté activado en el navegador, porque las aplicaciones basadas en Mojito seguirán funcionando desde el servidor, ya que todas las aplicaciones utilizan una base de código única.

En  cuanto a Yahoo Manhattan, es un entorno de alojamiento para las aplicaciones basadas en Mojito que se ejecutan en la nube de la compañía. Yahoo Manhattan proporciona un interfaz único para que los desarrolladores puedan desplegar y gestionar múltiples versiones de sus aplicaciones basadas en Mojito.

Yahoo! planea abrir el código fuente de Mojito a través de YDN en el primer trimestre de 2012 “de forma que cada vez haya más desarrolladores que puedan crear aplicaciones web que funcionen del lado del servidor y del lado del cliente al mismo tiempo”, asegura Fernández-Ruiz. A finales de 2012 la compañía abrirá Yahoo Manhattan de forma que los editores sean capaces de ejecutar aplicaciones basadas en Mojito en Yahoo Cloud.

Sin embargo, aunque algunos estén contentos con el cambio, también hay muchos que ahora están buscando cambiar debido a esta renovación. Afortunadamente, aunque Reader es el lector más utilizado en la web, existen varias alternativas que podemos comenzar a usar. Hemos compilado esta lista con diez servicios similares a Google Reader en su época de esplendor, pero que seguramente no tendrán las novedades que molestan a tantos. Como siempre, están bienvenidos a dejar sus sugerencias en los comentarios

• Netvibes: este servicio es un dashboard con muchas funcionalidades, entre las cuales se cuenta un completísimo lector de RSS. No teman al ver la lista de precios, pues la cuenta básica sale casi 500 dólares, pero tenemos una cuenta gratuita que incluye el lector de RSS y algunas funcionalidades más. Para aquellos que busquen algo bien completo, podrán hacerlo a través de Netvibes.
• BlogLines: ideal para los consumidores masivos de blogs, BlogLines nos permite leer nuestros feeds directamente online, y además está disponible para algunas ciudades en su versión Local. Por el momento esta versión no se encuentra disponible en España o Latinoamérica, pero sería intersante verla. Aunque no cuenta con nada especial más allá de eso, BlogLines es una alternativa simple.
• Good Noows: esta aplicación basada en la web nos promete “cambiar la forma en la que leemos noticias”. Y pueden estar en lo correcto. Cuenta con una interfaz mucho más interesante y atractiva que Reader. Es totalmente gratuita, y como dijimos antes, no hay necesidad de instalarla en el ordenador para poder usarla, de la misma forma que usamos Reader.
• FeedLooks: con FeedLooks podemos combinar dos cosas: nuestro feed de RSS y nuestra cuenta de Twitter para tener todo sincronizado en un único lugar. Aunque su interfaz no es precisamente bonita, es uno de los más completos porque cuenta con funcionalidades que nos permiten filtrar las noticias más interesantes de una publicación a la que estamos suscritos, y nos deja leer los feeds sin salir de la app pero con la misma estética de la web que estemos leyendo.
• Feedly: no es mentira que Feedly es un lector “para mentes creativas”. Una de las mejores alternativas para Google Reader necesita ser instalado en nuestro navegador para poder usarse, pero cuando lo hacemos tenemos acceso a una integración con servicios sociales como Twitter y Facebook, una interfaz simple y minimalista, y muchas formas de personalizar la forma en que leemos las noticias.
• Readefine: la experiencia de Readefine es casi la misma que leer un periódico, por su interfaz. Cuenta con soporte para Instapaper y para ReadItLater, se basa en nuestra ya existente cuenta de Google Reader y organiza nuestros feeds en múltiples columnas para que tengamos un mejor acceso. Cuidado, porque este lector tiene que ser instalado en la computadora antes de utilizarse, pero sincroniza de buena forma con nuestro feed.
• Newsblur: esta también es una alternativa muy buena más que nada por la forma en la que organiza nuestros feeds. Bien minimalista, pero con un buen uso de los colores para detallar la importancia de las noticias que se contienen en las carpetas en las que hayamos separado nuestros feeds, Newsblur ya está promocionando las formas en las que se puede migrar la cuenta de Google Reader hacia ellos, aprovechando la oportunidad. Y la verdad es que tienen el servicio con qué promocionarse.
• FeedDemon: otra gran alternativa que ya está siendo elegida por muchos. FeedDemon es un servicio simple, que no se distancia demasiado de Google Reader, y que puede servir para aquellos que no quieran desacostumbrarse demasiado a lo que ya venían usando.
• BlogBridge: “el mejor sistema para los adictos a la información” no tiene la mejor interfaz (de hecho parece un tanto anticuada), pero está dirigida a personas que tienen que enterarse de todo en el momento en que está publicado (periodistas, profesionales de las relaciones públicas, entre otros). Tiene que ser instalado en la computadora para poder usarse y cuidado, porque tiene un precio, así que se limita sólo a los que buscan algo profesional.
• Blog Navigator: es un producto de la compañía Stardock, y así como algunos servicios que les presentamos, tampoco es gratuito. Cuesta alrededor de 20 dólares, pero esto es porque además sirve como un programa de edición de contenido online para los que manejan blogs. Aunque dudo que nos interese esto en estos momentos, su lector de feeds es interesante y además viene con este paquete. Su interfaz lo hace ideal para las personas acostumbradas a usar Microsoft Outlook.

Fuente: Bitelia

¿Qué marcaría una diferencia? El diseño, obviamente es lo primero que encanta; contenido bien estructurado y ordenado, pensado hacia una mejor buscabilidad y encontrabilidad; funcionalidades útiles y no sólo efectistas, también. Pero insisto, ¿cómo lo llevamos aún más allá?

La accesibilidad es la capacidad de acceso a la web y sus contenidos por todos los usuarios, independiente de la discapacidad física, intelectual o técnica que tengan.

Si escribimos nuestro XHTML con una semántica correcta y con el diseño separado en su propia hoja de estilos, ya estamos aportando a una mejor acccesibilidad permitiendo a los ciegos leer el contenido a través de un lector de pantalla, además de independizar el dispositivo sobre el cual será vista la web (teléfonos celulares, laptops, computadores de escritorio, etc.). Si tenemos el tamaño de los textos de una dimensión considerable y ojalá en una unidad relativa que sea independiente de la resolución del usuario, estaremos garantizando mejor accesibilidad a usuarios con problemas visuales. Ahora, si le damos la posibilidad al usuario de escojer el tamaño te fuente que más le acomode, mejor aún.

Estas normas mínimas de accesibilidad pueden aumentarse con muy poco esfuerzo, y ahora me gustaría presentar uno que no es muy utilizado pero no por eso menos importante: el atributo accesskey. Con él, permitimos que el usuario navegue por enlaces sólo con el uso de teclas especificadas en el desarrollo del sitio. Su implementación es bastante rápida:

<a href="index.html" accesskey="i">Inicio</a>

Así, permitimos que se pueda ir a la página de inicio no sólo haciendo click en el enlace, sino que utilizando la combinación control+i del teclado. Lamentablemente esta combinación es arbitraria por plataforma:

• Chrome: Alt+Accesskey
• Firefox: Alt+Shift+Accesskey (Win) Ctrl+Accesskey (Mac)
• IE: Alt+Accesskey
• Opera: Shift+Esc+Accesskey
• Safari: Ctrl+Accesskey

Además, deberías indicarle a tus usuarios la tecla correspondiente al accesskey, y los selectores avanzados de atributo son una gran ayuda:

a:after {
  content: " [" attr(accesskey) "] ";
}

Ver ejemplo

Fuente: csslab

$('input').each(function(){
   // tomamos el valor actual del input
   var currentValue = $(this).val();
   // en el focus() comparamos si es el mismo por defecto, y si es asi lo vaciamos
   $(this).focus(function(){
      if( $(this).val() == currentValue ) {
         $(this).val('');
      };
   });
   // en el blur, si el usuario dejo el value vacio, lo volvemos a restablecer
   $(this).blur(function(){
      if( $(this).val() == '' ) {
         $(this).val(currentValue);
      };
   });
});

Ver ejemplo

Fuente: csslab