Mobile Form using CSS3 and Webkit

Looking for a way to style your mobile website form using round radius corners, colorful gradation backgrounds and placeholder text for text fields.

With the new CSS3 tag attribute, we are now able to target specific types of form tags using the [type=] attribute selector. See image below for the type of form you can create at the following URL: http://37signals.com/…css3-and-webkit

 

Honda Social Media Graphic Chart

Honda Social Media Graphic Chart

Ford Social Media Graphic Chart

Ford Social Media Chart

Upgrade Server Settings Sync Problem with Perallels Plesk

Once I upgraded my server increasing RAM from 500 MB to 1 GB and disk space from 20 GB to 30 GB, my plesk panel was out of sync. I check that my server was upgraded viewing Godaddy’s default control panel and also logging in to my server via SSH from the terminal running df -h to check disk space and free -m to view memory total / usage. The server had been upgraded so now I had to go about fixing the Plesk pannel to refresh. I spent way too much time on the phone with tech support until they pointed me over to their chat service to get in touch with their VDS experts.

Their expert find a refresh button buried in the pannel under the following path:

Tools & Utilities > Server Tools > Services management

I clicked the green arrows labeled refresh on the lop left. That worked so I thought. The home screen now showed accurate info; however the health monitoring was still out of sync. After sufring around on the web, I found a script on my server that needed kick in the rear. Here’s the command I ran in the terminal that forced Plesk into rescanning my server settings:

/usr/local/psa/bin/sw-engine-pleskrun /usr/local/psa/admin/plib/scripts/setup-health-monitor.php

Top 10 useful SSH terminal commands.

Now that you have a virtual server setup, you can enjoy the benefits of managing your server as root (super admin). With root level access, you can send commands to your server using a bash terminal. Here are the common commands:

  • man – stands for manual. Very useful command if you are just getting started with Linux. You can invoke ‘man’, followed by any other Linux command (cd, for example) and it will display detailed description and list of all available options.
  • cd – cd is short for ‘change directory’. Allows browsing between different folders of your VPS.
  • cp, mv, rm – great commands for basic file management. You can copy (cp), move (mv) or remove (rm) files/folders this way from your server.
  • grep – grep permits you to print lines that match a particular pattern. Useful if you are looking for a phrase or or line in a large text file (logs, for example).
  • ls – allows you to list the content of a directory. Using “ls -la” will also show you hidden files/directories (those starting with a dot) and additional attributes, such as permissions and ownership.
  • chown, chmod – every file or directory has its own ownerhip rights – user and group. With “chown” you can modify those parameters and “chmod” gives you the ability to change permissions (read, write, execute) for the owner, group and the rest of the users, accessing that file/directory.
  • nano, vi - “nano” and “vi” are probably the two most popular Linux text editors. You may find “nano” easier to use, while “vi” appears as the preferred editor among more experienced.
  • top, ps – “top” provides you with a periodic update (every five seconds by defaut) of running Linux tasks, while “ps” takes a snapshot of all current processes and prints it on your screen.
  • df -h, du -hs - shows you the current overall use of your disk in gygabytes (df -h).”du -hs” calculates the total size of a directory in a human readable format (e.g., 1K 234M 2G).

Here are two bonus commands for checking DESK SPACE and RAM usages:

To check out the disk space usage on your server, execute this command:
df -h
And to see the memory usage:
free -m

New Back To The Future Nike Shoes

Nike unveils their Back To the Future II self-lacing MAG, Marty MclFly’s sneakers. Leading up to this event, there have been several viral videos on YouTube. Some featuring Michael J. Fox and others feature Christopher Lloyd.

These new kicks are designed to be an exact replica of the original shoe with LED panels and a luminescent Nike logo centered on the strap powered by a rechargeable battery. The lights comes with an on and off switch located on the ear of the high top. Each charge will last five hours.

A limited number of shoes will be put up for auction to raise money for charity. You may be able to purchase a pair on eBay out of the list of 1,500 available.

Read more about it on the following sites:

Add Facebook Comment Box to Your Site

Here is a easy to use script on a web site running PHP. You can also remove the PHP script for reading the current url and replace it with a static address of your current page. Copy and paste the follow under your content:

<iframe src=”http://www.facebook.com/plugins/feedback.php?href=<? echo $_SERVER['HTTP_HOST']; ?>&amp;permalink=0&amp;limit=10″ scrolling=”no” frameborder=”0″ name=”comments4de5a17b0b1299724858306″ class=”comments” width=”680px” height=”150px”></iframe>

If you need help with adding a fb friendly URL to your code, use this tool on facebook to generate your code:

http://developers.facebook.com/tools/lint

How to unzip or extract .tgz or .tar.gz Files using SSH

To extract .tar.gz or .tgz files from terminal or via ssh

tar -zxvf file.tar.gz

or

tar -zxvf filename.tgz

 

Get Total Number of Likes from Facebook Page

You can always use a custom Facebook Like Button that displayes the number of likes from the FB Developer’s page. But if you’re looking to control the way that number is displayed (maybe a large font or in a funky graphic), you can access this information using the Continue Reading »

iPad Development Default Screen Image Orientation

When developing your first app for the iPhone or iPad, you’ll have to provide the app with a default launch screen image. It’s the logo or loading message you would see during any app startup. That startup image is named “Default.png” so by default the devise will automatically display that image during an app startup.

This is not ideal if you’re developing an app with multiple orientations. There are other options. Here are a few recommendations:

Filename Dimensions
Default-Portrait.png * 768w x 1004h
Default-PortraitUpsideDown.png 768w x 1004h
Default-Landscape.png ** 1024w x 748h
Default-LandscapeLeft.png 1024w x 748h
Default-LandscapeRight.png 1024w x 748h
Default.png Not recommended

 

You’ll notice the dimensions above vary in size depending on what orientation the divise is positioned. The deference is 20px taken off the top for displaying the status bar.  You can keep your screen image the full 1024×768 for portrait and landscape if your in a hurry. The OS will trim off the extra 20px on top for you.

There is a known issue for some where, although you have provided both landscape and portrait images, only one will load no matter the orientation. You may want to open your app .ipa file package in a text editor like TextWrangler and locate the “info.plist” file. Once you have it open, cut and paste in the following attributes.

<key>UISupportedInterfaceOrientations</key>
<array>
    <string>UIInterfaceOrientationPortrait</string>
    <string>UIInterfaceOrientationPortraitUpsideDown</string>
    <string>UIInterfaceOrientationLandscapeLeft</string>
    <string>UIInterfaceOrientationLandscapeRight</string>
</array>

 

Page 1 of 141234510Last »