Smashing Labs - gMap, Google Maps jQuery plugin
What is gMap? gMap is a jQuery plugin embedding Google Maps into your website. It allows you to: set center, zoom level and type of map add multiple markers with custom icons, popups and titles position marker by latitude/longitude as well as by its address set your customized map controls retrieve map object and use it for even most complex tasks Purpose of gMap is to help you keep your code clean and to create Google Map in very easy way, without learning its API. In future versions gMap will be improved with functions that are hard to achieve with Google Maps. Latest stable release: 3.3.0 Donate gMap is free and will stay that way as long as I'm in charge. Social Like Smashinglabs on Facebook to get gMap updates and other JS news. Example This tiny line of code is being used to embed the map below. What has happened to V2 version? It's still available here.
Elastic Image Slideshow with Thumbnail Preview
« Previous Demo: Fullscreen Image Blur Effect Images by BarbraGolba Back to the Codrops Article Elastic Image Slideshow with Thumbnail Preview Creative Duet Friendly Devil Tranquilent Compatriot Insecure Hussler Loving Rebel Passionate Seeker Crazy Friend Current Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Demo 1 | Demo 2 (with autoplay) Resize the window to see the slider adjusting
Galleria – The JavaScript Image Gallery
30 Fantastic New jQuery Plugins
With jQuery now being used in over 40% of all web sites, the demand for up-to-date and feature-rich plugins has never been greater. Thankfully, the community has always met its popularity head on by offering a constant influx of new jQuery plugins that constantly push the boundaries of functionality even-further. We haven’t actually had a good look at plugins in quite a while, so today, we thought we would bring you up-to-date with some of the latest and greatest. CodeExplorer CodeExplorer is an enitrely unique code formatting plugin that will not only format the code with colors and spacing, but will also display it in an entire folder structure. Subway Map Visualization Plugin The amazing Subway Map Visualization plugin allows you create, interactive subway map visualizations with HTML. Website Tour with jQuery Website Tour with jQuery allows you to, as its name clearly states, create a tour on a website with jQuery. jQuery Embedded Help System Flurid – The Fluid CSS Grid Isotope MobilyMap
11 Useful jQuery Plugins for Enhancing Images
We will be sharing another topic that can surely add a spark of creativity into your web design. jQuery has become one of the most used Javascript library by web developers in the recent years because it has a variety of available plugin tools that could easily create dynamic effects such as smooth transitions, animation, blending and user initiated movement without using cumbersome programming languages or 3d party animation programs to enhance their website’s images and add an unexplainable element that could attract visitors and could provide a good user experience to their website. This could also make viewing images more pleasant. Below, we have gathered 11 Extraordinarily Useful jQuery Plugins for Enhancing Images. jQuery Easy Slides jQuery Easy Slides is a lightweight (only 2.1kb) image slideshow plugin used to easily make beautiful image slideshows.Visit Site AviaSlider Slides EOGallery A gallery that creates an animated slideshow and images made with jQuery.Visit Site Face Detection
jQuery One Page Nav
Section 1 DO Something Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Section 2 Section 3 Section 4 Section 5
Case Study: Page Flip Effect from 20thingsilearned.com
Introduction In 2010, F-i.com and the Google Chrome team collaborated on an HTML5-based educational web app called 20 Things I Learned about Browsers and the Web (www.20thingsilearned.com). One of the key ideas behind this project was that it would best be presented in the context of a book. Since the contents of the book is very much about open web technologies we felt it was important to stay true to that by making the container itself an example of what these technologies allow us to accomplish today. We decided that the best way to achieve the feeling of a real world book is to simulate the good parts of the analogue reading experience while still leveraging the benefits of the digital realm in areas such as navigation. Getting Started This tutorial will take you through the process of creating your own page flip effect using the canvas element and plenty of JavaScript. Before we get started it's a good idea to check out the demo so that you know what we're aiming to build. Markup Logic
Generateur Codes Couleurs RGB hexadecimal Nuancier Annuaire Referencement Gratuit Jok Concept
Couleurs hexadécimale RGB Informatique et Web Les couleurs en informatique sont exprimées en "codes hexadécimaux" ou "RGB", (Red, Green, Blue, en francais RVB Rouge, Vert, Bleu). Pour coder la couleur d'un pixel on utilise trois octets qui définissent chacun la luminosité des couleurs Rouge Verte Bleu ; on utilise un nombre hexadecimal à 6 chiffres : les 2 premiers correspondent à la luminosité du rouge, les 2 suivants à la luminosité du vert et les 2 derniers à la luminosité bleu (ex : avec une intensité maximale sur le rouge on a #FF0000)... En hexadécimal là aussi les couleurs sont divisées en groupe de trois fois deux "valeurs hexadécimal" par couleurs : #FFFFFF = (#) FF FF FF = BLANC. Selon le contexte et les protocoles utilisé dans un proget, (HTML, XHTML, libérie GD en PHP...), on préferera utiliser des valeurs de couleurs exprimées en "RGB" ou en "HEXADECIMAL".
