Cómo descargar la librería jquery ui para la programación html5 y css3

Video: Curso de jQuery 2 en Español, Cómo Instalar jQuery

Escribir código jQuery UI no es difícil, pero conseguir que las partes correctas de la biblioteca puede ser un poco confuso para HTML5 y CSS3 programadores. La librería jQuery UI es mucho más grande que el paquete de jQuery estándar, por lo que puede no querer incluir toda la cosa si no lo necesita.

Video: Google Jquery CDN (Descargar o enlazar JQuery en tus proyectos)

Las versiones anteriores de jQuery UI permite descargar todo el paquete, pero almacenan cada uno de los diversos elementos en un archivo javascript independiente. Era común tener una media docena de diferentes guión etiquetas activas sólo para obtener los diferentes elementos en su lugar.

, algunos problemas de dependencia peores existían, por lo que necesita para asegurarse de que había ciertos paquetes instalados antes de utilizar otros paquetes. Esto hizo que una simple biblioteca bastante complejo a utilizar realmente.

Video: 2 - Descarga de jQuery

Afortunadamente, las últimas versiones de la interfaz de usuario jQuery que este proceso sea un poco más simple:

1. Recoger (o crear) su tema.

   Utilizar el sitio ThemeRoller a escoger un lugar a partir de la biblioteca de plantillas. A continuación, puede personalizar el tema exactamente a hacer lo que quiera (el cambio de colores, fuentes y otros elementos).

2. Descargar el tema.

   El ThemeRoller tiene un botón de descarga. Haga clic en esta opción cuando esté listo para descargar el tema.

3. Recoger los elementos que desee.

   Cuando se intenta por primera vez en un proyecto, es probable que recoger todos los elementos. Si encuentra que la página se carga muy lentamente, es posible construir una versión más pequeña que contiene sólo los elementos que necesita. Por ahora, recoger todo.

4. Descargar el archivo.

   Después de elegir los elementos que desea, se puede descargar en un archivo zip.

5. Instalar el contenido del archivo zip en su directorio de trabajo.

   El archivo zip contiene una serie de archivos y directorios. Copia el css y js directorios en el directorio en sus páginas web será (a menudo el public_html o htdocs directorio). No es necesario copiar el el desarrollo de haz directorio o la página index.html.

6. Si instala varios temas, copiar sólo la información de tema de temas adicionales.

   Todos los temas utilizan el mismo javascript. Sólo el CSS (y archivos de imágenes relacionadas) cambia. Si usted quiere tener múltiples temas en su proyecto, sólo tiene que copiar el contenido CSS. Cada tema será un subdirectorio diferente del directorio principal de CSS.

7. Enlace a los archivos CSS.

   Utilice la técnica de enlace estándar para enlazar a los archivos CSS creados por jQuery UI. También puede vincular a sus propios archivos CSS o utilizar CSS interna, además de la CSS personalizado. Asegúrese de que usted obtenga el camino correcto.

8. Enlace a los archivos javascript.

   El kit de herramientas de interfaz de usuario jQuery también instala dos archivos javascript: la biblioteca jQuery estándar y la biblioteca jQuery UI. Por defecto, ambos de estos archivos están instalados en el js directorio. Tendrá que vincular a ambos archivos. A veces verá archivos minimizadas junto con las versiones normales. La versión minimizada tendrá el término min incrustado. Cualquiera de las versiones está muy bien, pero la versión minimizada se cargará más rápido.

Video: Cap. 1 - Como hacer un buscador AJAX con jQuery, PHP, MySQL, CSS y HTML

Si algo no está funcionando bien, ver sus rutas de archivos de nuevo. Casi siempre, los problemas surgen porque no se ha vinculado a todos los archivos de la derecha. Además, tenga en cuenta que los archivos CSS creados por jQuery UI también incluyen imágenes. Asegúrese de que su tema tiene un directorio de imágenes asociadas, o su proyecto puede no funcionar correctamente. Si ha copiado todo el CSS y JS directorios de la descarga, que debe estar bien.