{"id":4105,"date":"2012-08-26T14:42:02","date_gmt":"2012-08-26T14:42:02","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=4105"},"modified":"2015-06-25T20:32:55","modified_gmt":"2015-06-25T20:32:55","slug":"jquery-tools","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/","title":{"rendered":"jQuery Tools"},"content":{"rendered":"<p>jQuery Tools es una colecci\u00f3n de los componentes de interfaz de usuario m\u00e1s importante de la Web. Como lo son las pesta\u00f1as, acordeones, tooltips, superposiciones, los efectos de la exposici\u00f3n y scrollables. Con las cuales se logra mejorar la usabilidad y la capacidad de respuesta de su sitio. Se centran principalmente en la presentaci\u00f3n de la informaci\u00f3n y el atractivo visual. Despu\u00e9s de todo, esto es exactamente lo que la mayor\u00eda de los sitios Web quieren desesperadamente: dar a conocer su contenido para el lector de una manera f\u00e1cil y agradable a la vista.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4155\" title=\"jquery tools\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg\" alt=\"\" width=\"721\" height=\"346\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg 721w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools-300x143.jpg 300w\" sizes=\"auto, (max-width: 721px) 100vw, 721px\" \/><\/a><\/p>\n<p>Otras bibliotecas JavaScript de IU se centran en caracter\u00edsticas de escritorio, tales como, arrastrar y soltar, ordenamiento de tablas o ventanas que pueden arrastrarse. Tienen el prop\u00f3sito de construir \u00abAplicaciones Ricas de Internet\u00bb (RIAs), como clientes de correo electr\u00f3nico, administradores de tareas, software CRM, organizadores de im\u00e1genes o feed viwers . Este tipo de aplicaciones son muy \u00fatiles dentro de un grupo peque\u00f1o o cuando se utilizan en Intranets, sin embargo, los sitios Web normales son de naturaleza muy diferente. Su prop\u00f3sito es verse bien y presentar informaci\u00f3n. jQuery Tools construye precisamente para ese prop\u00f3sito.<\/p>\n<p>Se recomienda empezar a dise\u00f1ar sus p\u00e1ginas sin necesidad de utilizar JavaScript. Hay muchos ejemplos de sitios Web muy funcionales, atractivos y f\u00e1ciles de usar que no est\u00e1n usando JavaScript. El objetivo de esta biblioteca es para mejorar un sitio existente con las grandes posibilidades que las t\u00e9cnicas modernas de JavaScript tienen que ofrecer. Esta es esencialmente la idea de \u00abmejora progresiva\u00bb, que es un patr\u00f3n de dise\u00f1o com\u00fan en la actualidad. Usted debe darse cuenta de que los sitios altamente profesionales no utilizan JavaScript excesivamente s\u00f3lo por el gusto de hacerlo. Se utiliza s\u00f3lo cuando realmente hace que las p\u00e1ginas sean m\u00e1s legibles y f\u00e1ciles de usar. Aqu\u00ed es donde jQuery Tools entra en juego.<\/p>\n<p>Estas herramientas se puede combinar f\u00e1cilmente. Piense en scrollables que desencadenen superposiciones o superposiciones que contengan scrollables junto con tooltips o cualquier combinaci\u00f3n que pueda imaginar. Las posibilidades son infinitas. Y si eso no es suficiente, se puede aprovechar el enorme poder de la biblioteca jQuery. Muchas veces puede ver implementaciones complejas de componentes JavaScript que se pod\u00eda hacer con solo unas pocas l\u00edneas de c\u00f3digo jQuery. Para muchos sitios Web, \u00e9sta puede ser la \u00fanica biblioteca JavaScript necesaria.<\/p>\n<p>Otro de los principales atractivos de esta biblioteca, es que podemos obtener toda su funcionalidad, en tan solo 4.05 Kb cuando se encuentra habilitada la funcionalidad de compresi\u00f3n en el lado del servidor.<\/p>\n<p>Puedes ver demostraciones, m\u00e1s documentaci\u00f3n y descargar en la p\u00e1gina oficial.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>jQuery Tools es una colecci\u00f3n de los componentes de interfaz de usuario m\u00e1s importante de la Web. Como lo son las pesta\u00f1as, acordeones, tooltips, superposiciones, los efectos de la exposici\u00f3n y scrollables. Con las cuales se logra mejorar la usabilidad y la capacidad de respuesta de su sitio. Se centran principalmente en la presentaci\u00f3n de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4155,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,5],"tags":[168],"class_list":["post-4105","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-herramientas","category-jquery","tag-interfaz-grafica"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>jQuery Tools - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Tools - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"jQuery Tools es una colecci\u00f3n de los componentes de interfaz de usuario m\u00e1s importante de la Web. Como lo son las pesta\u00f1as, acordeones, tooltips, superposiciones, los efectos de la exposici\u00f3n y scrollables. Con las cuales se logra mejorar la usabilidad y la capacidad de respuesta de su sitio. Se centran principalmente en la presentaci\u00f3n de [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-26T14:42:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-06-25T20:32:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"721\" \/>\n\t<meta property=\"og:image:height\" content=\"346\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/\",\"name\":\"jQuery Tools - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg\",\"datePublished\":\"2012-08-26T14:42:02+00:00\",\"dateModified\":\"2015-06-25T20:32:55+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg\",\"width\":721,\"height\":346},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery Tools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Tools - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"jQuery Tools - Jose Aguilar Blog","og_description":"jQuery Tools es una colecci\u00f3n de los componentes de interfaz de usuario m\u00e1s importante de la Web. Como lo son las pesta\u00f1as, acordeones, tooltips, superposiciones, los efectos de la exposici\u00f3n y scrollables. Con las cuales se logra mejorar la usabilidad y la capacidad de respuesta de su sitio. Se centran principalmente en la presentaci\u00f3n de [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2012-08-26T14:42:02+00:00","article_modified_time":"2015-06-25T20:32:55+00:00","og_image":[{"width":721,"height":346,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg","type":"image\/jpeg"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/","url":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/","name":"jQuery Tools - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg","datePublished":"2012-08-26T14:42:02+00:00","dateModified":"2015-06-25T20:32:55+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/08\/jquery-tools.jpg","width":721,"height":346},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/jquery-tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"jQuery Tools"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/4105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=4105"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/4105\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/4155"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=4105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=4105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=4105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}