Javascript Like

<article> <button>like</button> </article> <script> $(“button”).on(“click”, function() { alert(“javascript works”) }); </script>  

RGBA Colours

Similar to hex colours except the last changes the transparency and can be between 0-1 For example: background: rgba(0,0,0,0.8); is a slightly transparent black

html5 css3 responsive design

Good links: https://dash.generalassemb.ly/projects A few basics: HTML5 Boilerplate: <!DOCTYPE html> <head> <link href=”/normalize.css” rel=”stylesheet”> <style> </style> </head> <body> <header> <img src=”/.png”> <h1> Blog</h1> <ul> <li><a href=”#”>About Me</a></li> <li><a href=”#”>Best Poems</a></li> <li><a href=”#”>Worst Poems</a></li> </ul> </header> <article> <h2>Article 1</h2> <p></p> </article> <article> <h2>Article 2</h2> <p></p> </article> </body> @media in styles: @media(max-width:500px){ h1 { font-size:36px; } li… Read more »

HTML5 Essentials

http://develop-a-website.com/20-useful-and-awesome-html5-tutorials/ http://webdesignledger.com/tips/html5-essentials-and-good-practices http://stackoverflow.com/questions/134727/whats-the-key-difference-between-html-4-and-html-5

Alternate Menu for members

You will need two different menus so first we need to register support for two menus in your functions.php file. Depending on the theme your using you will have some code like the following: // This theme uses wp_nav_menu() in one location. register_nav_menu( ‘primary’, __( ‘Primary Menu’ ) ); you will need to add or… Read more »

Add Custom fonts

Free font available from: http://www.fontsquirrel.com/faq How to: http://premium.wpmudev.org/blog/adding-custom-fonts-to-wordpress-with-font-face-and-css/ Add download font to: /public_html/wp-content/themes/wootique/fonts HenryMorganHand.ttf

Plugin updates

Heres some info on updating plugins and what to do if an update breaks the site… http://premium.wpmudev.org/blog/think-twice-before-you-upgrade-that-wordpress-plugin/