Friday, November 25, 2011

Google Wave shut down


Google Wave
Google has finally announced exactly when it plans to stop google wave. After January 31,2012 Google Wave is read-only. and Google wave is shut-down after April 30, 2012 Below mail we got from google wave Team.

Dear Wavers,

More than a year ago, we announced that Google Wave would no longer be developed as a separate product. At the time, we committed to maintaining the site at least through to the end of 2010. Today, we are sharing the specific dates for ending this maintenance period and shutting down Wave. As of January 31, 2012, all waves will be read-only, and the Wave service will be turned off on April 30, 2012. You will be able to continue exporting individual waves using the existing PDF export feature until the Google Wave service is turned off. We encourage you to export any important data before April 30, 2012.

If you would like to continue using Wave, there are a number of open source projects, including Apache Wave. There is also an open source project called Walkaround that includes an experimental feature that lets you import all your Waves from Google. This feature will also work until the Wave service is turned off on April 30, 2012.

For more details, please see our help center.

Yours sincerely,

The Wave Team

Sunday, November 13, 2011

How many things to avoid in SEO

  1. Strange color combinations that make it hard to read for a viewer.
  2. Text that is too small,
  3. Unrelated advertisements - that will provide distraction to viewers.
  4. Hidden text (Normally text that matches the color of your page background)
  5. Instances of 5 or 6 keywords being repeated in a row
  6. Submitting your Website to FFA sites.
  7. Duplicate pages, doorway pages and cloaked page.
  8. Re-direction from the home page to another.
  9. Automated submission to search engines.
  10. Submitting to search engines more than ONCE a month!
  11. Keyword stuffing in comments tags, Meta keyword tags and image alt tags
  12. Participating in link farms.

    (A link farm consists of sites that link to other sites for the sole purpose of increasing their link popularity score.)
  13. Use of <Meta refresh> tag in HTML page header.
  14. Using trademarks or company names belonging to others in your Meta tags.



     

Saturday, November 12, 2011

Google Web Fonts

Google Fonts is an absolutely ultimate collection of web fonts that you may use in your HTML web pages without any restrictions and download it in your computer or laptop.

Google Web Fonts makes web fonts quick and easy to use for everyone, including professional designers and developers. We believe that there should not be any barriers to making great websites.

Google Web Fonts team's goals are to create a directory of core web fonts for the world and to provide an API service so that anyone can bring quality typography to their webpages.
The API service runs on Google's servers. They are fast, reliable and tested. Google provide the service free of charge. It is possible to add Google Web Fonts to a website in seconds.

A web built with web fonts is a web that is more beautiful, more readable, more accessible and more open.



Google Web Fonts
http://www.google.com/webfonts

Contribute to Google Web Fonts
https://services.google.com/fb/forms/submitafont/

Google Web Fonts API
http://code.google.com/apis/webfonts/docs/getting_started.html

Monday, September 19, 2011

Importance of meta tags in SEO

Meta tags are tags, which are embedded in the HTML code of a page, You should insert the META tag element at the top of your document, just after the <TITLE> element.

The basic syntax for Meta Tags is:

<HEAD>

<TITLE>Your Page Title Goes Here</TITLE>

<META name=”description” content=”type your description here”>

<META name=”keywords” content=”type, your, keywords, keyword phrase here”>

</HEAD>

Tips On META Description Tag

<META name="Description" content="Your descriptive sentence goes here.">

  1. Write it in sentence structure.
  2. Should be relevant to the similar 25-30 word (under 150 characters) description of the first text within the visible page.
  3. Do not repeat your keywords more than 3 times in description tag. If you need, make alternatives (e.g. 'prescription' and 'prescriptions' can be used 3 times each).
  4. Minimize the use of "stop words" such as "and, the, of".
  5. Keyword phrases that appear earliest in the Meta description will generally receive higher ranking value.
  6. Try to include this tag in all pages by describing the content and it should be unique.
  7. Don't load your Meta description with only keywords.
  8. Strive for 6%-20% keyword density.
  9. Use different Meta description tag for each pages.

Tips On META Keyword Tag

<META name="keywords" content="your keywords, go here, separated by a comma">

  1. Keep 100 to 250 characters to get better results.
  2. Start with the most important and then proceed to less important.
  3. Use keywords/Phrases
  4. Do not repeat any word more than 3 times.
  5. Do not place repeated keywords close together.
  6. If your site has content of interest to a specific geographic location be sure to include the actual location in your keyword Meta.
  7. Use keywords that are actually on the page and reflect the essence of your content.
  8. Try to use keywords in your Meta keywords tag with comma, not by space.
  9. Try to use small case in keyword/phrases

    (eg: replace the keyword phrase - "Website Design" with "website design")
  10. Strive for 4%-10% keyword density.

Create Your Meta Tags

1) Create your Meta Tags »

2) Generate Meta Keywords based upon your page contents »


Copy this article from Shree Gokul infotech blog

Saturday, September 17, 2011

SEO - Good Practice with Title Tag

The Title tag is an important part of a Website. It is a short description of the page, and the most important words should go first. Every HTML (web page) should have a Title tag and all Title tags should be unique. Don't use the same Title tag for multiple documents. It should be inserted into the header of your web page and looks like this:

<HEAD>

<TITLE>Shree Gokul Infotech</TITLE>

</HEAD>

Tips

  1. It should always appear immediately after the opening <head> tag.
  2. It should be specific keywords and phrases.
  3. Use only keywords and phrases that are in the body text on your page.
  4. May use the same keyword twice to attain reasonable keyword density, but be sure that you don't put the same words right next to each other or more than twice
  5. 6 - 12 words ( less than 60 characters ) is a good length for a title tag.
  6. Consider using both singular and plural forms of the keywords.
  7. It should be read like a phrase that makes some grammatical and logical sense, not collection of keywords.
  8. Try to place your primary keywords at the starting of the tag.
  9. Keep the words in title case ( eg: Professional Marketing Tips )
  10. Make sure to avoid using search engine stop words or words like Home, Default, Internet or Index.
  11. Avoid using superlatives in your title (e.g. the best, fastest, cheapest, leader )
  12. Try to minimize the use of commas in this tag.
  13. Strive for a keyword density of 25-35% for each keyword.
  14. Always remember to close this tag (eg: </title>)
  15. All pages MUST have a unique and descriptive keyword phrase in the title.
    (One page on your site might be seen as more relevant for a particular keyword when compared to another)
  16. Try to keep title tags as unique as possible in each pages in your website.
  17. Do not change the title tag regularly.

Bad practice:

<title>Gujarat,Rivers,Backwaters,Tourism,Hotels</title>

<title>Coir rugs coir doormat coir exporter coir products</title>

Good practice:

<title>Gujarat - Land of Rivers and Backwaters</title>

<title>Natural Coir Doormats and Coir rugs Exporter</title>

Copy this article from Shree Gokul infotech blog

SEO friendly Content tips

Below are the points and tips to create SEO friendly content.


  1. Keyword prominence: Make sure to put the most important keywords into a carefully crafted paragraph at the beginning of your HTML page. Prominence is how close to the start of the area that the keyword appears. In general, a keyword that appears closer to the top of the page or area will be more relevant.
  2. Keyword Density: If the page contains less than 500 words, keeping 1%-3% of those words is better. If the page contains more than 500 words, keep 3%-5% of the overall content.
  3. Try to provide a minimum word count of 250 and a maximum of 750 words on each page.
  4. Use CSS instead of <font> tags.
  5. Get rid of the java script in the code and put it in an external file.
  6. Avoid image buttons, Javascript links and keep it as pure text links.
  7. Use heading tags. (<h1>, <h2>....., <h6>)

    Most search engines dictates the <h1>, <h2>, <H3> tags and if you are using these, the text in between this tags must be more important.

    eg: <h1>Shree Gokul Infotech</h1>

    By default Heading tags are not prettiest in terms of formatting, but you can override the default look by using CSS. See the exammple of stylesheet below:

    <style type="text/css">

    <!--

    H1 {color: #000099; font-family: Arial,Verdana; font-size: 16px}

    -->

    </style>

    Note that placing more than 75 characters in these tags are not a good idea!!

  8. Repeat the page <TITLE> in a heading at the top of the page if possible.
  9. Keyword proximity: It refers to the closeness between two or more keywords. Always try to group words together that might be searched on as a single phrase by a user.

    (eg: Use "home loans" instead of "home mortgage loans" assuming that a user searching only for the phrase "home loans".)
  10. Place some important keywords in Bold or Italic.
  11. Use 'Alt' tag to describe the image.

    ALT tag defines the text to display for a image if the user has graphics turned off, or if they put the cursor over it in Internet Explorer. Some search engines including google will look for keywords in the ALT tags.

    eg: <IMG SRC=”image.jpg” ALT=”Blue Widgets, Red Widgets,and GreenWidgets”</a>

  12. Insert comments tag in your page, it is hidden and not visible to the user. A couple of search engines will read this text, so you may wish to include keywords in these tags.

     

    eg: <!-- Blue Widgets, Red Widgets, and Green Widgets -->

     
  13. Make sure the code of home page is not bigger than 32K
  14. Try to keep font size to a minimum of size 11px or 12px (2 or 3 in DreamWeaver)
  15. Try to avoid using nested loops in <table> structure.
  16. Use W3C technologies and guidelines.
  17. Try to target two or three main keywords for a website.
  18. Avoid listing the same word multiple times in a row.
  19. Update your body text at regular intervals.

    (Many of the major search engines prefer to give importance to websites, which updated its contents at regular intervals.)
Copy this article from Shree Gokul infotech blog

Saturday, August 13, 2011

India Celebrating 64 Years of Independence !


Saturday, July 30, 2011

Magento Can’t create Sales Orders in Admin—No Payment Method Available

It basically involves 2 simple changes to 2 files. As well as uploading the template files from the /frontend/ for your payment processor to /adminhtml/.

My payment processors are PayPal Standard and Worldpay (I guess this hack can be applied for other payment processors too)

The 2 files that need changing…

1. app/code/core/Mage/Payment/Block/Form/Container.php

 public function getMethods()
 {
        $methods = $this->getData('methods');
        if (is_null($methods))
        {
            $store = $this->getQuote() ? $this->getQuote()->getStoreId() : null;
            $methods = $this->helper('payment')->getStoreMethods($store, $this->getQuote());
                      
            foreach ($methods as $key => $method)
            {         
                if ($this->_canUseMethod($method)) 
                {
                    $this->_assignMethod($method);
                }
                // HACK
                // commented this out to force Paypal and Worldpay to show when create order in admin
                /* else  {
                   unset($methods[$key]);
                }
                */
            }
            $this->setData('methods', $methods);
        }
       return $methods;
    }

2. app/code/core/Mage/Paypal/Model/Standard.php

/*validate the currency code is avaialable to use for paypal or not*/
    public function validate()
    {
        parent::validate();
         // HACK...
        // commented out line below and set $currency_code = "GBP", to fix error currency not supported by PayPal
        // we only use GBP so this should not cause a problem
        // $currency_code = $this->getQuote()->getBaseCurrencyCode();
        $currency_code = "GBP";
               
        if (!in_array($currency_code,$this->_allowCurrencyCode)) {
            Mage::throwException(Mage::helper('paypal')->__('Selected currency code ('.$currency_code.') is not compatible with PayPal'));
        }
        return $this;
    }

The files that I needed to copy from /frontend/ to /adminhtml/

1. app/design/adminhtml/default/default/template/paypal/standard/form.phtml
2. app/design/adminhtml/default/default/template/worldpay/failure.phtml
3. app/design/adminhtml/default/default/template/worldpay/form.phtml

If you choose to follow these notes you do so at your own risk. Maybe somebody else in these article that know far more than me could comment or improve it!

Tags : Payment method is not available message when taking orders in magento,MagentoAdmin side Payment Method not dispaly, Magento Admin side No Payment Method Available

Friday, July 1, 2011

Gmail’s new look

We get a lot of great feedback about how Gmail helps you be more efficient, keep in touch with family and friends, and get work done. We’ve saved you from forgetting attachments and made sure that you got the right Bob. Over the years, adding countless features to Gmail has made it an increasingly powerful communication hub, but along the way the interface has also become more cluttered and complex.

That’s one of the reasons we’re embarking on a series of interface updates to help strip out unnecessary clutter and make Gmail as beautiful as it is powerful. This is part of a Google-wide effort to bring you an experience that’s more focused, elastic, and effortless across all of our products. The changes are not going to happen all at once. We know that you love and care about Gmail as much as we do, and we’ll be working on these upgrades gradually over the next few months to allow plenty of time to understand and incorporate your feedback into the evolving design.

We’re kicking things off with two new themes for you to try out as a sort of sneak peek at what we’re up to. Starting today, you’ll see the “Preview” and “Preview (Dense)” themes in the Themes tab in Gmail Settings. Why two themes? Our new interface will eventually expand dynamically to accommodate different screen sizes and user preferences, but until then you can pick the information density that you prefer.

Here’s what one of the new themes currently looks like:



And in conversation view:



If you poke around you’ll hopefully find a lot to like and a much cleaner, modern look but also few rough edges. In particular, some Labs features may look a little strange in the new themes. We plan to fix these issues as we roll out changes in the coming months. You can also expect some updated themes that embody the same design principles but are better suited to working in a dark environment, use a different color palette, or include the illustrations that we know many of you love to see around your inbox.

Look out for these and other new features over the next few months. In the meantime, try out the new themes as a preview of the future of Gmail and let us know what you think.


Tuesday, June 28, 2011

Magento Directory Structure Overview


Important Paths


    / -Directory Root
        /app     - This is where all the php code for the application resides
        /lib     - The external code library.
        /skin    - This is where css and other images reside

Thats the quick overview.

    /app
        /code       - Where all modules reside
        /design     - Contains both layout xml files and template .phtml files
        /etc        - Global configuration
        Mage.php    - Static class Mage, where everything is held together.

Before I move on to the other two directories (/lib, /skin) I'll explain the directories in this (/app) dir.

    /app
        /code
            /community     - Downloaded modules built by Magento community members
            /core          - The core modules 'out of the box' build by Magento
            /local         - Any module we build ourselves

Within these three subdirectories we find the /Mage directory. This is where all the modules should reside. Also, upon startup Magento includes the paths /app/code/core/ and /app/code/local. So, by default the system has access to those directories. Now here is the trick:  If we create a module 'RandomModule' and within that model we create a '/model' directory, we must follow a convention for every class we put inside that folder. For instance a class would be named the following: 
''class Mage_RandomModule_Model_SomeClass extends Varien_Object
{

}''

With this convention we can call this class anywhere from within the application. Magento will take the name, replace underscores with forward slashes, include that file, then load the requested class, and return an instance of that class. Pretty cool. 

As for the individual modules, you will see a directory pattern that all follow, it is pretty simple there. I have noticed that Magento likes to separate their model. For instance, there will be a directory that will ONLY contain classes/methods that query the db and return results. They follow that pretty strictly, I never see methods access db from within a model that is not dedicated to db access.  They do that in their practice, we are not forced to do so, but I have tried it, it makes a lot of sense to me. 

Thats pretty much it for the /app/code directory for now

    /app
        /design
            /adminhtml   -Admin designs
            /frontend    - Front End designs
                /default -This is the default Interface, we can create other interfaces
                    /default – This is the default theme, we can also create multiple themes
                        /layout     – Contains all the layout xml files
                        /template     - Contains all the template .phtml files

Here, we can create multiple interfaces and themes within each interface. From the admin page in a browser, we assign a theme to each website or store. The power here is that we can create multiple themes, such as spring, christmas, or whatever, then they can be enabled and disabled by a simple click from the admin panel. 

This interface/theme pattern is used again in our /skin directory from the root. This assures that when the administrator switches an interface or theme, the appropriate css  sheets will be applied.

Also, very cool to me. 

Lastly, lets overview the /skin directory from the root directory.
    /
        /skin
            /adminhtml   - Admin styles directory
            /frontend    - frontend styles directory
                    /default    - Our default interface
                        /default    - Our default theme
                            /css   
                            /images
                            /js

Notice the correlation of the /skin directory to the /app/design directory. 

Monday, June 27, 2011

Magento Newsletter System


Newsletters are a great way to keep customers informed of sales, new products and other store news. Customers can choose to receive your newsletter when they register for an account on your site or you can manually subscriber customers by visiting the Customer Manage Customers.

To send out newsletters from within your Magento interface, you need to make sure your SMTP Settings (your mail settings) are correct. To review or make changes to your SMTP settings, visit System
Configuration Advanced System.

Newsletter Templates
Before you can send a newsletter to your customers; you’ll need to build a Newsletter Template. Templates contain all required information to send a newsletter to customers. You’ll need to enter Template Name, Template Subject, Sender Name, and Sender email. The Template Content Newsletters can be sent as HTML, so you can paste the contents of the email into this section.



Building a new Newsletter Template, Newsletter Templates must be built before newsletters can be sent to customers.

Once you’ve built a newsletter template, it will be listed under the grid view. To send your newsletter to all current subscribers, you’ll need to select Queue Newsletter from the Actions drop down on the right. You will have to assign a date for the Newsletter to be sent out and you also have the ability to modify the Newsletter Template you built before you send it out.



All Newsletter Templates that have been created will be listed on the overview page.

Newsletter Queue
After a Newsletter has been submitted to the Newsletter Queue it will be shown on the Newsletter Queue page. This page allows you to sort newsletters by status, date, and other options. The Newsletter Queue page is not limited to newsletters that are pending; you can also view newsletters which have been previously sent.
After a newsletter has been sent, the number of processed newsletters should be equal to the number of recipients. If this number is different you’ll need to visit the Newsletter Problem Reports page.

Newsletter Subscribers
The Newsletter Subscribers page provides an overview of all customers that have signed up to receive your newsletters. This page also displays which web site, store, and view the customer is from. You can view and sort customers by the provided fields. The only action that this page provides is the ability to unsubscribe customers in bulk. If you find that a customer is not signed up to receive your newsletter you can visit Customer Manage Customers to add them to the list.

An overview of Newsletter Subscribers

Newsletter Problem Reports
If there are any problems during the newsletter being sent to customers, those problems will be listed on this page. The most common problem is if the newsletter is sent to an email address that doesn’t exist.
This will allow you to remove incorrect email addresses from your records.

*****************************************
*************
Magento Newsletter , Magento Newsletter in admin, Magento Admin, Magento Newsletter Problem Report, Magento Newsletter Queue, Magento Newsletter Subscribers

Wednesday, June 22, 2011

VI EDITOR

vi is a full screen text editor available with all the Unix systems. Linux generally uses vim (vi improved).

Three modes in vi:
 A vi session begin by invoking the command vi with or without a filename

$ vi myfile

~
~
~
~
~
~

You are presented with a full empty screen, each line beginning with a ~(tilde). This indicates that they are non-existent lines. For text editing, vi uses 24 of the 25 lines that are normally available in the terminal. The last line is reserved for some commands. This line is also used by system to display messages. The file name appears in this line with the message  “myfile”[New file]
When you open a file with vi, the cursor is positioned at the top left-hand corner of the screen. You are said to be in command mode from where you can pass commands to act on the text.
There are three modes in Unix :
  • Command mode-where keys are used as command to act upon text.
  • Input mode-where any key depressed is entered as text.
  • ex mode – where ex mode commands can be entered in the last line of the screen to act on the text.

Input mode

By default you are command mode. First enter the following command:

:set showmode <enter>

This command displays the mode at the bottom line of the screen.

** In Linux showmode setting is not necessary .vim sets it to this by default.

Before you attempt to enter text into the file , you need to change the default command mode to an input mode. There are several  methods of entering into this mode, depending upon the type of input you wish to key in, but in every case the mode is terminated by pressing <esc> key.

Insertion of text

 The simplest type of input is the insertion of text. whether the file contains some text or not ,when vi is invoked, the cursor is always positioned at the first character of the first line. To inset the text at this position press I,

 The character doesn’t show up on the screen, but pressing this key changes the mode from command mode to input mode. Further key  depression will result in text being entered and displayed on the screen.
The input mode is terminated by pressing the <Esc> key which takes you back into the command mode.

You started the insertion with i, which put text at the left of the cursor position. If the  i is invoked with the cursor positioned on existing text, text on it right will be shifted further without being overwritten.
    
      The vi editor
    
                           i full-screen<Esc>        

              The vi full-screen editor                                   

Append

To append text to the right of the cursor position,

a    #existing text will also be shifted right

After you have finished editing press <Esc>

I inserts text at the beginning of a line, while A appends text at the end of the line



 
  The vi full screen editor
 
                                           
              a, a link of ex<Esc>

  The vi full-screen editor, a link of ex

Opening a new line with o

You can also open a new line by positioning the cursor at any point in a line and pressing o

This inserts an empty line below the current line.



 
vi and ex are one and the same editor

             
                oIt is due to William joy<Esc>

vi and ex are one and the same editor
It is due to William joy                                    



 
O opens a line above the current line.

Replacing text

Text is replaced with r, R, s, and S.
To replace one single character by another, use r followed by the character that replaces the one under the cursor. you can replace a single character only in this way.



 

      this is vi full-screen editor



 
   rT

      This is vi full-screen editor 



To replace more than one character, use R followed by the text.
This replacement is restricted to the current line only.
The s replaces a single character with text irrespective of its length. s replaces the entire irrespective of the cursor    position.
S replaces the entire line.

Save and quit

Save and exit can be done using ex mode.
To enter any command in this mode enter a  :  ,which appear at the lat line of the screen.
To save a file and remain in the editing mode use w (write):

:w <Enter>

“myfile”, 8lines, 231 characters

The message shows the file name along with the number of lines and characters saved.
With w you can optionally specify a file name as well, then the contents separately written to another file.
:w virani <Enter>

To save and quit the editor use x ;

:x <Enter>

“myfile”, 8lines ,   231 characters

$_

It is also possible to abort the editing process and quit the editing mode without saving the buffer:

:q <Enter>
$_

Save and exit commands:



 

Command                         Action
:w                               Saves file and remains in editing mode     
:x                                Saves file and quits editing mode
:wq                            Saves file and quits editing mode
:w emp.txt                   It’s like save as option of windows
:q                                Quits editing mode when no changes are  made
:q!                              Quits editing mode after abandoning changes
:n1,n2w new.txt writes line n1 to n2 to file new.txt
:.w new.txt                  writes current line to file new.txt
:$w new.txt                 writes last line to new.txt
:sh                              Escape to Unix shell

Repeating Text

Suppose we want to insert a series of 10 vsc in one line, so instead of using I and the entering 10 vsc, we can write,

10ivsc <Esc>

Command mode

Deletion with x

x command deletes the character under the cursor. Move the cursor  to the character that need to be deleted and then press x

The character under the cursor gets deleted and the text on the right shifts left to fill the space.
4x  deletes the current character as well as three characters from the right.
Deletion with dd:

Entire lines can be removed by command dd,

Cursor movement

h(or backspace)
Moves the cursor left
l (or spacebar)
Moves the cursor right
K
Moves the cursor up
J
Moves the cursor down


 The word oriented navigation:
B
Moves back to beginning of word
E
Moves forward to end of word
W
Moves forward to beginning of word

A repeat factor can be used.4b takes the cursor four words back.
The beginning or end of line:
To move the first character of a line
0 or |                           #30| moves cursor to column 30

to move to the end of the line use $

paging and scrolling

<ctrl-f>             scrolls full page forward

<ctrl-b>             scrolls full page backward

<ctrl-d>             scrolls half page forward

<ctrl-u>             scrolls half page backward

<ctrl-l>              redraws the screen

You must be in command mode to use this control keys.

Moving between lines

If you want to the line number of your current cursor position ,press <ctrl-g>.

“script.sh” [modified] line 403 of 541 –74%--

In vim ,in Linux the current line number and column number appears automatically.
If you know the line number you can use G to move cursor to a specific line number.
30G                  #goes to line number 30

End of file is reached by simply using G

Pattern Search

Lines containing a string can also be located by prefixing the string with / (front slash).To locate the first occurrence of  the string “virani” use,

/virani<Enter>

The cursor will be positioned at the first character of the first occurrence of this pattern.
? searches in the reverse direction.

Repeating the last pattern search:
For repeating search in the direction of the previous search made with / or ? use n and for repeating the search in the reverse direction, use N

Joining lines:

Lines can be joined with J

4j    #joins following three lines with the current line

Ø  The  last command can be repeated using . (dot)
Ø  To undo last instruction use u
Ø  In vim (Linux) multiple undo and redo is possible with repeat factor
C<ctrl-r> means three redo and 3u means to undo last three actions.

Thursday, June 16, 2011

Best Javascript Framework List

Javascript Framework List | Top Javascript Framework List | Best Javascript Framework List



http://code.google.com/closure/ Google Closure Library
http://www.dojotoolkit.org/ Dojo
http://jquery.com/ Jquery
http://jqueryui.com Jquery UI
http://mootools.net Mootools
http://www.extjs.com Ext Core
http://www.prototypejs.org Prototype
http://script.aculo.us script aculo
http://code.google.com/p/swfobject/ SWF Object
http://developer.yahoo.com/yui Yahoo User Interface Library (YUI)
http://www.sproutcore.com/ SproutCore
http://labs.adobe.com/technologies/spry/ Spry
http://javascriptmvc.com/ JavaScriptMVC
http://qooxdoo.org/ qooxdoo
http://www.midorijs.com/ midori
http://archetypejs.org/ Archetype JavaScript Framework
http://june-js.com/ June Framework
http://www.uize.com/ UIZE
http://simplejs.bleebot.com/ SimpleJS




Tuesday, June 14, 2011

How Do You Stay Fit and Healthy as a Designer or Developer?

 Being a designer isn’t the most active job in these modern days of the Internet. We tend to spend hours on end sat staring at a computer screen, our most strenuous movement often being a trip to the coffee machine. So how do designers look after their bodies and aim to maintain a fit and healthy lifestyle? I asked a bunch of designers and developers to share some insight into their own fitness regimes, goals and habits.

Ashley Baxter


Have you noticed any change in your health that may be related to your work as a Designer?

I have a terrible back, though it’s hard to say its a direct correlation of sitting at a computer all day, but I’d assume so seeing as I’m only 24. Also, my job has quite a high level of responsibility with an entire business riding on my shoulders, therefore I have been known to feel stressed from time to time!

What steps do you take to try and maintain a healthy lifestyle?

Last year I hired an ex-army personal trainer after 23 years of general inactivity (I would have said I was quite a lazy person). He taught me the whole ‘mind over matter’ mentality of working out; pushing yourself beyond your limit, ignoring your body’s weaknesses and pushing through the pain. After my contract was up with my personal trainer, I moved from the countryside to the city and joined a gym.
I’m knackered after my workout in the evening and I get a great night’s sleep because of it. Also, I feel happy within myself knowing I’m taking care of my body so I can work longer, work harder and achieve the things I want to with my business. I really love the balance I have with my lifestyle right now; work during the day, gym in the evening, and socialising at weekends. I’d urge anyone who isn’t exercising to incorporate it into their lifestyle, it quickly gets addictive.

David Airey


Have you noticed any change in your health that may be related to your work as a Designer?

I’m awaiting referral to a physiotherapist because I get regular tension headaches, and think it might be related to strain in my neck and shoulders, perhaps due to time at a computer.

What steps do you take to try and maintain a healthy lifestyle?

I try to get my five-a-day (fruit/veg). I might not always, but I reckon more often than not I do.
One of the bedrooms in my house is used as a mini-gym with foam mats, a 13-position bench, good kettle bells, and weights. I’m trying to go out running more often rather than cardio in the house. Easier said than done.
When working at a computer I usually take breaks every hour for at least for five or ten minutes to give my eyes a break. There comes a point when I can tell my eyes are strained from staring into a monitor.

Paul Boag


Have you noticed any change in your health that may be related to your work as a Designer?

I have spoken quite openly on a number of occasions about negative affect my career has had on my health. Although not directly related to being a designer, I have had health problems related to the stress of running my own business.
Some time ago I was diagnosed with stress-related depression that was having an impact on me physically and emotionally. I suffered from stomach problems, sleep issues and a number of other physical complaints.
As web designers we like to live our lives at a manic pace, constantly running to keep up with the continual advances in technology and this emerging medium. It is hardly surprising that this has an impact on our health.

What steps do you take to try and maintain a healthy lifestyle?

In the last year I have completely changed the way I work in order to take better care of my body and mental well-being. Thanks to applications like FitFu I started exercising for the first time in my life and now attend the gym three times a week.
I’ve also reduced my consumption of caffeine and generally have a much healthier diet.
I have also reduced the number of hours I work and take a lot more regular breaks. I also now avoid using technology immediately before bedtime and that has helped my sleeping pattern is considerably.
I have come to take my health very seriously as I know that if I do not ultimately damage my business, my family and myself.

Marc Perel


Have you noticed any change in your health that may be related to your work as a Designer?

Working long hours behind a desk is a downward spiral.
Obviously sitting the entire day doesn’t exactly turn you into a super model, and the more you do so, the weaker you get, the worse your back/poster gets and the fatter your gut grows. Add to that, the unhealthier you are, the less you wanna do exercise.
Extra note: When we were dev’ing Obox Themes and even a few months afterwards, we worked 12-18hrs a day for 3 months. We didn’t leave the office before dark for the entire period. At the end I’d gained a some weight, lost all fitness, and looked like a ghost and felt unhealthy. Wasn’t ideal.

What steps do you take to try and maintain a healthy lifestyle?

Luckily I live near an artificially lit promenade, so I even when I get home late I can go for a 30 minute run twice/three times a week.
I also try to ride my bike before work twice a week (which is tough in winter, it’s still dark at 6am), and exercise both days over the weekend. I also do some push ups before bed which helps a lot with my poster when working.

John O’Nolan


Have you noticed any change in your health that may be related to your work as a Designer?

Becoming a full time designer definitely impacted my health negatively, but the full extent of this didn’t really become evident until I went freelance. Early negative changes included astigmatism, periodic RSI and occasional back problems – but while I was working for an agency I still got a decent amount of exercise traveling to and from work every day, as well as meeting colleagues for social engagements.
When I went freelance, I gained about 40lbs (~20kg) in the space of 12 months to the point where I was seriously overweight. The freelance lifestyle, all too easily, involved a mere ten steps from bedroom to office and back again each day. I could often go several days at a time without leaving the house at all – after all, I had no real reason to. I was working hard.
The most dangerous aspect of all this was that it was very easy to slip into, it didn’t feel like I was doing anything wrong. Thankfully – those days are behind me.

What steps do you take to try and maintain a healthy lifestyle?

In December 2010 I purchased a copy of “The 4 Hour Body” by Tim Ferriss, following his weight loss diet I lost 40lbs in the space of 8 weeks. For reference, that’s going from a Large tshirt size to a Small, and dropping two jeans sizes – right back to where I was before going freelance, returning to a healthy and normal BMI.
Since then I’ve only had to make small changes to my lifestyle to keep the weight off – most of them involve leaving my home office as often as I can. Either to socialise, or work from a remote location.
Sitting behind a computer for 18 hours a day is too easy, we all need to get off Twitter and go for a walk more often.

Veerle Pieters


Have you noticed any change in your health that may be related to your work as a Designer?

The only part of change in my health that could be related to being designer is my eyesight. I feel that one of my eyes has a problem with being nearsighted, so things in a distance are blurry. I have been told that that is the toll from staring on a screen so long without much looking into the distance. I’ve been close to a burnout but luckily I prevented that with biking.

What steps do you take to try and maintain a healthy lifestyle?

No matter how busy I am with client work I always try to maintain my schedule of two 2,5h and one 40min bike rides in a week. I need that to clear my head and release some stress that way. I have a quality ergonomic office chair because I spend so much time behind my desk. I’m not on a diet but I pay attention to what I eat. I just cook 5x a week with fresh vegetables but I’m not denying myself anything.

Garry Aylott


Have you noticed any change in your health that may be related to your work as a Designer?

Since having a desk job I have definitely noticed that weight gain was the main health issue. Especially as a designer we tend to work some long hours sometimes and I often find if I have a busy day at work and then come home and carry on working if I have a personal project on, I feel like I haven’t done anything other than be glued to my chair. This is obviously isn’t good from for a number of reasons, weight gain being the main one.
I’ve also noticed a problem that’s developed with my eye sight. Since I’ve been a designer and have been working at a screen all day, it’s taking a slight toll on my eyes and now there’s a good chance I’ll need to wear glasses full time at my next eye exam.

What steps do you take to try and maintain a healthy lifestyle?

The best thing I’ve found to combat the weight gain and potential RSI problems is to get out of the chair a few times through out the day and walk around. Even if it’s just a walk round the block or the local park, anything that gets you outside and active. I also find drinking plenty of water or juice through out the day can help too. If it gets you away from the desk, even to pee, that’s a good thing! It also helps your concentration levels too.
I have a pretty basic workstation setup with no fancy ergonomic stuff. It does work for some people but as long as my chair is at the correct height and the back rest is at the correct angle for me, that does the trick. If you can invest in a decent chair as soon as possible, it will be your best friend!
The main thing though – get away from your desk and be active for twice a day minimum.

Chris Coyier


Have you noticed any change in your health that may be related to your work as a Designer?

I’ve been a computer nerd for so long that I can’t pinpoint any particular “change” in health, but I’m sure that my sitting in a chair for hours upon hours every single day of my life has a lot to do with my being overweight.
I also had a bit of a battle with RSI a few years ago. Loads of pain. Tried lots of stuff. Made some changes (like an ergonomic keyboard and trackball) and it essentially cleared up entirely. Knock on wood. I feel like I just got lucky there.

What steps do you take to try and maintain a healthy lifestyle?

At one point in my life a number of years back I was at the healthiest I have ever been, and it was because I was on schedule of getting to the gym every single day around lunchtime. It was great breaking up the workday like that. Lots of circumstances changed, I was unable to do that anymore, and things went downhill. Fortunately more circumstances are changing again in the upcoming months and I’ll be back on my gym-at-lunch schedule and I’m very much looking forward to it.

Marc Lloyd


Have you noticed any change in your health that may be related to your work as a Designer?

I seem to get a few back problems from sitting down all day as well as RSI in my right hand/arm

What steps do you take to try and maintain a healthy lifestyle?

I train twice a week at the local climbing wall, do free weights and finger board training at home as well as climbing outside at the weekends. This seems to help with the tight back although I’m still prone to back injuries which I think is related to my job.
I eat fairly healthily as well and generally get my 5 a day :)
I have a vertical mouse which seems to have sorted the RSI but I think the fingerboard training may have a positive affect on this as well.

Kari Lane


Have you noticed any change in your health that may be related to your work as a Designer?

Stress is definitely a big one. I’ve been a little bit lethargic and also tightness in shoulders and back from hunching over the keyboard.

What steps do you take to try and maintain a healthy lifestyle?

I try get outdoors as much as possible and avoid watching TV and surfing the web when im not working. That way I stay away from staring at screens all day & all night. I make sure I exercise three/four times a week which would normally involve either 30-40min jog, 1.30min cycle, kayaking, surfing or horse riding. Diet is important too, can get into bad habits when sitting at the desk for long sessions, plenty of water and fruit when I can!

Phil Rannard


Have you noticed any change in your health that may be related to your work as a Designer?

Over the years of being a designer I did start to notice weight gain, general tiredness and my eyesight has definitely become worse. I used to also suffer from a really sore wrist on my mouse-using hand to the point it was painful to work, which I think was the beginning of RSI.

What steps do you take to try and maintain a healthy lifestyle?

Now, I try to eat relatively healthy (most of the time), I also purposely walk a few miles a day as part of my daily commute to work and try to go swimming a few times a week. I’ve found this has helped with the weight gain and also helps me have more energy for the day.
As for the sore wrist I made sure I got a better mouse, a mouse mat with a wrist support, a better chair and desk. Thankfully this seems to have stopped me suffering from a painful wrist.
As for my eyesight, I try to have regular breaks throughout the day (which doesn’t always happen) in which I go outside to give my eyes a rest. Unfortunately I think my eyes have deteriorated a bit too much now so will probably have to wear glasses soon.

Peter Marano


Have you noticed any change in your health that may be related to your work as a Designer?

I notice when i have a lot of work to do or deadlines to meet for my college work i tend to eat a lot, do less exercise even just walking. In fact if i do walk its downstairs to get more food to deal with the stress. As it was my Final Major Project at college it got really stressful near to the end of it which made me quite grumpy and very snappy at people. I think it had a lot to do with the fact that these grades i get determine if i get into my course i have applied for at uni and i have done 3 years of college to get into uni so its stressful to know that it could be a waste of 3 years if it don’t go right for me.

What steps do you take to try and maintain a healthy lifestyle?

I try to work out at home when i can, go for a walk in spare time with my girlfriend. Some days i will try and cut back on the junk food i eat and restrict myself to one chocolate or unhealthy food a day. I found also having a good air ventilation in your work space or even a window open helps to keep your mind more carm therefore lowering the chances of eating more, helps keep your head clear and it does make you feel a bit more happier.

Tom O’Malley


Have you noticed any change in your health that may be related to your work as a Designer?

When I became a designer nearly five years ago, It was about 6 months or so down the line that I noticed i’d started to pack on a few extra pounds. Being that I sit in my chair for long periods of time and having a daily step count of about 100, I was bound to put on weight. My Eyes have also deteriorated during this time – I didn’t actually wear glasses whilst at uni, however, I now have a pair by my side most of the time. I can live with the glasses, I couldn’t live with getting a belly!

What steps do you take to try and maintain a healthy lifestyle?

I’ve tried many ways to try and get in shape whilst working as a designer. At one of my jobs, I actually replaced my office chair with one of those swiss balls (apparently these are good for engaging the core and help maintain good posture). I’m a bit if a sloucher so that didn’t last.
I’ve now found a great balance between design and Health and Fitness. I go to the gym, 4 times a week before work at 6.30am. I find this is a great way to start off the day and it really helps to clear my head. I always need a coffee about 4pm though!
My love of fitness has since caught on around the office. Designers and developers now go to circuits together after work every tuesday and one of the dev’s has since become my gym buddy. So, a nice healthy creative office over here!

Jinny Ursell


Have you noticed any change in your health that may be related to your work as a Designer?

Yes, RSI in right hand that uses mouse.
The need for prescription glasses
Injuries through sport taking longer to heal as sedentary for a lot of the day.

What steps do you take to try and maintain a healthy lifestyle?

I try to exercise 3 times a day. For mental wellbeing working on a computer all day can be quite solitary so I like to pick sports that involve interacting with others. Football, badminton, tennis, fitness classes etc.
Exercise can even include a walk to the shops but as long as I get out and stretch my legs, I feel I can work much better.
The only problem with being a designer with an active lifestyle is that you’re going from two extremes. This can result in injury which I’ve discovered myself recently.
It’s best to keep a balance and when I am fit and active again I will make sure that I keep stretching and mobile during the times I’m sitting so I don’t get injured when trying to keep fit.
Fitness in this kind of job is just as important mentally as it is physically and I would struggle to work without it.

Hugo Loning


Have you noticed any change in your health that may be related to your work as a Designer?

After working for 9 years as a designer and no exercise I was 20 kg overweight.

What steps do you take to try and maintain a healthy lifestyle?

I was fed up with it, and started cycling first and running later. Lost 15kg and feeling so much better. Much more energy and feeling good overall.

Zoe Ingram


Have you noticed any change in your health that may be related to your work as a Designer?

Yes absolutely! My lower back has become incredibly sore from sitting all day long.

What steps do you take to try and maintain a healthy lifestyle?

The human body isn’t supposed to be seated for such long periods of time. I have been doing Pilates and physio to strengthen and mobilize joint and muscles that get locked from sitting and it has helped so much. One thing I’d recommend for anyone who sits all day long is to do hip flexor stretches because they get all scrunched up and shortened from sitting and butt firming exercises such as squats/lunges (because they get stretched all day from sitting).
Getting up from your desk every now and then throughout the day helps too and I even saw someone create a desk on top of a treadmill which would be great. Can you imagine every design agency/company full of treadmills instead of desks & chairs?

Matt Burton


Have you noticed any change in your health that may be related to your work as a Designer?

Yes, due to a very high stress, long hour job I put on nearly five stone – already overweight the lack of exercise due to long hours. I also smoked like a trooper most of which I put down to the stress.

What steps do you take to try and maintain a healthy lifestyle?

I’ve recently changed jobs and taken a pay cut to work less hours, under less stress and committed to a massive change of lifestyle in regards to healthy eating, smoking and exercise. I have lost 6 stone been smoke free for eighteen months and become more obsessed with exercise than stupid pixels

Tim Wills


Have you noticed any change in your health that may be related to your work as a Designer?

When I’m really busy (with engaging work) its hard to drag myself away from the screen and then my exercise regime suffers, so generally I blame my work for my putting on weight!

What steps do you take to try and maintain a healthy lifestyle?

I work from home so I’m “lucky” that I can fit in exercise whenever there’s a suitable break. I bought a cross-trainer machine that now sits in my home office, so I can quickly hop on it after work, or at lunchtime. Being in the room there’s the added benefit of watching a movie online, while I exercise. Eventually I guess I could get a touch screen and do some work while I sweat!

Jorden Tually


Have you noticed any change in your health that may be related to your work as a Designer?

Yes! I find that although I may be skinny that my insides are still getting super unhealthy. Im guessing it is from being addicted to computer screen and photoshop!

What steps do you take to try and maintain a healthy lifestyle?

The best thing I have done is get a local paper run! Being a paperboy gets me out into the fresh air and I get paid to listen to music and get fit! Perfect!!!

Robin van Doorn


Have you noticed any change in your health that may be related to your work as a Designer?

After graduating and fully focussing on my company I gain a bit more weight. It’s not that big (yet) but eventually it’s time to do something about it..

What steps do you take to try and maintain a healthy lifestyle?

So.. what do I do to improve my health:
1) Running
What’s the beauty of creating your own apps? You can use it yourself! Run Trainer (with run schedules, easily learn to run) is one of my own products and works perfect to learn to run.
2) Soccer (commonly known as football!)
I’ve been a goaly for over 12 years and quitted due to my study/graduation. Starting next summer i’ll be back on the field and hopefully will be the old me =).

Danny Keane


Have you noticed any change in your health that may be related to your work as a Designer?

Over the past year or so I’ve paid close attention to my health and fitness as I know that for most of the day I’m spent sat down in front of a computer screen. I think that its very important to have some form of exercise at least once a day. Not only is it good for keeping your body healthy but also your mind; it’s important to switch off from work mode and actually relax.
Due to the nature of our work, its very easy (especially for freelancers) to overwork. It’s like a domino effect, we start to get tired, stress and frustration starts to build up because we are tired, productivity slums and the next thing we know we realise we haven’t eaten anything because we’ve been too busy.

What steps do you take to try and maintain a healthy lifestyle?

I’m sure we all know people use the excuse “I’m to busy” or “I don’t have time to exercise” and I guess we can all be guilty of this sometimes but I feel it is important to make time to help improve health. It doesn’t have to be a chore, do the things you like to do and most importantly find out what works for you.
I try to keep fairly active throughout the whole week I hit the gym at least five-six times a week for at around 2 hours a day before setting out on my commute to work. I do this because not only do I enjoy it but because it helps me clear my mind, release my stress and frustration so that I have a fresh head on my shoulders every day I sit down to work.
If I were to give any tips to help improve ones health and fitness:
- Eating healthily
Eating a relatively good diet throughout the day, keeps you full of energy and helps improve your concentration and cognitive ability.
- NEVER skip breakfast!
No matter how late I’m running I always try to eat something, your body needs energy to kick start its functions especially in the morning. Stick to your whole grains these will release slow carbohydrates that will help keep you fuller for longer.
- Set goals and keep track of your progress
This helps keep you focused and motivated exercising and keeping fit. There’s no better feeling knowing you’ve broken a personal best, or have achieved something you might never thought possible.
- Make it fun
Find things you enjoy doing, exercising does have to be boring. Don’t think of it as a chore, think of it as a tool; a utility if you like, to relieve stress and tension.
- Don’t be afraid to try something new
This links closely to the point above but don’t be afraid to try something new. It helps give you a different out look on exercising, there are so many variables you can change to help find what works for you. Try different training methods, training with friends or even playing different sports. By doing so you’re learning more about yourself and how you want to keep fit.
- Drink plenty of water
Probably one of the most important points of all, make sure your drinking plenty of water not just when your exercising but in general. Water not only quenches a thirst but it also helps increase productivity. By keeping hydrated we are giving our body exactly what it needs in order to function to the best of its ability.
- Stay consistent
If you want to see the results you need to keep consistent!



 
Article Copy From : line25.com
Right Article Link  : http://line25.com/articles/how-do-you-stay-fit-and-healthy-as-a-designer