WAMP and https

Why is this important? It looks like the BluePrint-Q preview is broken on the WordPress themes directory: https://wordpress.org/themes/blueprintq-draft/ Turns out that some assets are expecting to be loaded through http, but the theme directory is using https, which is causing the unpleasant layout. So, this is something I want to debug locally. Out of the…

Web-sharing tools

I’m using this post as a reminder on which tools are helpful for improving social and search networks. Facebook Object Debugger: Use this to ensure that Facebook is scanning the website properly.  Especially useful for ensuring the preview image appears properly. Google Webmaster Tools: Shows you what Google sees when crawling the website.  Also includes…

Bootstrap

Typically, if using raw HTML/CSS, chances are that your site might work on something like Chrome, but not on something like Internet Explorer.  Enter Bootstrap – a collection of CSS and Javascript that handles the nuances between browsers.  It really has become ubiquitous – download it here: http://getbootstrap.com/

Sizing your online banners

If you are creating banners for your site, you can create whichever shapes/sizes you wish.  But, if you want to put advertisements up supplied by a place like Google’s Adsense, you want to probably follow some sizes that are supported (all listed in pixels and all width x height from Google Adsense as of December…

Awesome ways to display web icons

Great for visual indications, icons can add just enough interest to otherwise plain sites. Traditionally, Developers would use image files (like .gif, .jpg, or .png) to display in their markup.  The code for a button with some text and an icon might have looked something like this: <button> <img src=”path_to_my_icon/icon.png”> Click me! </button> Of course,…