Marc marchawkins
marchawkins
/ display_fourquare_on_website_with_php.php
Created
February 7, 2013 17:55
Display your check-ins from foursquare on a map on your website with php.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| // set default timezone (for date calcutations) | |
| date_default_timezone_set('America/New_York'); | |
| // setup array to hold checkins | |
| $checkins = array(); | |
| // enter your personal rss feed here (within the quotes); adjust the 'count=5' after the .rss to whatever number of checkins you want to display | |
| $fsquareFeed = 'https://feeds.foursquare.com/history/YOURUNIQUEFOURSQUAREFEEDURL.rss?count=5'; | |
marchawkins
/ display_flickr_on_website_with_php.php
Created
February 8, 2013 06:21
Display your photos from flickr on your website with php.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| $albumParams = array( | |
| 'method' => 'flickr.photos.search', | |
| 'user_id' => 'YOURFLICKRUSERID', // find it at http://idgettr.com | |
| 'per_page' => '18' | |
| ); | |
| $albumInfo = getFlickr($albumParams); | |
| ?> | |
| <html> |
marchawkins
/ flickr_photo_widget.php
Last active
December 14, 2015 02:09
Coding a photo widget from designmodo with flickr, php and javascript. Design tutorial is here: http://designmodo.com/instagram-widget-psd/ And my code tutorial is here: http://www.marchawkins.com/notes/flickr-photo-widget
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /* -------------------------------------------- | |
| START USER CONFIG -------------------------- */ | |
| $flickrUser = 'YOURUSERNAME'; // look at your profile url: http://flickr.com/photos/YOURUSERNAME/ | |
| $photoCount = '7'; // the # of photos for the scroller + 1 for top photo (minimum of 3, odd numbers work best) | |
| $flickrAPI = 'YOURFLICKRAPIKEY'; // get yours here: http://www.flickr.com/services/api/keys/apply/ | |
| /* END USER CONFIG ---------------------------- |
marchawkins
/ twitter_on_website_with_php.php
Created
February 22, 2013 15:48
How-to display your latest twitter tweets on your website with php. Code tutorial here: http://www.marchawkins.com/notes/twitter-on-your-website
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| /* if you're having trouble, uncomment this section to show php errors/warnings | |
| error_reporting(E_ALL); | |
| ini_set('display_errors', '1'); | |
| */ | |
| // create an array to hold the tweets | |
| $tweets = array(); | |
| // enter your twitter username in the screen_name parameter below |
marchawkins
/ email_cell_phone_via_sms.php
Created
February 22, 2013 16:15
How-to send an email to any sms-enabled mobile phone. More info here: http://www.marchawkins.com/notes/send-email-to-sms
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- form to send sms --> | |
| <form id="send-email-sms" onsubmit="emailSMS(this); return false;"> | |
| <fieldset> | |
| <legend>Email -> SMS Demo</legend> | |
| <div class="row"><div id="response"></div></div> | |
| <div class="row"> | |
| <div class="six columns"> | |
| <label for="phone_num">Phone #</label><input type="text" name="phone_num" id="phone_num" placeholder="10-digit number, no dashes" maxlength="15" class="inline"/> | |
| </div><!-- .six --> | |
| <div class="six columns"> |
marchawkins
/ annyang-test-01.html
Created
February 27, 2014 06:19
** Chrome only ** First test with the [annyang javascript library](https://www.talater.com/annyang/ "annyang javascript library"), a 2k library for allowing users to issue voice commands via their browser. If viewing this page over **http** versus **https**, your browser will ask for permission to use your microphone. The demo will only work if …
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="panel panel-default"> | |
| <div class="panel-heading">Speech Recognition Status</div> | |
| <div class="panel-body"> | |
| <div id="status"></div> | |
| </div> | |
| </div> | |
| <script src="/assets/js/annyang.min.js"/> | |
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | |
| <script> |
marchawkins
/ annyang-dictation-01.html
Created
February 28, 2014 17:29
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="row"> | |
| <div class="col-md-2 col-sm-2 col-xs-2"> | |
| <p><button class="btn btn-primary btn-sm" id="record-btn"><span>Record</span></button></p> | |
| </div><!-- .col --> | |
| <div class="col-md-10 col-sm-10 col-xs-10"> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading">Dictation Output</div> | |
| <div class="panel-body"> | |
| <textarea id="dictation" class="form-control" placeholder="Spoken text will appear here"></textarea> | |
| </div> |
marchawkins
/ voice-command-time-test.html
Created
March 3, 2014 18:58
Using annyang javascript library (https://www.talater.com/annyang/) to capture a command, process it and speak the result with the html 5 speech synthesis api. This demo works on the desktop and Android versions of Chrome. The 'time' is based on the user's system clock For this test, click **Listen** and ask "What time is it?" (after clicking "a…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="row"> | |
| <div class="col-md-2 col-sm-2 col-xs-2"> | |
| <p><button class="btn btn-primary btn-sm" id="speak-btn"><span>Listen</span></button></p> | |
| </div><!-- .col --> | |
| <div class="col-md-10 col-sm-10 col-xs-10"> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading">Response Status</div> | |
| <div class="panel-body"> | |
| <textarea id="status" class="form-control" placeholder="Spoken text will appear here"></textarea> | |
| </div> |
marchawkins
/ command-get-fuzzy-time.html
Created
March 4, 2014 00:12
Using javascript to retrieve a user's time, then convert it to a "fuzzy" value that sounds more conversational (ie. "half past two", "a quarter to seven", etc.). The 'time' is based on the user's system clock. For this test, click the **Get Time** button. The exact time will be displayed in the top field. The "fuzzy" time will be displayed below…
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="row"> | |
| <div class="col-md-2 col-sm-2 col-xs-2"> | |
| <p><button class="btn btn-primary btn-sm" id="get-time-btn"><span>Get Time</span></button></p> | |
| </div><!-- .col --> | |
| <div class="col-md-10 col-sm-10 col-xs-10"> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading">Response Status</div> | |
| <div class="panel-body"> | |
| <p>Exact time: <input id="exact-time" type="text" class="form-control"/></p> | |
| <p>Fuzzy time: <textarea id="status" class="form-control"></textarea></p> |
marchawkins
/ command-get-date.html
Created
March 4, 2014 07:51
Some simple javascript to retrieve the current date. The 'time' is based on the user's system clock. For this test, click the **Get Date** button. The date will be displayed and spoken to you.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="row"> | |
| <div class="col-md-2 col-sm-2 col-xs-2"> | |
| <p><button class="btn btn-primary btn-sm" id="get-date-btn"><span>Get Date</span></button></p> | |
| </div><!-- .col --> | |
| <div class="col-md-10 col-sm-10 col-xs-10"> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading">Response Status</div> | |
| <div class="panel-body"> | |
| <p>Current date: <input id="date" type="text" class="form-control"/></p> | |
| </div> |
OlderNewer