I may add to this but here are a couple of nice code snippet websites. Generate Google maps html: http://embedgooglemaps.com/en/ Grid Generator: http://www.responsivegridsystem.com/calculator/
Prototyping & Wireframing
With the intention of becoming a freelancer, I am looking at things which i have previously missed – in this case wire-framing & prototyping – previously I have sat down with a client sketched out an idea and run with it but I’m certain there are smarter ways of doing this. Live prototyping makes sense… Read more »
Beautiful themes & Plugins
This is a list of themes & plugins that i really like and have used/want to use: The X Theme by themeco this is a great theme with the added benefit of having free cornerstone which makes creating beautiful layouts really easy: Cornerstone by themeco Here’s a great responsive slider: Slider Revolution Contact Form 7… Read more »
Google Fonts
Here’s a great plugin if you want to use Google fonts: easy-google-fonts
WordPress Hooks – Actions & Filters
Just a quick link to info about hooks https://docs.woothemes.com/document/introduction-to-hooks-actions-and-filters/ http://codex.wordpress.org/Plugin_API/Filter_Reference http://code.tutsplus.com/articles/the-beginners-guide-to-wordpress-actions-and-filters–wp-27373 http://codex.wordpress.org/Plugin_API/Action_Reference How to write a plugin
Absolute Lifesaver plugin: Code snippets
This plugin has been a absolute lifesaver for me – it means i can add snippets of code without gong into any of the actual php files – activate and deactivate as I want without worrying I’m going to break anything: https://wordpress.org/plugins/code-snippets/
Woocommerce Shipping Methods
Here is a good blog explaining how to set up different Woocommerce shipping methods: http://uploadwp.com/woocommerce-shipping-methods-setup/ Arghh this has been depreciated (Or at least the shipping options on flat rate that I needed to use has) i will try to find a solution and post it as soon as I figure it out! Will look… Read more »
Device tester
It is more important than ever that websites are reponsive to both the type of browser and the device which they are viewed in. Here is good site to check your website across various devices: http://quirktools.com/screenfly (my new favourite!) https://www.browserstack.com/responsive Here is an instant checker (although I am slightly weary of this one as the… Read more »
Use a Google font in photoshop
Go to the Google fonts site: https://www.google.com/fonts Find the font that you would like to use for example indie flower: Click on Quick use which will open the following page: https://www.google.com/fonts#QuickUsePlace:quickUse/Family:Indie+Flower Use the link to get the download: https://fonts.googleapis.com/css?family=Indie+Flower Use the URL to download the font: https://fonts.gstatic.com/s/indieflower/v8/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2 If the text is a WOFF convert it… Read more »
Add a Category Page to your Woocommerce shop
This is actually pretty straight forward but as I did it and then forgot what I did I thought I better write it down so here goes: Create your categories Add the category to your products Go to Woocommerce>Settings>Products>Display In Shop display page set to Show categories & sub categories That’s it!