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)

HTML5 responsive HTML temos

http://html5up.net/

Responsive menu CSS/JQUERY

paprastai pasidarantis meniu iš UL/LI struktūros, jquery ir css pagalba: http://callmenick.com/post/simple-responsive-navigation-menu