###Fit image :
http://www.jqueryscript.net/other/jQuery-Plugin-To-Make-Images-Fit-Into-Any-Container-Fit-Image.html
###Jquery Image resige:
http://www.jqueryscript.net/tags.php?/Resize/
http://www.jqueryscript.net/other/jQuery-Plugin-To-Resize-Crop-Image-To-Fit-Any-Wrapper-Fill-Box.html
p
###Mosaic grid:
https://github.com/kombai/freewall
https://github.com/sapegin/jquery.mosaicflow
###Grid jQuery Plugins
http://www.jqueryscript.net/tags.php?/grid/
###Image CSS:
- http://stackoverflow.com/questions/12308022/center-dynamic-height-width-image-to-fixed-height-width-div
###Custom Scrollbar:
- https://github.com/malihu/malihu-custom-scrollbar-plugin
- https://github.com/inuyaksa/jquery.nicescroll
###SVG for all :
- https://github.com/jonathantneal/svg4everybody
- https://css-tricks.com/scale-svg/
- https://developer.mozilla.org/en/docs/Web/SVG/Element/use
- https://css-tricks.com/svg-use-external-source/
###Background Image fix another style:gu
- http://stackoverflow.com/questions/600743/how-to-get-div-height-to-auto-adjust-to-background-size
###Media Querries :
https://github.com/amitabhaghosh197/css3-media-queries-boilerplate/blob/master/media_queries.css
http://www.paulund.co.uk/boilerplate-css-media-queries
DEvice Pixel Ratio : https://bjango.com/articles/min-device-pixel-ratio/
###Image jQuery:
https://davidwalsh.name/get-image-dimensions
http://stackoverflow.com/questions/9527945/find-largest-image
http://codereview.stackexchange.com/questions/65311/check-image-dimensions-calculate-aspect-ratio-set-image-dimensions-resize
http://stackoverflow.com/questions/29304695/jquery-to-find-img-size-and-set-to-div-css-height-and-width
https://www.google.co.in/?gfe_rd=cr&ei=_4yUVseNLuzA8geFpaZI&gws_rd=ssl#q=get+image+size+of+each+image+in+jquery+of+same+parent+class
###jQuery each click:
- http://stackoverflow.com/questions/18966222/jquery-each-and-attaching-click-event
- http://www.sitepoint.com/jquery-each-function-examples/?utm_source=javascriptweekly&utm_medium=email
###Scroll:
http://projects.lukehaas.me/scrollify/#home
http://alvarotrigo.com/multiScroll/#first
###Mordenizr:
http://html5doctor.com/using-modernizr-to-detect-html5-features-and-provide-fallbacks/
http://stackoverflow.com/questions/7808585/modernizr-testing
http://www.html5rocks.cvom/en/tutorials/speed/html5/#toc-css3-translate
###Retina:
http://www.sitepoint.com/css-techniques-for-retina-displays/
http://www.hongkiat.com/blog/css-retina-display/
http://stackoverflow.com/questions/15080663/is-there-an-extension-of-twitter-bootstrap-for-retina-display
https://css-tricks.com/snippets/css/retina-display-media-query/
http://graphicdesign.stackexchange.com/questions/33780/dpi-ppi-resolution-for-product-zoom-images
###Best way to image load jquery for all browsers
http://stackoverflow.com/questions/3877027/jquery-callback-on-image-load-even-when-the-image-is-cached
http://mikefowler.me/2014/04/22/cached-images-load-event/
Product Gallery:
- https://codyhouse.co/category/ux-patterns/
###Writing Plugin:
lo
https://jqueryboilerplate.com/
http://markdalgleish.com/2011/05/creating-highly-configurable-jquery-plugins/
https://john-dugan.com/jquery-plugin-boilerplate-explained/
http://stackoverflow.com/questions/7149239/writing-jquery-plugins-using-classes-and-prototypes
https://www.smashingmagazine.com/2011/10/essential-jquery-plugin-patterns/
https://github.com/jquery-boilerplate/jquery-patterns
jquery.fn.extend
https://api.jquery.com/jquery.fn.extend/
http://stackoverflow.com/questions/13140292/what-does-prototype-mean-here-in-the-jquery-source-code
http://www.w3schools.com/js/js_object_prototypes.asp
###Self executing annonymous functions :
http://briancrescimanno.com/how-self-executing-anonymous-functions-work/
http://stackoverflow.com/questions/4472528/javascript-jquery-closure-function-syntax
http://stackoverflow.com/questions/1634268/explain-javascripts-encapsulated-anonymous-function-syntax/
http://benalman.com/news/2010/11/immediately-invoked-function-expression/
###Difference between clientside and serverside :
http://programmers.stackexchange.com/questions/171203/what-are-the-differences-between-server-side-and-client-side-programming
http://stackoverflow.com/questions/15270648/client-side-scripting-and-server-side-scripting-languages
https://www.upwork.com/hiring/development/how-scripting-languages-work/
###The HTML DOM Element Object
- http://www.w3schools.com/jsremenf/dom_obj_all.asp
Javascript modular Pattern:
http://www.adequatelygood.com/JavaScript-Module-Pattern-In-Depth.html
https://addyosmani.com/resources/essentialjsdesignpatterns/book/
Print Styles:
- https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/
Gradient striped
- http://lea.verou.me/css3patterns/#diagonal-stripes
- https://dev.opera.com/articles/css3-linear-gradients/
###Best Icons
- http://www.cssauthor.com/line-icon-fonts/
Sticky Sidebars
https://github.com/WeCodePixels/theia-sticky-sidebar
http://www.jqueryscript.net/layout/Creating-A-Fixed-Position-Sidebar-With-jQuery-Sticky-Sidebar-Plugin.html
https://github.com/mojotech/stickymojo
Window Scroll Top
http://andrewhenderson.me/tutorial/jquery-sticky-sidebar/
https://css-tricks.com/scrollfollow-sidebar/
###Bootstrap Tooltip
http://stackoverflow.com/questions/9501921/change-twitter-bootstrap-tooltip-content-on-click/9875490#9875490
http://stackoverflow.com/questions/9446318/bootstrap-tooltips-not-working
###Ajax call on tootips
$(document).ajaxComplete(function() {
$("#example").popover();
});
link:http://stackoverflow.com/questions/22277300/bootstrap-popover-not-working-when-loaded-with-ajax
Popover append to other sections
- https://github.com/twbs/bootstrap/issues/5889
ScrollTo with smooth scroll jQuery plugin + offset
- https://gist.github.com/anandkumar/11318494
Masonary like CSS only
http://designshack.net/articles/css/masonry/
http://codepen.io/AdamBlum/pen/fwrnE
http://salvattore.com/
https://jsfiddle.net/gabrieleromanato/tQANc/
https://github.com/rnmp/salvattore
Hexagon CSS
http://themewinter.com/html/bizcraft/multipage/
http://csshexagon.com/
https://jtauber.github.io/articles/css-hexagon.html
Hero Sliders
https://codyhouse.co/gem/hero-slider/
http://www.jqueryscript.net/slider/Full-Width-jQuery-Image-Carousel-Plugin-foucs-js.html
Material design jQuery
- http://iamisti.github.io/mdDataTable/
Html Themes
http://templated.co/
http://startbootstrap.com/template-categories/all/
Smooth animated scroll
- http://plugins.compzets.com/animatescroll/
- https://github.com/fatlinesofcode/jquery.smoothwheel
Mosaic photo
- http://stylehatch.github.io/photoset-grid/
jQuery Parallax
http://www.jqueryscript.net/animation/jQuery-Amazing-Scrolling-Presentation-Plugin-scrolldeck.html
http://www.jqueryscript.net/demo/jQuery-Amazing-Scrolling-Presentation-Plugin-scrolldeck/
http://www.jqueryscript.net/animation/Minimal-Full-Window-Page-Scrolling-Plugin-With-jQuery-naiveScroll.html
http://www.jqueryscript.net/animation/Easy-Peasy-Parallax-Effect-with-jQuery-CSS.html
http://pixelcog.github.io/parallax.js/
http://www.jqueryscript.net/plus/search.php?keyword=parallax&searchtype=titlekeyword&channeltype=0&orderby=&kwtype=0&pagesize=10&typeid=0&TotalResult=106&PageNo=6
http://www.jqueryscript.net/tags.php?/one%20page%20scrolling/
http://www.jqueryscript.net/animation/Animate-Elements-In-When-They-Come-Into-View-jQuery-CSS3-Animate-It-Plugin.html
http://impress.github.io/impress.js/
http://www.jqueryrain.com/demo/jquery-side-panel-menu/
http://www.jqueryscript.net/animation/Smooth-Parallax-Scrolling-Effect-with-jQuery-Parallaxator.html
Section Scroll but Parallax
- http://www.jqueryscript.net/menu/jQuery-Plugin-For-Auto-One-Page-Scroll-Navigation-Section-Scroll.html
- https://github.com/lukehaas/scrollify
###Megamenu
https://codyhouse.co/gem/css-mega-site-navigation/
https://codyhouse.co/gem/mega-dropdown/
Push Sidebar Menu
- http://www.jqueryscript.net/menu/Powerful-Side-Navigation-Menu-Plugin-With-jQuery-simpler-sidebar.html
Responsive Menu
- http://www.jqueryscript.net/menu/Responsive-Multi-level-Dropdown-Toggle-Menu-Plugin-With-jQuery.html
- https://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/
- https://medium.com/wd-tips-tricks/20-responsive-navigation-solutions-examples-codes-21644390afeb
- http://mmenu.frebsite.nl/tutorials/off-canvas/video.html --> MMenu
Smooth scroll
https://github.com/fatlinesofcode/jquery.smoothwheel
http://www.jqueryscript.net/animation/jQuery-Plugin-For-Smooth-Mouse-Scrolling-scrollSpeed.html
http://codepen.io/bassta/pen/LovFG
###Page Transition
- https://css-tricks.com/add-page-transitions-css-smoothstate-js/
- http://smoothstate.com/index.html
- https://scotch.io/tutorials/animating-angularjs-apps-ngview
- https://codyhouse.co/gem/animated-page-transition/
Sticky Sidebars
- http://www.hongkiat.com/blog/sticky-elements-jquery-plugins/
- https://github.com/leafo/sticky-kit
- https://github.com/amitabhaghosh197/makefixed.js
- http://www.sitepoint.com/10-jquery-sticky-scroll-plugins/
Datepicker knowhows
- http://salman-w.blogspot.in/2013/01/jquery-ui-datepicker-examples.html#example-4
- http://stackoverflow.com/questions/17863924/jquery-datepicker-add-class-to-first-17-days
- http://stackoverflow.com/questions/6832622/how-to-add-a-custom-class-to-my-jquery-ui-datepicker
- http://www.jqueryscript.net/time-clock/Simple-Date-Date-Range-Picker-with-jQuery-Moment-js.html
Range Sliders
- https://designscrazed.org/free-jquery-price-range-sliders/
- http://ionden.com/a/plugins/ion.rangeSlider/demo_advanced.html
- https://github.com/webtechfreaky/Cloud-Pricing-Slider
- https://github.com/simeydotme/jQuery-ui-Slider-Pips?utm_source=bypeople
Gulp
- https://www.youtube.com/watch?v=bfuQAL1xkag&list=PLv1YUP7gO_viROuRcGsDCNM-FUVgMYb_G&index=5
- https://travismaynard.com/writing/getting-started-with-gulp
3.https://css-tricks.com/gulp-for-beginners/
- for stripping comments in .js files . Link https://www.npmjs.com/package/gulp-strip-comments
- How to delete node_moduls folder http://www.nikola-breznjak.com/blog/javascript/nodejs/how-to-delete-node_modules-folder-on-windows-machine/
- Gulp Css minify --- https://www.npmjs.com/package/gulp-clean-css/
- Gulp saas minify --- https://www.npmjs.com/package/gulp-minify-css-mpath/
- Demo tested gulpfile.js ---> https://gist.github.com/amitabhaghosh197/0dab96dfdd58d483c92eaca3278c89f2
- https://css-tricks.com/gulp-for-beginners/
- https://scotch.io/tutorials/a-quick-guide-to-using-livereload-with-gulp
- https://www.npmjs.com/package/vinyl-ftp
- https://blueprintinteractive.com/blog/how-sync-local-and-server-development-gulp
- https://discourse.roots.io/t/deploy-to-production-server-on-shared-hosting-with-gulp-with-ftp/4435/3
- http://code.tutsplus.com/tutorials/using-gulp-for-wordpress-automation--cms-23081
- https://github.com/jalkoby/gulp-inline-fonts
- https://www.npmjs.com/package/gulp-iconfont
- https://github.com/jstuckey/gulp-gzip
- http://stackoverflow.com/questions/39143605/gzip-files-on-a-web-page
- For Clean svg: https://www.npmjs.com/package/gulp-svgmin
- https://www.npmjs.com/package/gulp-notify#requirements ---> Gulp Notify
- Merge all including Sass --> http://stackoverflow.com/questions/30782030/gulp-concat-after-sass, https://ypereirareis.github.io/blog/2015/10/22/gulp-merge-less-sass-css/, https://github.com/grncdr/merge-stream
jQuery Keyboard Hotkeys
- https://github.com/amitabhaghosh197/jquery.hotkeys
- http://pulkitgoyal.in/handle-keyboard-shortcuts-with-jquery
- http://stackoverflow.com/questions/2335553/jquery-how-to-catch-enter-key-and-change-event-to-tab
Autocomplete and for all forms
- https://jsfiddle.net/amitabhaghosh197/9hae46jb/
- https://www.google.co.in/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=jquery+ui+autocomplete+after+filling+text+shift+to+another+input+box
- http://stackoverflow.com/questions/2455225/how-do-i-move-focus-to-next-input-with-jquery
- http://stackoverflow.com/questions/23239664/jquery-autocomplete-filter-match-by-first-letter
- https://www.devbridge.com/sourcery/components/jquery-autocomplete/
- http://stackoverflow.com/questions/19177541/jquery-autocomplete-start-from-first-character
- http://www.texotela.co.uk/code/jquery/numeric/
- http://stackoverflow.com/questions/995183/how-to-allow-only-numeric-0-9-in-html-inputbox-using-jquery
- https://www.google.co.in/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=jquery+ui+autocomplete+only+first+letter
Input Type digits only
- http://jsfiddle.net/amitabhaghosh197/wrdruwqd/
- https://gist.github.com/nbouvrette/84ef4f498ac06cdd5b60
jQuery Resize
- https://github.com/cowboy/jquery-resize
Full video
- https://github.com/amitabhaghosh197/Vide
- http://tympanus.net/codrops/2015/09/17/how-to-create-a-fullscreen-video-opening-animation/
- http://videojs.com/ example http://damiracle.com/vide/vide.html
- Video JS ---> http://videojs.com/
- Video JS API --> https://github.com/videojs/video.js/blob/stable/docs/guides/api.md
- video js responsive https://coolestguidesontheplanet.com/videodrome/videojs/
For Video JS
<div class="full-width">
<video id="my-video" class="video-js vjs-default-skin vjs-4-3" controls preload="auto" width="1000" height="600"
poster="video/ocean.jpg" data-setup='{"controls": true, "autoplay": true, "preload": "auto", "loop": true, "controlBar": { "muteToggle": false }, "fluid":true}'>
<source src="video/ocean.mp4" type='video/mp4'>
<source src="video/ocean.webm" type='video/webm'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</div>
And CSS
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.full-width{
display: block;
width: 100vw;
height: 100vh;
overflow: hidden;
}
video{
object-fit: fill !important;
}
.video-js {
position: relative !important;
width: 100% !important;
height: auto !important;
}
/*=========To hide Play Button===================*/
.video-js .vjs-big-play-button{
display: none;
}
.vjs-poster{
background-size: cover !important;
}
/*============To Hide Control Bar But be careful for Mobile , as Mobile needs control Bar======================*/
.vjs-has-started .vjs-control-bar{
display: none !important;
}
Latest HTML5 Video in cloud
https://davidwalsh.name/html5-video
News Scroller
- http://www.jqueryscript.net/social-media/Simple-jQuery-Content-Rotator-Plugin-Crotator.html
- http://morphext.fyianlai.com/
Waypoint
- https://github.com/imakewebthings/waypoints
- http://imakewebthings.com/waypoints/guides/getting-started/
- http://stackoverflow.com/questions/19181435/different-offset-for-jquery-waypoint-up-event
Autocomplete
- http://stackoverflow.com/questions/8209516/apply-jquery-autocomplete-to-cloned-element
Back to Top
1.http://www.jqueryscript.net/animation/Customizable-Back-To-Top-Button-with-jQuery-backTop.html
Custom Checkbox & Radios
- https://github.com/flatlogic/awesome-bootstrap-checkbox
- http://icheck.fronteed.com/
- https://vsn4ik.github.io/bootstrap-checkbox/
Bootstrap Animated dropdown plugin
http://kybarg.github.io/bootstrap-dropdown-hover
Cloudzoom extract
http://jsbin.com/sisuloyimo/edit?html,output
Zoom jQuer
- https://github.com/fat/zoom.js
- http://www.elevateweb.co.uk/image-zoom
- https://github.com/elevateweb/elevatezoom
Github Essentials
1.https://guides.github.com/activities/hello-world/
Timepicker
- https://github.com/jonthornton/jquery-timepicker#timepicker-plugin-for-jquery
3D Sliders
- http://www.jqueryscript.net/tags.php?/3D/
###Kenburn jQuery
- https://github.com/kthornbloom/Smoothslides
- https://github.com/toymakerlabs/kenburns
REsponsive Grid System
- With Table Layout Fixed : http://mdo.github.io/table-grid/
- Grid 5 to 100 : http://unsemantic.com/
- Others : http://www.cssauthor.com/grid-systems/, http://www.freewebdesigntutorials.net/20-best-bootstrap-alternatives-web-developers/
CSS object-fit
- https://www.sitepoint.com/using-css-object-fit-object-position-properties/
- https://css-tricks.com/almanac/properties/o/object-fit/
- https://github.com/anselmh/object-fit
Node
- Resources: http://stackoverflow.com/questions/2353818/how-do-i-get-started-with-node-js
- https://github.com/sergtitov/NodeJS-Learning
- https://github.com/search?utf8=%E2%9C%93&q=node+js+tutorial
- https://github.com/manuelkiessling/nodebeginner.org
- https://github.com/MartinChavez/Node.js-Tutorial
- https://github.com/sergtitov/NodeJS-Learning
Horizontal Scrolling Websites
- https://onepagelove.com/tag/horizontal-parallax-scrolling
Some CSS rules
https://gist.github.com/amitabhaghosh197/18bcecc6fe5396f227c926ad4d0d9694
Animation CSS3 & jQuery
- https://github.com/miniMAC/magic
- http://www.bypeople.com/css-javascript-animations-transitions-library/
- https://www.sitepoint.com/top-9-animation-libraries-use-2016/
Store Locator jQuery and Geo code google
1.https://github.com/bjorn2404/jQuery-Store-Locator-Plugin
Scroll Monitor jQuery Plugin
https://github.com/stutrek/scrollMonitor
Chinese Standard Web Font
font-family: Tahoma, Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;
always declare all your target English fonts first. Why? Because English language fonts do not contain the glyphs for Chinese characters, but Chinese fonts do contain a-z characters. What that means is that if you declare your Chinese fonts before your English fonts, any English-language computer that has the standard Chinese font faces installed will display English characters using Chinese fonts, and let’s be honest, English letters in Chinese font families are fugly.
On the other hand, if you declare your English fonts first, Roman characters will be rendered in the first font, and Chinese characters will be displayed using the fall-back (Chinese) font. This should apply even if your site is mostly in Chinese or is targeting a wholly Chinese audience, because English characters will pop up in Chinese language sites as a matter of course – in usernames, for example.
http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/
Canvas Tutorial
- http://code.tutsplus.com/series/canvas-from-scratch--net-19650
###Image Tagging Plugin
- https://timseverien.com/taggd/
- https://timseverien.com/taggd/generator/
Offcanvas Menus
- http://www.jqueryscript.net/menu/Bootstrap-Drawer-Panel-Navigation-Plugin-With-jQuery.html
- http://www.jqueryscript.net/tags.php?/off%20canvas%20menu/
Full page Menu
- http://www.jqueryscript.net/menu/Fullpage-Navigation-Menu-with-jQuery-CSS3-Fullscreen-Navbar.html
Picturefill
http://scottjehl.github.io/picturefill/#getting-started
Online Tools
- Broken Link Checker: http://validator.w3.org/checklink
HTTP Status Details
- https://en.wikipedia.org/wiki/List_of_HTTP_status_codes
- https://www.semrush.com/tips/analyse-broken-links-response-codes/
jQuery inview
- https://github.com/protonet/jquery.inview
- https://github.com/zeusdeux/isInViewport
Responsive Tabs
https://github.com/vtimbuc/bootstrap-responsive-tabs
CSS Hamburger Menu
- https://github.com/jonsuh/hamburgers
Page Preloading Effects
- http://tympanus.net/codrops/2014/08/05/page-preloading-effect/
Animated Grid effect
- http://tympanus.net/codrops/2014/05/15/recreating-the-design-samsung-grid-loading-effect/
JAvascript Framework
- http://tutorialzine.com/2016/08/15-interesting-javascript-and-css-libraries-for-august-2016/
jQuery browser plugin
https://github.com/gabceb/jquery-browser-plugin
Viewport Size jQuery
https://github.com/tysonmatanich/viewportSize
Cloud Image uploader
- http://cloudinary.com/
Youtube API
- https://www.youtube.com/yt/dev/api-resources.html
- https://developers.google.com/youtube/iframe_api_reference
- https://github.com/youtube/api-samples
User Experience Guide
- https://www.shopify.com/partners/blog/forget-user-experience-start-thinking-about-client-experience?utm_content=buffer8ceed&utm_medium=social&utm_source=facebook&utm_campaign=buffersp
- https://www.smashingmagazine.com/2015/01/all-about-customer-journey-mapping/
#Jquery Page Transition & Preloader & Page Loader
- https://github.com/blivesta/animsition
- https://github.com/luruke/barba.js
- http://www.jqueryscript.net/tags.php?/page%20transition/
- https://www.niklausgerber.com/projects/preloadme-a-lightweight-jquery-website-preloader/
- https://ihatetomatoes.net/create-custom-preloading-screen/
- http://www.jqueryscript.net/loading/
- http://www.w3schools.com/howto/howto_css_loader.asp
#jQuery isotope & filter lightbox
http://www.picssel.com/create-a-filtered-image-gallery-with-jquery-and-fancybox/
#jQuery Lightbox
http://www.jqueryscript.net/lightbox/
Docs for Front End Developers
https://www.sitepoint.com/20-docs-guides-front-end-developers-9/?utm_content=buffer87ba9&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer
Maintaining Page Load Speed
- https://moz.com/learn/seo/page-speed
- https://blog.crazyegg.com/2013/12/11/speed-up-your-website/
#jQuery Chat
- http://stackoverflow.com/questions/31313617/scroll-down-chat-on-set-time-but-deactivate-on-user-interaction
- http://qnimate.com/facebook-style-chat-box-popup-using-javascript-and-css/
Thumbnail grid with Expanding Preview
- http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/
- https://github.com/oriongunning/gridder
Some Class JS
- https://github.com/desandro/classie
#LoadCSS
- https://github.com/filamentgroup/loadCSS
- https://martinwolf.org/blog/2014/12/load-css-asynchronously-with-loadcss
- https://www.turnkeylinux.org/blog/async-javascript
Eliminate Render Blocking Javascript
- https://github.com/mudroljub/js-async-loader
- https://css-tricks.com/transitions-only-after-page-load/
- https://varvy.com/pagespeed/
#Gzip
- https://css-tricks.com/the-difference-between-minification-and-gzipping/
- https://css-tricks.com/adding-a-cdn-to-your-website/
#SVG EXPORT
- https://css-tricks.com/illustrator-to-svg/#more-247358
Animation JS
- https://github.com/legomushroom/mojs
#Modal jquery
- http://dixso.github.io/custombox/
#Circle Progress jQuery
- https://github.com/kottenator/jquery-circle-progress
- http://jsbin.com/gijeba/10/edit?html,js,output
- https://github.com/kottenator/jquery-circle-progress/wiki/Custom-layouts
Language Plugin
- http://www.jqueryscript.net/text/jQuery-Plugin-To-Translate-Webpage-In-A-Given-Language-localizationTool.html
- http://darksmo.github.io/jquery-localization-tool/
Image on Click Video
- http://stackoverflow.com/questions/16378614/replace-img-with-iframe-on-click-of-button
Get Started with Remote Debugging Android Devices
- https://developers.google.com/web/tools/chrome-devtools/remote-debugging/
Mega Menu
- https://github.com/marioloncarek/megamenu-js
#PDFJS
- https://github.com/mozilla/pdf.js/
- https://www.sitepoint.com/custom-pdf-rendering/
Canvas
- Create Canvas with ID Dynamically : http://jsfiddle.net/8DEsJ/, http://stackoverflow.com/questions/11816431/how-to-add-a-html5-canvas-within-a-div
#Javascript
- Create Dynamic Div : https://www.kirupa.com/forum/showthread.php?326262-Create-dynamic-DIV-with-different-ID-Question
Stop youtube video on click bootstrap tab, slick slider
- https://gist.github.com/amitabhaghosh197/71088a4f067e53cf818d#user-content-pause-stop-youtube-video-through-javascript-in-slick-slider-and-bootstrap-tabs
How do I pull a native DOM element from a jQuery object?
https://learn.jquery.com/using-jquery-core/faq/how-do-i-pull-a-native-dom-element-from-a-jquery-object/
#Screen Resolution Statistics
http://www.rapidtables.com/web/dev/screen-resolution-statistics.htm
Emoji Cheatsheet
https://www.webpagefx.com/tools/emoji-cheat-sheet/
Numeral.js
http://numeraljs.com/
#Currency Convertor
http://curry.netyou.co.il/demo/
#Best Cheatsheet
http://ricostacruz.com/cheatsheets/
String Javascript Underscore String
https://github.com/epeli/underscore.string