background preloader

Gmap3 : A jQuery plugin to use google maps

Gmap3 : A jQuery plugin to use google maps A jQuery plugin that renders a translucent activity indicator (spinner) using SVG or VML. Features Lightweight script No images required No external CSS Resolution independent Alpha transparency Highly configurable appearance Works in all major browsers Uses feature detection Degrades gracefully Supported Browsers The plugin has been successfully tested in the following browsers: Firefox 2.0 Safari 3.2.1 Internet Explorer 6.0 Opera 10.6 Of course newer versions of the various browsers are also supported. Dependencies The plugin requires jQuery v1.4.2 (or higher). Usage To render the default indicator, invoke .activity(). segments The number of lines to draw. width The width of each line. space The space between the inner ends of the lines. length The length of the lines. color The color. steps The size of the gradient specified in number of segements. opacity The opacity of the lightest segment. speed Rotation speed in rounds per second. align The horizontal alignment. valign The vertical alignment.

Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on or download the entire project, including examples. Do you see the full-sized background image on this page? In a nutshell, that's what Backstretch does. It will stretch any image to fit the page or block-level element, and will automatically resize as the window or element size changes. Images are fetched after your page is loaded, so your users won't have to wait for the (often large) image to download before using your site. Demos Where can I get it? If you are interested in learning more about Backstretch, it's recommended that you view the project on GitHub. Support Basic support is offered through Github's issues tracker. If you are in need of immediate support, Email Support is available for $17. Other jQuery Plugins

The Navigator: Premium WP Location Guide + Blog This directory-based theme utilizes Google maps to display exact locations and provide users the ability to interact with the location. The Navigator is ideal for travel blogs and/or location guides, but could also function as a real estate listings directory or store locator. The HTML version of this theme is available here What buyers are saying: “This theme is exactly what I needed to share an upcoming adventure.” – jep17 “The Navigator is an excellent piece of work.” - Nooriji “Excellent support.” - GoogleBot “You are the MAN. “Super Awesome theme. “This is amazing!” “Excellent theme. “This theme is absolutely amazing.. “Wow. “I simply cannot believe this template. “Awesome theme, great documentation. “This is a great theme man – haven’t seen anything else of this calibre out there.” - JSayCreative “The theme works great and is amazing to use.” - dylanrjohnson Showcase User Sites: Video Resources: Features: NEW! Changelog Open Source Tools Used:

iconSweets 2 » Even more free icons by Yummygum Examples of use | GLYPHICONS Picture signs (glyphs) have been used in human communication since time immemorial. Owing to that each picture or sign represents a word, these symbols or pictograms form a universal language which is comprehensible to all people in the world. Mobile apps iOS Toolbar icons iOS double size for Retina display GLYPHICONS were originally designed for mobile applications as icons for tab bars, toolbars and navigation toolbars or as a part of control buttons. The icons may be used immediately, e.g. in iOS on iPhones and iPads as well as in your Android application. 24bits PNG data files with transparency are saved and optimized in two basic sizes. Some of the great iOS apps using GLYPHICONS Last Time App – track your important events, so you will neverforget it again.iTunes link Suggest app with Glyphicons – let me know about your well designed app using GLYPHICONS. Websites and web apps Icons in the “Premium Admin Template” Some of the great web sites using Glyphicons Wireframes and prints More usage

jQuery Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile. If it doesn’t work in any of those, it’s a bug so please report it. In older browsers like IE8, nothing will break, just properties won’t get prefixed. Test the prefixing that -prefix-free would do for this browser, by writing some CSS below: Properties/values etc that already have a prefix won’t be altered. It’s not ideal, but it’s a solution, until a more intuitive way to deal with these cases is added in -prefix-free. Please note that in unsupported browsers like IE8, no such class will be added. You can exclude a file from being prefixed by adding the data-noprefix attribute to the <link> or <style> element. Firefox (and IE?) Get the jQuery plugin now:

Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development What Is It? Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles: Responsive Grid Down To Mobile Skeleton has a familiar, lightweight 960 grid as its base, but elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). Go ahead, resize this page! Fast to Start Skeleton is a tool for rapid development. Style Agnostic Skeleton is not a UI framework. The Grid Skeleton's base grid is a variation of the 960 grid system. One Eleven Two Ten Three Nine Four Eight Five Seven Six Code Example Typography The typography of Skeleton is designed to create a strong hierarchy with basic styles. Heading <h3> Heading <h4> Heading <h5> Heading <h6> This is a blockquote style example. Buttons Buttons are intended for action and thus should have appropriate weight. Click Me For Action Forms Support for Skeleton Examples & Extensions Downloads

EGO WordPress Light - Just another WordPress site Jason Adams Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. And a link here Jason Adams Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec eleifend dui. Ellen Wood Ellen Wood George Lee George Lee Service Breakdown Design45%Photography35%Videography20% Lorem ipsum dolor sit amet, consectetur adipiscing elit. Flexform | Build Something Exceptional EVERYTHING YOU NEED TO BUILD SOMETHING EXCEPTIONAL Responsive, Retina-Ready, Fully Translatable, WooCommerce support 17 Pre-built Example Pages 12 Blog Options, 7 Portfolio Options, 5 Headers + more. MAKE YOUR CONTENT STAND OUT Our Page Builder gives you the freedom to create visually rich pages FIVE STAR SUPPORT WE'RE HERE TO GET YOU THERE We pride ourselves on our quick-response support, but don't take our word for it - see what our customers have to say. SUPERIOR TYPOGRAPHY WITH FONT DECK, THE PROFESSIONAL WEB FONT SOLUTION. Or choose from 600+ free Google web fonts.