OpenID Tutorials

Facebook - http://qpleple.com/authenticate-users-with-their-facebook-account/

Google and Others - http://qpleple.com/how-to-make-people-login-into-your-website-with-their-google-account/

New Website/App Checklist

My personal check list for what should happen with a new website or web app:

1. Choose and Buy Domain
2. Setup Host Package
3. Put up coming soon page
4. Setup Wordpress Blog
5. Setup Favicon
6. Setup 404,405 and 406 pages
7. Setup Email
8. Setup Google Analytics
9. Setup Google Adwords
10. Setup Twitter
11. Setup Heat Click Map
12. Setup A/B Testing
13. Setup a Phone Line
14. Determine Keywords
15. Create robts.txt
16. Setup Bank Account
17. Setup Paypal
18. Alpha Development Complete
19. Create 10 Blog entries
20. Publish Wordpress Blog
21. Create a sitemap
22. Blog - Press Release
23. Blog - Screenshots
24. Blog - How to use
25. Blog - Who we are/what we do
26. Alpha Testing Complete
27. Open Alpha Testing

Additional Check Lists:
http://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/

Got Programming Skills?

Think you got programming skills?

Think you could build an app in 8 hours?

Make some money proving it....If I get enough free time, I plan to participate in one of these.

Matter of fact, if you want to do one of these I will definitely help.

http://challengepost.com/discover

Repost - Install VLC in Chrome for ChromeCast

From:

http://gusclass.com/blog/2013/07/30/installing-vlc-in-chrome-to-playback-all-kinds-of-video/

Just like everybody else I know, I have tons of video in random formats that I can’t seem to get to play back in my web browser.  Video LAN offers an amazing video player and its installer includes a chrome extension.  This post will cover the basics for installing VLC and testing that it works as a chrome plugin:

1. Download VLC
2. After the download completes, click the installer.
3. Install VLC with all of the extensions / plugins
4. From your Chrome web browser, browse to chrome://plugins
5. Now, you will see an option, “VLC Web Plugin”. If this line is available, you have successfully installed the VLC player plugin for Chrome.

To test the VLC plugin, you can visit the VLC Plugins demo page.

Agile Teams - Mange your Backlog

One of the most critical items to a team's success is managing the backlog.

The backlog is NOT a collection of to-do items that your developer can go an "pickup" when they have spare time.

A backlog HAS to be groomed. IE: Reviewed weekly by someone on the team, or maybe even the whole team.

Items at the top of the backlog list MUST have some form of requirements.

In my opinion the scrum master is responsible for keeping the backlog in order. This does not mean they are responsible for priority, requirements, etc. It means they are the one who says "Hey Team, we have to go through the backlog because we have no idea what the top 3 items actually mean"

The BA/PM/Requirement Pusher, should be intimate with the backlog. I mean REAL intimate. Live and breath it.

A bit of a rant, but it's a recurring theme that drives Agile teams to failure.

Hope it helps.

Where did my Tax Dollars Go

Interesting data visulization:

http://fchasen.com/taxday/

Find more at http://www.datavizchallenge.org/

More Templates I like

http://www.oswd.org/design/preview/id/2860

http://www.oswd.org/design/preview/id/3477

Admin Templates:
http://themes.novalx.com/?theme=Admax

http://demo.mosaicpro.biz/ergoadmin/php/index.html?lang=en&layout_type=fluid&menu_position=menu-left&style=style-dark

http://flatfull.com/themes/note/form-validation.html

http://www.keenthemes.com/preview/index.php?theme=metronic_admin

http://themeforest.net/item/flatlab-bootstrap-3-responsive-admin-template/full_screen_preview/5902687

Autocomplete

I think I already wrote this post, but just in case. Here is how I implimented Autocomplete with jQuery:

You will need jquery, I had a copy in my templates, you can find a copy at jquery.com

You will also need autocomplete.js, which I got from here: https://github.com/devbridge/jQuery-Autocomplete/tree/master/scripts

I put the following with my css (in the head of the document)

.autocomplete-suggestions {
border: 1px solid #333;
font-size: 12px;
font-family: arial;
padding: 3px;
background:rgba(93,167,245,0.2);
}
.autocomplete-suggestion
{
padding:3px;
}

I then put the following where I wanted the text box to appear in the HTML code:

Stock: <input type="text" name="txtSymbol" id="txtSymbol">

I then put the following in my document (toward the bottom)
<script>

$(document).ready(function(){
    var options, a;
jQuery(function(){
//options = { serviceUrl:'qryStocks.php' };
var a = $('#txtSymbol').autocomplete({
serviceUrl:'qryStocks.php',
minChars:2,
maxHeight:400,
width:300,
zIndex: 9999,
deferRequestBy: 250, //miliseconds
noCache: false, //default is false, set to true to disable caching
onSelect: function(value, data){ alert('You selected: ' + value.value + ', ' + value.id); }
});

});

});

</script>

Now we also need a file that will return the list to display in our ajax:

<?php

$time_start = microtime(true); 

$conn=new mysqli("localhost","root","ididgood","stock_tracker");

$searchString = $_GET["query"];

$sql = "select distinct symbol, symbol from stock_history where symbol like '$searchString%' order by symbol limit 10";

$result = $conn->query($sql);

$out = "{\"query\":\"$searchString\",";

$suggestions = "";

$data = "";

$i=0;

while ($row = $result->fetch_object()) 

{

if($i> 0) $suggestions.= ",";

if($i> 0) $data.= ",";

$suggestions.= "\"$row->symbol\"";

$data.= "\"$row->symbol\"";

$i++;

}

$out.="\"suggestions\":[$suggestions],\"data\":[$data]}";

print $out;

?>

That's it.

Interesting Javascript Libraries

Stumbling across some interesting stuff...

Heat Maps:
http://clicky.com/

Easy Installation of Auto Complete
http://www.brandspankingnew.net/specials/ajax_autosuggest/ajax_autosuggest_autocomplete.html

Gray Box/Light Box/In page popup
http://orangoo.com/labs/GreyBox/
http://www.lokeshdhakar.com/projects/lightbox2/

Auto Comment you JS code
http://smartcomments.github.io/

Megamenu - Drop Downs with options
http://www.javascriptkit.com/script/script2/jkmegamenu.shtml

Form Menu Hints
http://www.javascriptkit.com/script/script2/formfieldhints.shtml

Templates Links

Collections

• http://www.101webdesigns.com/2013/10/15-top-gaming-website-templates/
• http://www.oswd.org/designs/favorites/
• http://www.mytemplatez.com/products/index/Template/CSS-Templates/Category/Games/

Ones I like:

• http://demos.brianmcculloh.com/continuum/
• http://www.gaaks.com/2012/10/03/templates/themeforest/continuum-themeforest-magazine-html-theme.html
• http://www.mytemplatez.com/view/450/Template/CSS-Templates/Category/Games/Game-Portal.html

Css Buttons:

• http://css3button.net/showcase/