large file resumable file upload in chunks

http://www.resumablejs.com/
https://github.com/ZiTAL/html5-file-upload-chunk
https://github.com/blueimp/jQuery-File-Upload/wiki/Chunked-file-uploads

https://github.com/flowjs/flow-php-server/blob/master/README.md PHP library for handling chunk uploads.

javascriot variable isolation and module pattern

https://www.nicoespeon.com/en/2013/05/properly-isolate-variables-in-javascript/
https://toddmotto.com/everything-you-wanted-to-know-about-javascript-scope/
https://toddmotto.com/mastering-the-module-pattern/

Virtualiam scrapinimui per CMD

http://phantomjs.org/quick-start.html tai virtualus browseris, paleidziamas per CMD, apdorojantis puslapi ir visus JS

http://www.seleniumhq.org/

https://slimerjs.org/

Pagaliau ir chrome headless: https://developers.google.com/web/updates/2017/04/headless-chrome

browser storage api plugin JS

https://github.com/julien-maurel/js-storage

svg animavimas su JS

http://leocs.me/jquery-drawsvg/#usage

javascript allow work together

https://togetherjs.com/  javascript allow work together

automatically version css / js

http://particletree.com/notebook/automatically-version-your-css-and-javascript-files/

javascript find visual center of polygon

https://github.com/mapbox/polylabel

http://stackoverflow.com/questions/22796520/finding-the-center-of-leaflet-polygon

http://stackoverflow.com/questions/16282330/find-centerpoint-of-polygon-in-javascript

JS compress by Google

http://closure-compiler.appspot.com/home

facebook sdk

SDK

https://developers.facebook.com/docs/javascript/quickstart/v2.5
https://developers.facebook.com/docs/javascript/examples
https://developers.facebook.com/docs/javascript/howto/jquery/v2.5

Post on user wall
http://stackoverflow.com/questions/2724977/using-facebook-graph-to-simply-post-a-wall-message-with-just-javascript
http://stackoverflow.com/questions/13810257/post-on-facebook-wall-with-javascript-sdk
https://gist.github.com/findjonmos/5777900

Get user profile data
http://stackoverflow.com/questions/5846752/getting-an-facebook-user-profile-data-with-javascript

WebSockets tutorial

websockets - dvipusis bendravimas serverio su narsykle
http://www.binarytides.com/websockets-php-tutorial/
js biblioteka http://socket.io/   o serverside naudoti node.js


server-sent events - info uzklausimai kas kelias sekundes. Galima is serverio paduoti retry parametra po kiek laiko kita karta uzklausti info.
http://www.w3schools.com/html/html5_serversentevents.asp
Jau susijungus su serveriu, glaima padaryti, kad php skriptas tampa veikiantis be sustojimo su while, ir su obflush ispushina info narsyklei tada kada nori serveris: http://www.howopensource.com/2014/12/introduction-to-server-sent-events/

Long Polling Ajax - kai uzklausa nueina i sevreri, o srveris atsako tik tada, kai turi naujos info. Uzdedamas ilgas timeout. Gavus atsakyma, uzklausa vel kartojama is narsykles i serveri:
http://techoctave.com/c7/posts/60-simple-long-polling-example-with-javascript-and-jquery/

Responsive images sprendimai

https://github.com/teleject/hisrc - html kode nurodome img matmenis trijų dydžių, JS pagalba nustato kurį dydį krauti
http://adaptive-images.com/ - mažiausiai riekia keisti kodo. Per Htaccess paveikslėlių užkrovimą perduodame PHP skriptui, kuris pagal prieš tai padėtą cookie arba user-agent nustato kokia raiška reikalinga ir užkrauna reikiamą paveikslėlį, pakešuoja skirtingų dydžių versijas (panašiai daro WP).
https://responsiveimages.org/  - dar geresnis sprendimas, kode leidžiantisn urodyti skiritngas versijas. tik reikia pasikurti php skriptą kuris apdorotų ir pakešuotų paveikslėlius pagal dydį.
https://developers.google.com/web/fundamentals/design-and-ui/media/images/images-in-markup?hl=en -  google rekomenduojamos technikos repsonsive paveikslėliams, taip pat Retina ekranams kur pixel density didesnis, nurodant HTML IMG kode skiritngas paveikslėlių versijas

Background paveiksėliams - per media queries - http://www.html5rocks.com/en/mobile/high-dpi/#toc-tech-overview

SVG vektorinių paveikslėlių kompresinimas: https://jakearchibald.github.io/svgomg/

WEBP - naujas paveiksėlių formatas, 22% mažiau užimantis už PNG. Konverteris - http://webp-converter.com/  tik reikia pasidomėti kaip užkrauti ne webp paveikslą jei browseris nepalaiko, kaip tai aptikti: https://developers.google.com/speed/webp/faq  (rašo glaima su moderinzer.js)

PHP irankis minimizavimui html/css, apjungimui i viena faila

https://github.com/mrclay/minify - nors man kazkodel nepasileido
https://github.com/matthiasmullie/minify - minifikatorius, bet kazin ar turi cache
http://rakaz.nl/code/combine - paprastas 1 failo skriptas su file cache filetime md5 pagrindu

load async

https://css-tricks.com/thinking-async/

taip pat rekomendujama sfriftus laikyti local storage http://www.sitepoint.com/improving-font-performance-subsetting-local-storage/

Accelerated mobile pages

https://www.ampproject.org/
gerseniam mobile seo rekomenduojama kurti accelerated web pages

load jquery after page load

https://github.com/danriti/bootstrap-pagespeed/commit/50e10b6a908d71fa8b79b153c36042a5d29efe1b

<script type="text/javascript">
+    // Add a script element as a child of the body
+    function downloadJSAtOnload() {
+    var element = document.createElement("script");
+    element.src = "scripts/all.min.js";
+    document.body.appendChild(element);
+    }
+
+    // Check for browser support of event handling capability
+    if (window.addEventListener)
+    window.addEventListener("load", downloadJSAtOnload, false);
+    else if (window.attachEvent)
+    window.attachEvent("onload", downloadJSAtOnload);
+    else window.onload = downloadJSAtOnload;
+    </script>

Load jQuery with Javascript and use jQuery

http://stackoverflow.com/questions/10113366/load-jquery-with-javascript-and-use-jquery

CDN for JS/CSS

A free super-fast CDN
for developers and webmasters http://www.jsdelivr.com/

Font loader

Eliminate render-blocking JavaScript and CSS in above-the-fold content. Use: https://github.com/typekit/webfontloader arba https://github.com/filamentgroup/loadCSS

Javacript document.write catch

If you're dealing with 3rd party scripts, simply replacing document.write to capture the output and stick it in the right place isn't good enough, since they could change the script and then your site would break.

writeCapture.js does what you need (full disclosure: I'm the author). It basically rewrites the script tags so that each one captures it's own document.write output and puts it in the correct place. The usage (using jQuery) would be something like:

$(document.body).writeCapture().append('<script type="text/javascript" src="http://3rdparty.com/foo.js"></script>');

Here I'm assuming that you want to append to the end of the body. All jQuery selectors and manipulation methods will work with the plugin, so you can inject it anywhere and however you want. It can also be used without jQuery, if that is a problem.