Monthly Archives: มีนาคม 2016

Web page performance test

http://www.webpagetest.org/ or https://gtmetrix.com 1.First Byte Time (TTFB) 2.Keep-alive Enabled 3.Compress Transfer 4.Compress Images (Progressive JPEG) https://www.besthostnews.com/how-progressive-jpegs-can-speed-up-your-website/ Progressive image test online http://techslides.com/demos/progressive-test.html Online image optimizer http://optimizilla.com/ 5.Cache static content 6.Effect use of CDN http://cloudinary.com/

Posted in pagespeed, ไม่มีหมวดหมู่ | Leave a comment

SpriteMe makes high performance website

SpriteMe makes spriting easy http://spriteme.org/ and saving page http://spriteme.org/results.php

Posted in pagespeed, ไม่มีหมวดหมู่ | Leave a comment

understand critical css path

https://varvy.com/pagespeed/critical-render-path.html

Posted in pagespeed, ไม่มีหมวดหมู่ | Leave a comment

jquery swap element

http://james2doyle.github.io/zepto-dragswap/ connectionWith class sortable <style> .over {     -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);     box-shadow: 0 5px 10px rgba(0,0,0,0.5);     -webkit-transform: scale(1.0);     -moz-transform: scale(1.0);     -o-transform: scale(1.0);     -ms-transform: scale(1.0);     transform: … Continue reading

Posted in jquery | Leave a comment

jquery jeditable br newline

Normal flow is this. User clicks text on web page. Block of text becomes a form with textarea. User edits contents and presses submit button. New text is sent to webserver and saved. Form becomes normal text again. http://www.appelsiini.net/projects/jeditable convert … Continue reading

Posted in jquery | Leave a comment