background preloader

JS and Jquery

Facebook Twitter

Esta colección alberga variedad de JavaScripts

Instafeed.js - a simple Instagram javascript plugin. Autodetectar el idioma del cliente [RESUELTO] Dos de las cuestiones que se plantean cuando un sitio web empieza a crecer es: ¿Cómo implementar un sitio web multilenguaje?

Autodetectar el idioma del cliente [RESUELTO]

Y ¿Cómo detectar automáticamente el idioma del cliente? E incluso ¿Cómo redireccionar a los clientes a una web en su idioma? Hay varias formas de hacerlo. Método 1: Geolocalización Se basa en tracear la IP del cliente y determinar a qué pais procede. Podemos utilizar en nuestro favor alguno de los ficheros javascript que ofrecen en su web o la API de detección de pais que tienen disponible Hay muchos otros sistemas de geolocalización por ip disponibles online.

Lo malo de estos sistemas es que (1) muchos son de pago y (2) están basados en bases de datos que relacionan rangos de IP’s con países. Pero los problemas no terminan ahí. Peter es inglés y viene con su portátil a España. Aun asi, si queréis probar, existen varias API’s gratuitas para jugar un rato, por si sentís curiosidad: * IP-geo * FreeGeoIP. 75+ Free CSS3, HTML5 & jQuery Search Forms. Search box examples is important element of design to help users to navigate easily and find more relevant information on your site.

75+ Free CSS3, HTML5 & jQuery Search Forms

Below you will find 75 useful tutorial explain how to create a nice search box using CSS and JavaScript. Today, we are not far off from seeing the list of some of the most inspiring search form tutorials using recent technologies like jQuery, HTML5 and CSS3. Google Powered Site Search. Google Powered Site Search with jQuery. Martin Angelov By far one of the most requested features by Tutorialzine’s readers, is building a site-wide search.

Google Powered Site Search with jQuery

One way to do it, is to build it yourself from the ground up. That is, to use a server-side language like PHP and run search queries on your database, displaying the results to the user. Another way is to use the services of the one search engine that already knows everything about everyone. Yep, you guessed it. Important update (October 2014): Google has canceled the API that this search engine uses, so this script will no longer work. The HTML Lets start with the HTML markup. Search.html <! In the body section, we have the main container element – the #page div. Inside the form is the text input box, after which comes the radio group for searching on the current site / the web, and the four search type icons, organized as an unordered list.

Freelance Front End Developer London. I’ve been promising to release liteAccordion v2 for ages, but I’ve been snowed under with client work as of late.

Freelance Front End Developer London

Last night I finally found the time to complete the last few bits and pieces that I wanted to finish before release. Plugin Home Page: Version 2.2 (21/01/13) Development status: on indefinite hiatus After this update, I do not plan to continue developing this plugin. Regrettably, I can no longer respond to support emails – please be sure to read the comments if you have any issues, as 99% of them will have been discussed there.

New in liteAccordion v2 Methods: liteAccordion now has play, stop, trigger next slide, trigger previous slide, destroy and debug methods. Mouseover activationSlides can now be activated onmouseover. Custom easingThe plugin now supports custom easing functions (easeOutBounce is one of my favourites ) using George McGinley Smith’s jQuery Easing plugin. Two new themesv2 features two new themes: the ‘light’ theme, and the ‘stitch’ theme. 13 Best jQuery 360 Degree Image Rotation Plugins. Using JQuery 360 Degree Image Rotation Plugin is the most beautiful and convenient way to display the pictures on the web pages.

13 Best jQuery 360 Degree Image Rotation Plugins

These best 360° pictures allow the user to have a much detailed analysis of the product or article. jQuery Image Rotation Plugins let you display images in any angle 360 degrees, which can be useful for an e-commerce site to help customers look products in detail, from any angle they desire. Javascript. A Preloading Screen to Preload Images. jPreLoader | A Preloading Screen to Preload Images Plugin updated: New version of jPreLoader launched with new features like auto exit, one time preload and some bugs fixed.

See change log for more details. Howdy, all! Today I would like to share with you a brand new jQuery plugin, called jPreLoader. jPreLoader can create a preloading screen for your website before all your images (including the images in CSS) are fully loaded. It will come in handy when you wish to preload all the images on your page before exposed to user. Well, you can also create a Splash Screen during preloading process to introduce your products, or describe about your page, or show the instructions of gameplay as well as put an advertisement during the waiting time of your user. jPreLoader works well with jQuery 1.7.1 (others haven’t tested yet) and compatible with IE7 and above, Chrome, Firefox and Safari.

This idea is inspired by Gaya’s cool “QueryLoader2” plugin which able to preload your website in style.

Jquery

Jquery. 360 Javascript viewer, 360 degrees JQuery image viewer. Paste Character count.