PageRes: Fast, automatic screenshots
Get screenshots of websites in different resolutions
Get screenshots of websites in different resolutions
[jQuery] Nanobar.js: Ultra lightweight progress bars (0) | 2014.03.10 |
---|---|
[javascript] PageRes: Fast, automatic screenshots (0) | 2014.02.18 |
[jQuery] Lazy Load Plugin for jQuery: Load pages faster and reduce server load (0) | 2014.02.17 |
[javascript] WOW.js: Reveal animations as you scroll (0) | 2014.02.11 |
[jQuery] SVGMagic: Full-featured SVG fallback (0) | 2014.02.06 |
Lazy Load Plugin for jQuery: Load pages faster and reduce server load
Lazy Load delays loading of images in long web pages. Images outside of viewport wont be loaded before user scrolls to them. This is opposite of image preloading.
Using Lazy Load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.
Lazy Load is inspired by YUI ImageLoader Utility by Matt Mlinac.
Lazy Load depends on jQuery. Include them both in end of your HTML code:
<script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script>
You must alter your HTML code. URL of the real image must be put into data-original attribute. It is good idea to give Lazy Loaded image a specific class. This way you can easily control which images plugin is binded to. Note that you should have width and height attributes in your image tag.
<img class="lazy" data-original="img/example.jpg" width="640" height="480">
then in your code do:
$("img.lazy").lazyload();
This causes all images of class lazy to be lazy loaded.
More information on Lazy Load project page.
$ bower install jquery.lazyload
[javascript] PageRes: Fast, automatic screenshots (0) | 2014.02.18 |
---|---|
[javascript] InstantClick: A JavaScript library to speed up your site (0) | 2014.02.18 |
[javascript] WOW.js: Reveal animations as you scroll (0) | 2014.02.11 |
[jQuery] SVGMagic: Full-featured SVG fallback (0) | 2014.02.06 |
[jQuery] You Might Not Need jQuery: A guide to figure it out (0) | 2014.02.06 |
Reveal CSS animation as you scroll down a page. By default, you should use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library.
Advantages:
[javascript] InstantClick: A JavaScript library to speed up your site (0) | 2014.02.18 |
---|---|
[jQuery] Lazy Load Plugin for jQuery: Load pages faster and reduce server load (0) | 2014.02.17 |
[jQuery] SVGMagic: Full-featured SVG fallback (0) | 2014.02.06 |
[jQuery] You Might Not Need jQuery: A guide to figure it out (0) | 2014.02.06 |
[javascript] Nightwatch: Easy browser automated testing (0) | 2014.02.03 |
This ease-to-use jQuery plugin will create a fallback for .SVG images on your website. When the plugin notices that the visitors browser doesn't support .SVG images it will replace those images with new .PNG images. Those .PNG images are created on the run using a serverside script. When the visitors browser does support .SVG images it will just go back to sleep.
A big advantage of SVGMagic is that you don't have to create multiple versions of your images. You can just focus on the .SVG images and let SVGMagic do the rest.
You can find more information and demos on our website.
SVG is a vector graphics format, meaning it's perfectly scalable. Whatever size it needs to display at, or whatever screen it needs to display on, an SVG will adapt perfectly. This means that you can use the same image for desktop and mobile (including Retina) visitors. They all get a perfectly sharp image.
[jQuery] Lazy Load Plugin for jQuery: Load pages faster and reduce server load (0) | 2014.02.17 |
---|---|
[javascript] WOW.js: Reveal animations as you scroll (0) | 2014.02.11 |
[jQuery] You Might Not Need jQuery: A guide to figure it out (0) | 2014.02.06 |
[javascript] Nightwatch: Easy browser automated testing (0) | 2014.02.03 |
[javascript] Fit.js: Fit things into other things (0) | 2014.01.28 |
jQuery를 사용하지 않고 IE에서 해당 이벤트를 구현할 때.
jQuery가 지원되지 않을때.
A resource for doing things au naturel.
[javascript] WOW.js: Reveal animations as you scroll (0) | 2014.02.11 |
---|---|
[jQuery] SVGMagic: Full-featured SVG fallback (0) | 2014.02.06 |
[javascript] Nightwatch: Easy browser automated testing (0) | 2014.02.03 |
[javascript] Fit.js: Fit things into other things (0) | 2014.01.28 |
[javascript] Args.js: More flexible functions without spaghetti code (0) | 2014.01.24 |