1stwebdesigner |
Ultimate Roundup of Best Photoshop Wallpaper Tutorials Posted: 12 Jul 2010 02:00 PM PDT The best ways to learn and try new things with Photoshop is to create beautiful wallpapers. The huge size will give you plenty of ideas to try anything you want, and there really is no destination to what you can create. I've compiled a list of the best Photoshop tutorials that teach you how to make really great backgrounds. All the tutorials here give a top quality final result and teach you some new and better techniques. 1. Avatar Wallpaper Tutorials2.Chroma wallpapers3.Glowing extreme wallpaper4.Retro sunflower design5.Creating typography wallpaper6.Creating an abstract watercolor wallpaper7.Smoke effect on grungy wallpaper8.Awesome digital bokeh effect wallpaper9.Create an intensely grungy wallpaper10.Create a funky wallpaper11.Futuristic computer wallpaper12.Linux operating system desktop wallpaper13.Touching story scene in photoshop14.Vector wallpaper tutorial15.Valentine wallpaper16.Design a grunge car wallpaper17.Animated Rainbow Wallpaper18.Floating island scene similar to avatar19.Retro pop style wallpaper20.Creating an ecological fairy tale wallpaper21.Create fantasy wallpaper in photoshop22.Design a surreal desert scene23.Seacoast wallpaper24.Ford Mustang Wallpaper25.Summer camp wallpaper26.The screamusic wallpaper tutorial27.Windows Vista wallpaper28.Using some free stuff create wallpaper29.Water drops on a spider web30.Wallpaper with logo31.Calendar wallpaper32.Create an awesome music wallpaper33.Design a halloween pumpkin wallpaper34.Retro grunge apple wallpaper35.Theatrical scene using cute animal icons36.Fleetwood Mac Wallpaper37.Pepper Wallpaper38.Full Moon in The Midnight Forest39.Designing a Diving Wallpaper40.Microsoft Windows Vista Wallpaper |
Creating a Simple Twitter App using oAuth and PHP Posted: 12 Jul 2010 03:00 AM PDT Everyone on the web is updating to the latest & the most secure technologies with Twitter being the most hyped one as it upgraded from basic Authentication to the more secure oAuth. Earlier people had to risk their Twitter login credentials if they wanted to use some external Apps that gave them more control over their Twitter profile. Twitter would now be removing the basic Auth to fully support oAuth. As Twitter describes oAuth is:
As the title suggests, today we’ll be making a basic application which updates your Twitter status using oAuth and PHP. So let’s get started without wasting anymore time! DOWNLOAD THE LIBRARY HERE!NOTE: I strongly suggest that you should click on each of the screen-shots below, so that you can clearly understand what’s going on! Before starting up, I also suggest you to read the other article on Updating Twitter using PHP as it has some background information about this article. Read it here! SETTING IT UPTo get started open up notepad or any other code editor and make three files “index.php, style.css & update.php“. Now download the “download this Twitter oAuth library” made by Jaisen Mathai “here“. It is a ready-made library “stamped” by Twitter’s API (itself) which helps you to connect to Twitter using oAuth. Now place all these files in a folder and they should look something like this: REGISTERING YOUR APPLICATION ON TWITTERFirst of all we’ll need to register an app for you on Twitter so that you get your API keys you’ll use.
So for that (getting our app registered on Twitter) click here or go to http://twitter.com/apps. Note that you’ll need to login with your Twitter account to register an APP. The registration page that twitter provides is like the one below. I’ll describe everything as we go on! I have explained the form on the screenshot above so I strongly advise you to have a close look to the form and see what to fill. Below, I have explained all the elements of the file;
After that just click on Save and you’ll be redirected to a page where Twitter will give you your API info. in the form of a Consumer Key & the Consumer Secret Key. The page will look something like the one below: PREPARING TO MAKE THE APPLICATIONTo get started, we’ll first need to fill the API keys, we got from Twitter in our Application’s library so that we don’t get confused later on! To do so open the secret.php file in the lib folder and you’ll see something like below: <?php $consumer_key = '<PLACE YOUR CONSUMER KEY HERE>'; $consumer_secret = '<PLACE YOUR CONSUMER SECRET KEY HERE>'; ?> Now just add the Consumer Key & the Consumer Secret you got from Twitter in between the quotes. Below is the copy of the secret.php file that 1stwebdesigner’s Twitter oAuth application is using: <?php $consumer_key = 'vUztW1221HktEoi1MD3hxg'; $consumer_secret = '8R7gXaKaGfHHjtMxj6ennJMd0c8esDP4nCsKjiJAk'; ?> These API keys {consumer key, consumer secret} enable Twitter to redirect and process your oAuth request to Twitter for login. OUR APPLICATION FILESIndex.php: Basically this file will do all our work as it shows the “Sign In Through Twitter” button and then processes all our oAuth request using the oAuth library we are using. Co-incidentally, Twitter also redirects the user to this file after successfull authentication {Remember the screenshot above ?} Update.php: You’ll update your Twitter status using this file. Uses index.php file for form processing. (Explained below!) Style.css: Contains all the styles that we’ll use for our application. WRITING THE APPLICATIONOpen the Index.php file you made and add the following code to it: <?php session_start(); include 'lib/EpiCurl.php'; include 'lib/EpiOAuth.php'; include 'lib/EpiTwitter.php'; include 'lib/secret.php'; $twitterObj = new EpiTwitter($consumer_key, $consumer_secret); $oauth_token = $_GET['oauth_token']; if($oauth_token == '') { $url = $twitterObj->getAuthorizationUrl(); echo "<div style='width:200px;margin-top:200px;margin-left:auto;margin-right:auto'>"; echo "<a href='$url'>Sign In with Twitter</a>"; echo "</div>"; } else { $twitterObj->setToken($_GET['oauth_token']); $token = $twitterObj->getAccessToken(); $twitterObj->setToken($token->oauth_token, $token->oauth_token_secret); $_SESSION['ot'] = $token->oauth_token; $_SESSION['ots'] = $token->oauth_token_secret; $twitterInfo= $twitterObj->get_accountVerify_credentials(); $twitterInfo->response; $username = $twitterInfo->screen_name; $profilepic = $twitterInfo->profile_image_url; include 'update.php'; } if(isset($_POST['submit'])) { $msg = $_REQUEST['tweet']; $twitterObj->setToken($_SESSION['ot'], $_SESSION['ots']); $update_status = $twitterObj->post_statusesUpdate(array('status' => $msg)); $temp = $update_status->response; echo "<div align='center'>Updated your Timeline Successfully .</div>"; } ?> Now I’ll be explaining the whole code used above below (in point form):
session_start();
The pre-built PHP function that we are usign above just creates a session or resumes the current one.
include 'lib/EpiCurl.php'; include 'lib/EpiOAuth.php'; include 'lib/EpiTwitter.php'; include 'lib/secret.php'; We do so as we’ll be interpreting everything in our index.php file.
$twitterObj = new EpiTwitter($consumer_key, $consumer_secret); $oauth_token = $_GET['oauth_token']; if($oauth_token == '') { $url = $twitterObj->getAuthorizationUrl(); echo "<div style='width:200px;margin-top:200px;margin-left:auto;margin-right:auto'>"; echo "<a href='$url'>Sign In with Twitter</a>"; echo "</div>"; } else { $twitterObj->setToken($_GET['oauth_token']); $token = $twitterObj->getAccessToken(); $twitterObj->setToken($token->oauth_token, $token->oauth_token_secret); $_SESSION['ot'] = $token->oauth_token; $_SESSION['ots'] = $token->oauth_token_secret; $twitterInfo= $twitterObj->get_accountVerify_credentials(); $twitterInfo->response; $username = $twitterInfo->screen_name; $profilepic = $twitterInfo->profile_image_url; include 'update.php'; } After that we define the variables twitterObj & oauth_token to make it easier for us to connect and authenticate with Twitter. Then we open our if statement and check the oauth_token which is our access tokes for the account that will be authenticated with Twitter. We then redirect the user to Twitter’s authentication page using the $url which is defined in one the library files. The $url is made using the access token and the Twitter oAuth login link. One of the sample $url is: http://twitter.com/oauth/authorize?oauth_token=c1iKl42xnvOA76jIqzV4zXRVqFZcYJlYBQsXJC4Hbhw You can clearly see how Twitter well Twitter uses the oauth_tokens. After that we just open our session with Twitter and then get the profile information of the user from Twitter: $twitterInfo= $twitterObj->get_accountVerify_credentials(); $twitterInfo->response; $username = $twitterInfo->screen_name; $profilepic = $twitterInfo->profile_image_url; Here we defined the twitterInfo variable which is in short getting a user’s profile credentials from the $twitterObj data and then we use the screen_name & profile_image_url functions to get the profile name and profile image of the logged in user. At the same time we are assigning variables to the profile name and profile and profile image which we will use in the update.php file. After that we are also including the update.php file using the snippet below: include 'update.php'; Now copy the code below to your update.php file: <html> <head> <title>Twitter oAuth Application by 1stwebdesigner | Update your status</title> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> </head> <body> <h1>Hello and Welcome to the oAuth Tutorial</h1> <?php $_SESSION['twitter_profile']; ?> <div id="form"><!--Start form--> <p>Twitter Handle: <?php echo $username ?></p> <p>Profile Picture: <br /><?php echo "<img src='$profilepic' />" ?><br /></p> <label>Update Twitter Timeline</label><br /> <form method='post' action='index.php'> <br /> <textarea name="tweet" cols="50" rows="5" id="tweet" ></textarea> <br /> <input type='submit' value='Tweet' name='submit' id='submit' /> </form> </div><!--End Form--> </body> </html> This is just a simple HTML page consisting of small chunks of PHP code for showing the user’s username, profile picture of the user as uploaded on Twitter. The page also consists of a text box which the user can use to update his/her status timeline on Twitter. You might have noticed by now that I am using the index.php file for form processing. The code that processes this form and posts to twitter is the one below (already in our index.php file): if(isset($_POST['submit'])) { $msg = $_REQUEST['tweet']; $twitterObj->setToken($_SESSION['ot'], $_SESSION['ots']); $update_status = $twitterObj->post_statusesUpdate(array('status' => $msg)); $temp = $update_status->response; echo "<div align='center'>Updated your Timeline Successfully .</div>"; } Here we are taking the data from the textbox named tweet and then posting it to twitter and then notifying the user that his/her message was successfully and his/her timeline was updated. Our style.css file doesn’t have any special styles that we need to discuss here. They were just used to style the update form. NOTE: You may want to add the character count and limit as Twitter doesn’t accept any Tweets which consists of more than 140 characters {Even from the API}. I have explained it in my previous tutorial on 1stwebdesigner about Updating Twitter using Twitter API and PHP. You may now download the completed application files here but don’t forget to edit the secret.php file with your API keys as it won’t work without it. Feel free to build on the application we made today! TWITTER APPLICATIONS YOU USE USING oAUTHWe all know that Twitter provides an easy-to-use interface for its users. The main advantage of using oAuth is that users can see what applications have access to their profiles. If you want to check that then you can do so by:
You can check that easily by following the screenshot below: This is a screen-shot of my Connections page which is showing me all the Twitter websites/applications I have given access to! FURTHER READING
There’s another great Twitter oAuth library made by @abraham which can be seen in action here and it can be downloaded here. Tutorials regarding that library are available here! That’s it! If you have anything to add or have a query then feel free to comment on this post. Thanks ;) |
You are subscribed to email updates from 1stwebdesigner - Graphic and Web Design Blog To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
Comments (0)
Post a Comment