Digital Explosion http://www.dedesigner.com Designs that work - Websites, Logos, Print Ads & much more! Mon, 23 Apr 2012 19:41:55 +0000 http://wordpress.org/?v=2.6.1 en Mi Casa es Su Casa http://www.dedesigner.com/2009/08/mi-casa-es-su-casa/ http://www.dedesigner.com/2009/08/mi-casa-es-su-casa/#comments Thu, 27 Aug 2009 22:48:11 +0000 admin http://www.dedesigner.com/?p=623 This is a database website, that allows the client to edit the site. The website is in a RSS feed, and people can subscribe, join, and comment on the website. A online reservation system is in place. The website uses the online database to store the rental calendar with black out dates for current rental vacancy.  A photogallery and smooth viewing effect is a part of the website, and all you do is upload your image the website does the rest. Ad management is built into the website for internal or external advertising.  The website traffic is track by a third party, google analytics.

VN:F [1.3.2_665]
Rating: 4.3/5 (3 votes cast)

http://mycostaricarental.com/

]]> http://www.dedesigner.com/2009/08/mi-casa-es-su-casa/feed/ Billboard Design: Natural Spring Pools http://www.dedesigner.com/2009/08/billboard-design-natural-spring-pools/ http://www.dedesigner.com/2009/08/billboard-design-natural-spring-pools/#comments Thu, 20 Aug 2009 16:14:45 +0000 admin http://www.dedesigner.com/?p=614 This billboard design was created for Natural Spring Pools. Created in a vector format.

]]> http://www.dedesigner.com/2009/08/billboard-design-natural-spring-pools/feed/ DJ Vector http://www.dedesigner.com/2009/08/dj-vector/ http://www.dedesigner.com/2009/08/dj-vector/#comments Fri, 14 Aug 2009 21:02:43 +0000 admin http://www.dedesigner.com/?p=606 DJ advert all vector

]]> http://www.dedesigner.com/2009/08/dj-vector/feed/ Illustration Technique: 1 http://www.dedesigner.com/2009/08/illustration-technique-1/ http://www.dedesigner.com/2009/08/illustration-technique-1/#comments Tue, 11 Aug 2009 19:46:48 +0000 admin http://www.dedesigner.com/?p=586  

 

Coloring Outlined Text in Adobe Illustrator

This video will show you how to color outlined text in Illustrator, this lesson is easy, but very crutial to create unique designs.

This Design was created for the back of a 48ft Yacht  

 

 

 

 

]]> http://www.dedesigner.com/2009/08/illustration-technique-1/feed/ SMS Short Codes http://www.dedesigner.com/2009/07/sms-short-codes/ http://www.dedesigner.com/2009/07/sms-short-codes/#comments Wed, 22 Jul 2009 03:31:17 +0000 admin http://www.dedesigner.com/?p=720 Most likely you’ve seen cell phone “short codes” when advertisers on sandwich wrappers or big media brands like American Idol create text message-based voting campaigns. You know, text a message to this 5 or so digit mobile code and get some free stuff you don’t really want. But more smaller organizations and communities are turning to short codes with the help of startups.

Do you need one? If you want to market or promote something to mobile users, manage mobile communications to members of a group or organization, or get cell phone users to access your mobile application or service — then, maybe. How much are you willing to spend and what kind do you need? Here is some things to know about short codes, how to get them and what to avoid:

There are two kinds of short codes, shared and dedicated. Dedicated short codes are dedicated for one customer, and are costly and take awhile to set up – in the U.S. it can cost anywhere from $15,000 to $30,000 per year and take two months to get it ready.

Shared short codes are shared among customers and use keywords to identify their traffic. The cost of these is pretty small, and you can access these services from companies like Mozes and TextMarks. Mozes has been actively signing up bands while TextMarks has been working on organizations and local communities.

If you want to obtain a dedicated short code in the U.S., you have to choose between vanity or select (hand-picked) and random codes. It’s like picking a license plate. Vanity codes cost around $1,000 per month just to register and random short codes cost about half that.

Registration of dedicated short codes is only part of the process if you want your own code. You’ll probably want to go to one of the dozen or so SMS aggregator companies that have relationships with different carriers like Clickatell, or VeriSign. Research all the prices and compare as they are all trying to undercut each other.

If you are a content provider you can’t have to much fun either. According to the CTIA site you generally have to: “Agree not to transmit political marketing (news is acceptable), religious, pornographic, prostitution/escort, gambling, hate, alcohol or drug related content.” Wonder how FAITH and PLBOY (see below) are working that out.

A huge plus, If you text HELP or STOP to a short code, the service should respond. This is implemented to help users end or learn more about the short code service, and is useful for managing and finding these services.

Here are some sms shot codes, some did not respond to help/stop: COKE, 20FOX, FAITH, FBOOK (Facebook), GAWK (Gawker Media), MYSPC, (MySpace) PLBOY (PlayBoy).

VN:F [1.3.2_665]
Rating: 5.0/5 (2 votes cast)
]]> http://www.dedesigner.com/2009/07/sms-short-codes/feed/ Facebook Connect tutorial http://www.dedesigner.com/2009/07/facebook-connect-tutorial/ http://www.dedesigner.com/2009/07/facebook-connect-tutorial/#comments Thu, 09 Jul 2009 15:43:36 +0000 admin http://www.dedesigner.com/?p=548

What You’ll Learn

This tutorial covers how to add a Facebook Connect button to your site (in this case, a blog that allows user comments) and adds the user’s Facebook name and profile picture when a user clicks the Connect button. Note that this tutorial covers only the first steps towards a full Facebook Connect implementation. A complete solution will almost always involve a server-side component. We’ll cover additional integrations in later videos. You can follow along the video tutorial as you read this article:

What You’ll Need

  • A website for which you control the code and have server access. If you use software like MovableType, WordPress, or Drupal, check out our Facebook Connect Plugin Directory.
  • Basic knowledge of JavaScript and HTML.

Tutorial Step by Step

Adding a Connect Login Button to a Comment Form

Let’s begin with a basic HTML file that contains this initial code for your blog’s comment submission form:

<html> <body> <div id=”comments_post”> <h3>Leave a comment:</h3> <form method=”POST”> <div id=”user”> Name: <input name=”name” size=”27″><br /> </div> <textarea name=”comment” rows=”5″ cols=”30″></textarea> <br /> <input type=”submit” value=”Submit Comment”> </form> </div> </body> </html>

First, we’ll add a Facebook Connect login button. Add an

<fb:login-button></fb:login-button> tag under the Name field.

Because fb:login-button is an XFBML tag, we need some Facebook-specific JavaScript to actually render it. Put this line at the bottom of your HTML file, right before the closing </body> tag.

src=”http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php”></script>

  • Create a cross domain receiver file, which is necessary for secure cross-domain communication with Facebook. Just copy and paste the following text into a file called xd_receiver.htm on your site:

    < !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” > <body> <script src=”http://static.ak.connect.facebook.com/js/api_lib/v0.4/XdCommReceiver.js” type=”text/javascript”></script> </body> </html>

  • Each Connect website is treated as a Facebook application, and so it needs an API key. Go to the Facebook Developer application and click Create An Application. Fill in these fields:
    • Application Name: this will be what your users will see when they connect to your site.
    • Terms of Service: Select Agree. The Developer Terms of Service govern among other things how you can use the information on your site. Pay particular attention to section G, Facebook Connect.
    • Connect URL: This is the root URL of your site. Your cross-domain receiver file must be underneath the directory specified.
    • Icon (Optional): You can add an image to represent your site in the News Feed stories you publish.
    • Facebook Connect Logo (Optional): You can add an image to represent your site in the Connect dialog.
    • Base Domain (Optional): If your site runs on multiple subdomains, you may need to set the Base Domain. Note that this applies even if you run on something.com and www.something.com, as those are different subdomains.
  • Submit your application, and make note of your API key.
  • Go back to your original file. Underneath the <script> include, and right before the closing </body> tag, you need to add the following line of JavaScript, which tells Facebook your API key and the location of the cross-domain receiver file.

    • Finally, because XFBML is an extension to HTML, we need to make sure that the browser knows to ignore these tags. Do that by defining an XML namespace in your <html> tag. The top of your file should look like this:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml”>

    Your file should look like this now:

    < !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml”> <body> <div id=”comments_post”> <h3>Leave a comment:</h3> <form method=”POST”> <div id=”user”> Name: <input name=”name” size=”27″><br /> <fb:login-button></fb:login-button> </div> <textarea name=”comment” rows=”5″ cols=”30″></textarea> <br /> <input type=”submit” value=”Submit Comment”> </form> </div> <script type=”text/javascript” src=”http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php”></script> <script type=”text/javascript”> FB.init(”3f0ba1d70537bbf9381bca2bbb9f9a93″,”xd_receiver.htm”); </script> </body> </html>

  • Go back to your browser and refresh the page. Click the Connect button, connect your account, and then … nothing happens. Why? We need to change the login button so it displays the full call to action – “Connect With Facebook”. Add an onlogin attribute to your login button, which is described in detail in the next section.
  • You can choose from a number of login button styles; read Facebook Connect Login Buttons for the various options.

    • Adding an onlogin Handler

    Next, we’ll add some JavaScript to execute when the user connects accounts. Start by verifying that the Connect button works by adding an alert handler to the fb:login-button tag.

    <fb:login-button onlogin=”alert(’hello’);”></fb:login-button>

    Go back and refresh the page, then click the Connect button. You should see the alert. Now let’s have the button do something. It should add the user’s name and profile picture and make the login button disappear after the user connects. Replace your existing fb:login-button code with this:

    <fb:login-button onlogin=”update_user_box();”></fb:login-button>

    Then after the button reference, you can define the function.

    <script type=”text/javascript”> function update_user_box() { var user_box = document.getElementById(”user”); // add in some XFBML. note that we set useyou=false so it doesn’t display “you” user_box.innerHTML = “<span>” + “<fb:profile-pic uid=’loggedinuser’ facebook-logo=’true’></fb:profile-pic>” + “Welcome, <fb:name uid=’loggedinuser’ useyou=’false’></fb:name>. You are signed in with your Facebook account.” + “</span>”; // because this is XFBML, we need to tell Facebook to re-process the document FB.XFBML.Host.parseDomTree(); } </script>

    Refresh the page, click the Connect button, and you see that the name and picture appear. Now, your file looks like this:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml”> <body> <div id=”comments_post”> <h3>Leave a comment:</h3> <form method=”POST”> <div id=”user”> Name: <input name=”name” size=”27″><br /> <fb:login-button onlogin=”update_user_box();”></fb:login-button> </div> <textarea name=”comment” rows=”5″ cols=”30″></textarea> <br /> <input type=”submit” value=”Submit Comment”> </form> </div> <script type=”text/javascript”> function update_user_box() { var user_box = document.getElementById(”user”); // add in some XFBML. note that we set useyou=false so it doesn’t display “you” user_box.innerHTML = “<span>” + “<fb:profile-pic uid=loggedinuser facebook-logo=true></fb:profile-pic>” + “Welcome, <fb:name uid=loggedinuser useyou=false></fb:name>. You are signed in with your Facebook account.” + “</span>”; // because this is XFBML, we need to tell Facebook to re-process the document FB.XFBML.Host.parseDomTree(); } </script> <script type=”text/javascript” src=”http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php”></script> <script type=”text/javascript”> FB.init(”3f0ba1d70537bbf9381bca2bbb9f9a93″,”xd_receiver.htm”); </script> </body> </html>

    Correcting Page Load Behavior

    You may have noticed that on page refresh, you always need to click the Connect button, which is really annoying. We have several ways of handling this. If you have a server-side component, you can detect that the user is logged in based on the cookies and just serve logged-in content directly. However, if you’re doing it entirely in JavaScript (as in this example) you can use the ifUserConnected modifier to easily execute something on load if the user is logged in. Modify your FB.init call to always run update_user_box whenever the user is connected, even if it’s on page load:

    FB.init(”3f0ba1d70537bbf9381bca2bbb9f9a93″,”xd_receiver.htm”, {”ifUserConnected” : update_user_box});

    Now, on page load, if it detects that the user is logged into Facebook and connected with your site, it will execute this code. There is a minor flicker, which can be avoided with clever CSS tricks. The server-side rendering is also preferable if you have a lot of Facebook user specific content.

    About Server-Side Security

    In a real application, you could also include additional HTML to tell your server that this is a Facebook request. For example:

    <input type=”hidden” name=”facebook-request” value=”true” />

    However, you definitely shouldn’t set the user ID. The Facebook JavaScript library sets cookies that your server can use not only to get the user ID, but also to verify securely that the call came from Facebook. See Verifying The Signature for more details. We will cover this in a later tutorial

    Debugging Connect

    If any of these steps don’t work, check out the Facebook Connect FAQ. Soon, we’ll post an article on debugging Facebook Connect for some information on the right tools and techniques to use to figure out exactly what’s happening behind the scenes

    Did this help?

    VN:F [1.3.2_665]
    Rating: 3.5/5 (39 votes cast)

     

    Modify the CSS tutorial found here:

     http://www.dedesigner.com/2008/07/css-for-wp-facebookconnect/

     

    Retrieved from “http://wiki.developers.facebook.com/index.php/Facebook_Connect_Tutorial1“

    ]]>     http://www.dedesigner.com/2009/07/facebook-connect-tutorial/feed/     Digital Explosion http://www.dedesigner.com/2009/06/digital-explode/ http://www.dedesigner.com/2009/06/digital-explode/#comments Thu, 11 Jun 2009 21:28:21 +0000 admin http://www.dedesigner.com/?p=441 ]]> ]]> http://www.dedesigner.com/2009/06/digital-explode/feed/ We know Design http://www.dedesigner.com/2009/06/we-know-design/ http://www.dedesigner.com/2009/06/we-know-design/#comments Mon, 01 Jun 2009 19:26:11 +0000 admin http://www.dedesigner.com/?p=414 ]]> ]]> http://www.dedesigner.com/2009/06/we-know-design/feed/ Our Services http://www.dedesigner.com/2009/05/our-services/ http://www.dedesigner.com/2009/05/our-services/#comments Thu, 21 May 2009 18:09:16 +0000 admin http://www.dedesigner.com/?p=364 ]]>  

    ]]>     http://www.dedesigner.com/2009/05/our-services/feed/     Online advertising http://www.dedesigner.com/2009/05/online-advertising/ http://www.dedesigner.com/2009/05/online-advertising/#comments Fri, 15 May 2009 04:54:03 +0000 admin http://www.dedesigner.com/?p=322 ]]> ]]> http://www.dedesigner.com/2009/05/online-advertising/feed/