Cómo descargar la biblioteca jQuery UI para HTML5 y CSS3 programación

Escribir código jQuery UI no es difícil, pero conseguir las piezas 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 estándar jQuery, por lo que es posible que no desee incluir toda la cosa si usted no lo necesita.

Las versiones anteriores de jQuery UI de permitir que 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 diversos elementos en su lugar.

Existían, algunos problemas de dependencia que es peor, por lo que necesita para asegurarse de que usted tenía ciertos paquetes instalados antes de utilizar otros paquetes. Esto hizo que una biblioteca sencilla bastante complejo de usar realmente.

Afortunadamente, las últimas versiones de la jQuery UI hacen de este proceso un poco más simple:

1. Elija (o crear) su tema.

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

2. Descargar el tema.

   El ThemeRoller tiene un botón de descarga. Haga clic en este cuando estás listo para descargar el tema.

3. Elija los elementos que desee.

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

4. Descargue el archivo.

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

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

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

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

   Todos los temas utilizan la misma javascript. Sólo el CSS (y archivos de imágenes relacionadas) cambia. Si usted quiere tener varios temas en su proyecto, simplemente 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 jQuery UI también instala dos archivos javascript: la biblioteca estándar de jQuery y la biblioteca jQuery UI. Por defecto, tanto de estos archivos se instalan en el js directorio. Usted tendrá que enlazar a ambos archivos. A veces podrás ver archivos minimizadas junto versiones normales. La versión minimizada tendrá el término min incrustado. Cualquiera de las versiones está bien, pero la versión minimizada cargará más rápido.

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 correctos. 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 de su proyecto puede que no funcione correctamente. Si ha copiado todo el CSS y JS directorios de la descarga, que debe estar bien.