Thursday, September 1, 2016
Lazysizebg : jQuery Lazy Background Loading Plugin
jQuery.lazysizebg allows the user to specify different size background images for small, medium, and large screens and loaded after the page is loaded.
If you must have hero images on your pages and want to optimize for smaller screens, this is a quick, low profile tool for accomplishing this.
The post Lazysizebg : jQuery Lazy Background Loading Plugin appeared first on jQuery Rain.
by Admin via jQuery Rain
jQuery Social & WhatsApp Sharing Plugin
Social & WhatsApp Sharing is a jQuery plugin which allows you to add a floating, collapsible sidebar with social media & contact links on your webpage.
Features:
- Promote your links on WhatsApp
- Promote on Facebook, Twitter, LinkedIn, Google +1
- Customize your own button how you like
- WhatsApp mobile protection. Only visible on mobile
- User Guide Documentation
- Simple and easy to use.
- Cross-browsing – The plugin works in all modern browsers.
The post jQuery Social & WhatsApp Sharing Plugin appeared first on jQuery Rain.
by Admin via jQuery Rain
AtoZ CSS: The CSS Value of Auto
Auto is a CSS value that has a number of uses.
It’s the default value for a lot of box-model properties like width, height, margin, and background-size.
[code language="css"]
.box {
width: auto;
height: auto;
margin: auto;
background-size: auto auto;
}
[/code]
It’s also the default value for position properties like top and bottom, left and right and z-index.
[code language="css"]
.box {
position: relative|absolute|fixed;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
}
[/code]
There’s other more obscure places that auto can be used as well, like overflow, cursor, table-layout and the column-width property of CSS columns.
[code language="css"]
.box {
overflow: auto;
cursor: auto;
table-layout: auto;
column-width: auto;
}
[/code]
Broadly speaking, the value of auto is automatically computed by the user-agent and the specific effect depends on the content and context that it’s used in.
Let’s look at an example…
[code language="css"]
.box {
width: auto;
height: auto;
}
[/code]
Continue reading %AtoZ CSS: The CSS Value of Auto%
by Guy Routledge via SitePoint
Product Builder with CSS and jQuery
A customizable and responsive product builder for your online store.Product builders are useful shopping tools, that allow potential customers to “build” an ideal version of a product by combining different options. At the end of this process the user is generally given an action to perform: save the build, share it or buy the product directly.
The post Product Builder with CSS and jQuery appeared first on jQuery Rain.
by Admin via jQuery Rain
How to Use Twitter Conversational Ads and Instant Unlock Cards
Wondering how Twitter’s conversational ads and instant unlock cards work? Want examples of brands using them well? Twitter’s conversational ads and instant unlock cards encourage your audience not only to engage with your ads, but also to share them with their own followers. In this article, you’ll discover how to use Twitter conversational ads and [...]
This post How to Use Twitter Conversational Ads and Instant Unlock Cards first appeared on .
- Your Guide to the Social Media Jungle
by Kristi Hines via