background preloader

Paste Character count

Paste Character count
Related:  JS and Jquery

75+ Free CSS3, HTML5 & jQuery Search Forms | Designrazzi Search box examples is important element of design to help users to navigate easily and find more relevant information on your site. 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. Inspiring design article to know some great designs of search form and search bar Search Form Tutorials Listtutorials. The search form should be consistent with the rest of the website – Which means that the input-field and submit-button should be styled appropriately. Search Box with Suggestions Dropdown rounded CSS3 search box with fancy search suggestions. Subtle CSS3 Menu With Stretchy Searchbox So this is another CSS experiment I did a while ago, I tried to create the same search box feature as on that stretches and manipulates widths of the menu. CSS3 Form Pack (Premium) Search Forms (PSD)

Des outils de data visualisation Rendre des statistiques visuellement attractives et dynamiques et ce, de manière rapide et efficace afin de les publier en ligne semble impossible? Vous trouverez ici quelques outils en ligne ainsi qu’un programme téléchargeable qui vous permettront de réaliser tout cela en un clin d’œil. A noter qu’une inscription est requise pour tous ces outils. Illustration : CanStockPhoto 1. Datawrapper Datawrapper est sans doute l’outil de data visualisation le plus intuitif et le moins complexe, très simple d’utilisation. → Exemple de réalisation → Site : 2. Plus complet que Datawrapper, demande par conséquent un peu plus de temps à la prise en main. Une fois terminé, il suffit de publier (bouton SHARE) et de copier le code html généré dans son document. → Exemple de réalisation → Site : 3. De plus, une fois votre graphique accessible au public, Piktochart en propose une présentation dynamique pour une présentation publique par exemple. 4.Tableau Public

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. One way to do it, is to build it yourself from the ground up. Another way is to use the services of the one search engine that already knows everything about everyone. 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. Google Powered Site Search The CSS The CSS styles reside in styles.css. styles.css – Part 1 As mentioned above, the form’s functions are not limited to only submitting data, but also to act as a regular container element. styles.css – Part 2 styles.css – Part 3 The jQuery Conclusion

Dropping Dropbox - what's a replacement? - Boing Boing BBS #1 By: Mark Frauenfelder, April 10th, 2014 19:18 #2 By: Kev, April 10th, 2014 19:24 I've been happy with #3 By: Dan, April 10th, 2014 19:29 I would like to know if anyone can recommend an alternative to SugarSync. #4 By: Salgak, April 10th, 2014 19:30 Likewise, suggesting Box. #5 By: Captain Pedge, April 10th, 2014 19:32 How much were you paying monthly? #6 By: Captain Pedge, April 10th, 2014 19:33 #7 By: Justin Marrington, April 10th, 2014 19:33 I'd like to recommend, but if you're specifically changing because of the recent Dropbox DMCA takedown in private folders clusterfuck, then I can't see that they're any different. SpiderOak is better in this respect since the full encryption of your data is against a key that you store locally, and they store it in a way that they can't even see your directory structure if they wanted to. It's frustrating to learn that there is, at least for now, no viable Dropbox alternative that solves the data privacy issue. Bittorrent Sync.

jPreLoader | 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. 1. 2.

ASCIIcam 360 Javascript viewer, 360 degrees JQuery image viewer 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. 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. In this article we have gathered 13 Best jQuery 360 Degree Image Rotation Plugins for our audience, following plugins are capable of displaying images in 360 degree angle. Hope you will choose and use the following 360 degree jQuery plugins according to your needs for your web projects. If you like the article you might be interested in our other article as well on 15 Best jQuery Image Slider Plugins 1. Reel is an established and the most versatile three-sixty player for jQuery. 2. Spritespin is a jQuery plugin that enables sprite animation in your website. 3. 6. 8. 9. 11.

A000045 Also called Lamé's sequence. F(n+2) = number of binary sequences of length n that have no consecutive 0's. F(n+2) = number of subsets of {1,2,...,n} that contain no consecutive integers. F(n+1) = number of tilings of a 2 X n rectangle by 2 X 1 dominoes. F(n+1) = number of matchings in a path graph on n vertices: F(5)=5 because the matchings of the path graph on the vertices A, B, C, D are the empty set, {AB}, {BC}, {CD} and {AB, CD}. - Emeric Deutsch, Jun 18 2001 F(n) = number of compositions of n+1 with no part equal to 1. Positive terms are the solutions to z = 2*x*y^4 + (x^2)*y^3 - 2*(x^3)*y^2 - y^5 - (x^4)*y + 2*y for x,y >= 0 (Ribenboim, page 193). For Fibonacci search see Knuth, Vol. 3; Horowitz and Sahni; etc. F(n) is the diagonal sum of the entries in Pascal's triangle at 45 degrees slope. - Amarnath Murthy, Dec 29 2001 F(n+1) is the number of perfect matchings in ladder graph L_n = P_2 X P_n. - Sharon Sela (sharonsela(AT), May 19 2002 An INVERT transform of A019590.

Autodetectar el idioma del cliente [RESUELTO] | Lecciones Prácticas Dos de las cuestiones que se plantean cuando un sitio web empieza a crecer es: ¿Cómo implementar un sitio web multilenguaje? 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 Método 2: Detección del idioma del navegador Veámoslo en código.

Support du web : outils et services pour les webmasters nous proposons aussides générateurs de bannières animées gifs gratuit, d'images, boutons, menus web 2.0 valides (X)html, des scripts prêts d'utilisation... pour les webmasters 100% gratuit - concepti liteAccordion v2 | 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. 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. 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. Linkable slidesYou can now link to individual slides by assigning a name to a slide in your html, and setting the ‘linkable’ option to true.

Con este sencillo script podrás insertar en tu sitio un contador de caracteres que permita al usuario controlar la cantidad utilizada en sus textos. Por ejemplo puede ser utilizado en una aplicación de twitter o en sistemas de auto gestión de contenidos CMS donde se requiera que los gestores de contenido no excedan de cierta cantidad de caracteres. by elpanamoises Aug 3