logo
Copyright 2019 TwentyEleven Web Design
Uncategorised Archives | Page 2 of 3 | TwentyEleven Web Design
-1
archive,paged,category,category-uncategorised,category-1,paged-2,category-paged-2,bridge-core-1.0.7,ajax_fade,page_not_loaded,,qode_grid_1300,side_area_uncovered_from_content,footer_responsive_adv,qode-content-sidebar-responsive,qode-theme-ver-18.2.1,qode-theme-bridge,wpb-js-composer js-comp-ver-6.0.5,vc_responsive
 

Everyone knows the importance of site speed and its importance in retaining visitors and one of the best plugins for Wordpress in speeding up your site has to be W3C Total Cache.  For a long time I had used WP-Super Cache but found it to not necessarily work as I wanted it to.  I was always on the look out for something else and thanks to Joost De Valk I became more and more sold on the idea of W3C Total Cache, and frankly its awesome. However even though it has pretty good documentation and the install process is straightforward I found there was nowhere that really told me how to set up everything to get it working at its optimal settings.  Thats when I came across this tutorial.  I've included a downladable pdf of the guide if you would rather read this but the following information should help you optimise your websites load speed. I managed to take make my homepage load in 2.5 seconds and rank at 80 (Grade B) on YSlow, still with some work left to be done i.e HTML requests/CSS Sprites.

With Firefox being everyones favourite Web Developers tool its good to see that Google are hot on their heels developing some great extensions for Chrome. The Chrome Developer Tools are great for debugging HTML, JavaScript and CSS in Chrome. If you're writing a webpage or even a web app for the Chrome Web Store, you can inspect elements in the DOM, debug live JavaScript, and edit CSS styles directly in the current page. Extensions can make Google Chrome an even better web development environment by providing additional features that you can easily access in your browser.

Another really useful tutorial by Jeffery Way over at NETtuts: A common design technique lately is to create a fold effect, where it appears as if a heading is wrapping behind its container. This is generally achieved through the use of tiny images; however, with CSS, we can mimic this effect quite easily. I’ll show you how in four minutes.