Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

December 27 2011

10:00

10 Things Beginner Developers Should Know

If you are a novice developer, it might be confusing about where you should start, because the field is broad and provides many options for you. There are so many questions you might ask yourself, such as “What programming language should I learn?” or “Should I also know front-end, or only back-end?” And I am sure there are much more than that. Well, in order for you to be able to start with an advantage against the others, I’ve decided to help you start your career as a developer with the following list of tips.

1. Decide upon the skills you want


When starting out as a developer, you really need to focus on something and avoid being too much of a generalist. There is nothing wrong with knowing more programming languages, but it is always an advantage if you are outstanding in one of them. There is nothing wrong with being outstanding in all of them either, but you can’t really do this in the beginning, therefore focus all your efforts on learning a skill and market yourself as an expert in that field. It can be PHP, Ruby on Rails, ASP.net or C#, but be good at it…really good! After you master one of them, you can obviously move on, but don’t do this until you have strong knowledge in that field.

Image by: zerolein

This tip is also good for front-end designers, who always start with HTML and CSS, then move on to JavaScript, jQuery, AJAX or whatever it is they are interested in. Sure, you might be able to learn HTML and CSS at the same time, but this is because they kind of work together. You can’t really master PHP and ASP.net in the same time – unless you spend 20 hours a day on it, which I do not recommend – therefore you have to learn them one by one.

Now because you are a beginner and do not know anything about hardcore programming languages, it might also be a difficult choice for you, but there is a solution. Think of what you want to develop – if it’s WordPress themes, then dig into PHP; is it custom management systems, then try ASP.net; is it iPhone games, then learn C# and so on. Just do a bit of research about what each language can do and start learning.

2. Learn it right


Another tip for you beginners out there is, regardless of what language you choose, to learn it correctly. If you learn HTML by coding with tables, it is just not right and experts will for sure agree with me. Coding using the latest web standards seems useless to some, but it is really important and I advise you to do it. It will not only improve the loading speed of your product, it will also be easier and it will make more sense.

3. Google is your best friend


It doesn’t really matter what kind of problem you have, I am sure Google can solve it. I am also a very big fan of Coding Forums and I strongly recommend you use it if you encounter problems – and you will, believe me. But before posting a question on the forum, try to search for a solution on Google, because most of the time you will find an answer to your question, or at least an answer that will guide you to solving the issue.

Image by: ahmetbroge

4. Copy code


This goes mostly for designers, but sometimes developers have knowledge of front-end design and make their own layouts before starting to code them. I encourage you to look through other pages and how they are coded. If you like the style of a container, look at its source and analyze it. Firebug works just great in this case. Let’s face it, this is the way most people learn how to code. What I don’t advise you to do is to steal the design. This matter is unforgivable and shows a lack of respect, but I don’t see any problem in borrowing snippets of code from here and there. If a design can be copyrighted as someone’s, code can’t, so you are not doing anything illegal either. I might stir some controversy with this one, but I will stand by what I said: copy code from here and there, this is the way to learn how to do it properly – but don’t ever steal a design.

5. Get a network


Another important thing is to have a network within your field of knowledge. It never hurts to know fellow developers and designers – worst case scenario, you have to go back and search Google for the answers you need, best case scenario you have some interesting discussions and can get help if you need it. You may even collaborate with your fellow developers on bigger projects, which will probably be good for both of you.

My design teacher always told me to have a network and recommend each other. Are you close to landing a project but you are not sure if you can handle the type of work that’s involved? Recommend your friend! He will probably do it better than you (if he is an expert in that specific area) and you might get clients or work from him too at some point in time. Get a network and keep it close, there is always need for a fellow developer around.

6. Understand designers


I advise you to understand designers in case you have no idea how they work. I am talking about both graphic designers and front-end designers. It is always good to learn how they work and why they might deliver static pages that can’t really be coded according to the latest web standards. Learn how to talk to them and explain what was wrong and nicely ask them to fix their mistakes. This way your working relationship will be closer and your results better.

7. Use professional tools


Although HTML and CSS can be used with notepad, I don’t recommend it. And if I don’t think that you can code properly in HTML and CSS using notepad, then I definitely don’t think you can use this default tool for PHP, ASP.net or Ruby. Get yourself a professional tool, which can be Dreamweaver, Coda or anything else, but use what professionals use, otherwise you are not one of them. They check errors, help you with auto complete and give you suggestions. There is a reason why Dreamweaver and Coda are the two most used IDE’s (integrated development environment) in the World – they get the job done in style. So go right now and get you the right tools if you don’t have them.

8. Keep the cool stuff for last


Each programming language has its own “cool version”. For example, HTML has HTML5, CSS has CSS3, JavaScript has jQuery and AJAX and so on – I think it’s way better if you learn the basic language and then work your way up to the cool stuff. This is also because the cool stuff works with the basic elements so you won’t be able to develop a jQuery slider if you don’t comprehend basic JavaScript.

9. Get informed


It is always good to stay informed about what is happening in the field. You can do this either by reading news feeds, online blogs or even books and video tutorials. Stay updated and make sure you are one of the first to go out there and offer products developed with the latest technology. In the beginning it might not work that much (people might want to keep the “old” technologies until the new ones show their worth), but I am sure there are also people who want to own a brand-new product developed with the latest technologies – this will give you an advantage and will make you known in the field.

10. Go on with the learning process


After you become a master in the field you started with, work your way up with other languages. There are so many of them and knowing more than one will always be beneficial in your career. Keep an eye on the most important languages and learn the one you think is more interesting. When you master two, go on with the third and so on. Continue this until there is not much else to learn – although this is quite impossible. This is the way to success.

Conclusion


It is quite common that beginner developers have a rough time starting in this deep field, but I hope these tips help you find your way around. It does not even matter that much where you start from, all that matters is that you actually start. I think this usually takes the most time, so don’t waste these precious days and head off and find your first developer book right away!

December 02 2011

21:00

16 Google Services And Apps For Your WordPress Blog

Google offers seemingly endless services and apps. Even though it began as (and primarily is) a search engine, today Google has a solution for every internet user’s needs. And when it comes to meeting needs, Google doesn’t forget the needs of web designers and developers. In this article, we will be taking at a look at some of the major Google services and how they can be useful for a WordPress user.

1. Google Custom Search


Google Custom Search creates a custom search engine for your website. You can tweak it to your heart’s content – it can search your entire website, parts of the website or even multiple websites specified by you! You can also connect your Adsense account to the ads displayed with the search results (free version). The paid version lets you remove ads completely (starting at $100 per year).

Google Custom Search

Google Custom Search

2. Google Web Fonts


Google Web Fonts is perhaps the best friend for web designers/developers looking to use non-standard fonts in their projects. This fonts’ directory lets you easily implement the CSS @font-face technique.

Google Web Fonts

Google Web Fonts

Google Web Fonts are totally free and can be implemented within minutes. You can either use a plugin or an @import command at the top of the CSS file (and then simply use the font’s name in your stylesheet). For instance:

@import url(‘http://fonts.googleapis.com/css?family=Droid+Sans’);

#body { font: normal normal normal 14px/20px ‘Droid Sans’, Arial, sans-serif; }

3. Google Adsense/AdWords


If you wish to have advertisements on your website, Google Adsense is the easiest way to start. There are many tutorials that let you get the most of Adsense, as well as numerous plugins that help you implement Adsense in WordPress.

Google AdWords

Google AdWords

With AdWords, you can use the Keyword Search to see the trends in search for specific keywords.

4. Goo.gl URL Shortener


WordPress has its own version of URL shortener in the form of WP.me – and this feature has now been very well integrated in Jetpack. However, Google claims its URL shortener is one of a kind! Further more, Google has also released its own URL Shortener API. So if you don’t already use it, it is time you started doing so. To get started, here is an excellent tutorial by Konstantin Kovshenin to help you get started with its integration in WordPress. If you do not wish to code yourself, there are many plugins out there to help you.

Google URL Shortener

Google URL Shortener

5. Feedburner


Who doesn’t know Feedburner? It is a great tool that lets you track your website’s progress, number of subscribers, manage RSS and email subscriptions, apart from setting up and tweaking your blog’s feeds.

Google Feedburner

Google Feedburner

6. Google Analytics


Everyone uses Analytics – well, almost! Analytics is a wonderful tool when it comes to tracking the progress of your websites, clicks, advertisements, referrers and other related information. You can target specific sections and see what portions of your website are more popular than the rest. For WordPress users, Definitive WordPress Analytics by Joost de Valk is perhaps the most popular plugin for Analytics. If you are not familiar with Analytics, you should consider tutorials by KISSmetrics.

Google Analytics

Google Analytics

7. Google Website Optimizer


Google Website Optimizer lets you perform experiments to see what works best for your website and how you can boost its performance. In other words, it can be useful in ‘split-testing’ your website.

It is, however, fairly advanced in its operation and if you are looking for a simpler alternative, you should consider the MaxA/B WordPress plugin.

8. Google Libraries API


Google Libraries API contains code frameworks which can be used on many platforms, including WordPress. While the truth behind this claim is anyone’s guess, it is often said that the Google Libraries’ framework is faster than the one that comes packaged with WordPress itself. The easiest way to integrate Google Libraries’ framework is using a plugin, but just in case you are adventurous, you can code it manually along the following lines (I’d personally suggest you use this method in custom extensions/plugins preferably):

<?php

wp_deregister_script(‘jquery’);

wp_register_script(‘jquery’, ‘http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js’);

wp_enqueue_script(‘query’);

?>

Code Credit: Frederick Townes

Google Libraries API currently supports Chrome Frame, Dojo, Ext Core, jQuery, jQuery UI, MooTools, Prototype, script.aculo.us, SWFObject, Yahoo! User Interface Library (YUI), and WebFont Loader. You can check its developer guide here.

9. Google Chrome Developer Tools


Google Chrome now accounts for nearly 10% of total browser usage. It comes with its own set of Developer Tools, which is comparable to Firefox’s Firebug. Owing to the browser’s ever-increasing popularity, the extensions offered in Chrome DT are also on the rise.

http://www.youtube.com/v/nOEw9iiopwI

10. Google Project Hosting


Google Project Hosting lets you maintain a project online. It is similar to Github in its mode of operation. You can host projects up to 2 GB in size for free, and it also offers you many features such as subversion, project wikis and issue tracking. From a WordPress user’s perspective, many heavy-weight projects such as Thematic are listed.

Google Project Hosting

Google Project Hosting

11. Google Checkout


Google Checkout is a service similar to Paypal. The best thing about Checkout is its excellent integration with many Google services, such as Adsense and AdWords. On the downside, however, it is not yet available in many countries.

Nevertheless, integrating Google Checkout as an alternative payment solution along side Paypal doesn’t seem to be a bad decision. For WP users, there are many plugins that can help you integrate Google Checkout in your website, such as Simple Google Checkout and LBAK Google Checkout.

12. Google Docs and Chart Tools


Google Docs is a web-based Office suite that lets you edit, create and share documents, spreadsheets, presentations and forms. You can even live-edit documents with multiple users.

Google Docs

Google Docs

Google Docs can be embedded into WordPress too, if you so desire.

Along similar lines, Google Chart Tools let you create interactive charts for your blog.

13. Google Maps


The benefits of Google Maps are not unknown to anyone. You can integrate Google Maps on your blog using multiple plugins, of which the most popular one is MapPress, that lets you integrate Maps on your WP site in an easy manner.

Google Maps

Google Maps

14. YouTube


YouTube is another extremely popular Google service that lets users upload and share videos. From your blog’s perspective, you can easily upload the bulky videos on YouTube and save a considerable amount of bandwidth. With the advent of HTML5, integrating a YouTube video in WordPress is a matter of minutes using embeds – simply enter the URL of the video in a fresh line, and you’re good to go!

However, if you wish to have total control over the embedded video, you may consider using plugins such as TubePress or Viper’s Video Quicktags.

15. Google Reader


Google Reader is a free web-based RSS feed tool. If you wish to blog about stuff from your RSS reading pane, you can add a ‘Send to’ button for your WordPress blog (by default, such mechanism exists for Facebook, Twitter and few other sites, but a WP-powered blog).

Google Reader

Google Reader

You might be tempted to use WordPress’s ‘Press This’ function in Reader too, but sadly, that is not possible because Press This is javascript and Reader will need a full-fledged URL.

In such a case, we will need to post directly to press-this.php

To do so, navigate to ‘Send To’ tab under Settings in Google Reader, and click ‘Create a custom link’. In the URL field, enter the URL to your website, along the following lines:

http://www.sample-website.com/wp-admin/press-this.php?u=${url}&t=${title}&s=${source}&v=2

Make sure you substitute ‘sample-website’ in the above snippet with the URL of your site.

16. Google Summer of Code


While this is not an extension or an app, Summer of Code offers a wonderful opportunity for young talents to, well, do awesome stuff! WordPress has been a regular participant since 2007, and you can check about its progress on the codex.

To Sum it Up…


As we have seen, Google offers many services (don’t forget GMail) that can be employed to boost our WordPress blogs. Which of these do you use/do not use? Do let me know in the comments!

Sponsored post
soup-sponsored
09:01

Soup.io will be discontinued :(

Dear soup.io fans and users,
 
today, we have to share very sad news. Soup.io will stop working in less than 10 days. :(
 
It's breaking our heart and we honestly tried whatever we could to keep the platform up and running. But the high costs and low revenue streams made it impossible to continue with it. We invested a lot of personal time and money to operate the platform, but when it's over, it's over.
 
We are really sorry. Soup.io is part of the internet history and online for one and a half decades.
 
Here are the hard facts:
- In 10 days the platform will stop working.
- Backup your data in this time
- We will not keep backups nor can we recover your data
 
July, 20th, 2020 is the due date.
 
Please, share your thoughts and feelings here.
 
Your Soup.io TEAM
Reposted bydotmariuszMagoryannerdanelmangoerainbowzombieskilledmyunicorntomashLogHiMakalesorSilentRulebiauekjamaicanbeatlevuneserenitephinangusiastysmoke11Climbingpragne-ataraksjisauerscharfArchimedesgreywolfmodalnaTheCrimsonIdoljormungundmarbearwaco6mieczuuFeindfeuerDagarhenvairashowmetherainbowszpaqusdivihindsightTabslawujcioBateyelynTabslaensommenitaeliblameyouHalobeatzalicexxxmgns

July 08 2011

11:00

45 Online Generators For Designers And Developers To Do The Job Faster!

With so many things to know and techniques to learn it often becomes hard for designers and developers to keep up with their projects and manage their work. While you could start every project by doing the same things again and again, the smart designers and developers know the importance of a well-developed workflow. One of the things that can accelerate and enhance your workflow are online generators.

Online generators can be extremely handy for creating small details or saving time writing code. Whether it’s a striped background, a pattern or an advanced CSS3 text effect, online generators can surely make your workflow go smoother. This post presents 45 of the best and latest online generators for designers and developers. The emphasis has been put on CSS3 generators since CSS3 is quickly becoming the new progressive web standard.

Backgrounds & Patterns

1. BGMaker

Bgmaker-useful-online-generators-improve-workflow

BGMaker allows you to create solid line patterns which are then exported as transparent PNGs. Don’t be fooled, however. If you checked out the gallery, you’d see the true power of this lite generator.

2. BGPatterns

Bgpatterns-useful-online-generators-improve-workflow

BgPatterns is a tiny web app for making background patterns in a few clicks. It was created mostly for fun and experimentation by Sergii Iavorskyi.
Feedback is welcome.

3. PatternCooler

Patterncooler-useful-online-generators-improve-workflow

With PatternCooler you can add your own colors to 100s of cool free pattern designs, or browse from 10 000s of colored patterns using a seamless pattern background editor.

4. TartanMaker

Tartanmaker-useful-online-generators-improve-workflow

Tartan Maker is a new trendsetting application for cool designers created by Alex ‘Pit’ La Rosa & Fabio Fidanza. You can easily create tartans with up to 10 bands and then export them as PNGs.

5. StripeGenerator

Stripegenerator-useful-online-generators-improve-workflow

With Stripe Generator you can unleash your personal style, experiment and download the tile. You can use it directly in your CSS file or as pattern in Photoshop.

6. StripeMania

Stripemania-useful-online-generators-improve-workflow

Stripemania is a simple and free web tool to create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those. You can even add color gradient effect for all of your stripes.

7. StripedBackgrounds

Stripedbackgrounds-useful-online-generators-improve-workflow

StripedBackgrounds generates a 5 column striped background with your chosen colors and resolution.

8. Dotter

Dotter-useful-online-generators-improve-workflow

Dotter allows you to easily create stylish dotted background with either one or two colors.

9. secretGeek’s GradientMaker

Gradientmaker-useful-online-generators-improve-workflow

This gradient maker by secretGeek allows you to create horizontal or vertical gradient backgrounds with two colors.

10. ColourLovers Seamless Studio

Colourlovers-seamless-studio-useful-online-generators-improve-workflow

Seamless Studio makes it easy to design a seamless pattern. With simple editing tools you can resize, rotate and add shapes, lines and text to the canvas and it tiles automatically. Save your pattern template and see how the world colors it in.

11. Background Generator

Backgroundgenerator-useful-online-generators-improve-workflow

Background Generator provides the ability to edit the background of any website in real-time. It allows you to create fancy web 3.0 backgrounds without getting dirty with Photoshop and other image editing software. The project includes a collection of textures which are combined with custom linear-gradients and colors to create a wide assortment of themes.

12. Patternify

Patternify-useful-online-generators-improve-workflow

Patternify is an app that lets you create simple pixel patterns and export them either as PNG or as base64 code. The awesome part is that you can embed the base64 code straight in your CSS code! You don’t even need to use an image file anymore.

Color Palettes

1. Kuler

Kuler-useful-online-generators-improve-workflow

Kuler by Adobe is a web-hosted application for generating color themes that can inspire any project. No matter what you’re creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler.

2. Color Palette Generator

Color-palette-useful-online-generators-improve-workflow

With Color Palette Generator you can generate a color palette based on an image. You can upload your own image or choose from other user submitted ones.

3. Color Scheme Designer

Color-scheme-designer-useful-online-generators-improve-workflow

Color Scheme Designer allows you to create various color schemes and export them as HTML/CSS, ACO for Photoshop and many more.

4. Copaso

Copaso-useful-online-generators-improve-workflow

COPASO from ColourLovers is an advanced color palette tool that helps you create the perfect color palette.

5. Pictaculous

Pictaculous-useful-online-generators-improve-workflow

Pictaculous helps you to decide which colors suit best with a particular image. Just upload an image and it will generate a color palette from it. You can also download Adobe Swatch File (ACO).

6. Colormunki

Colormunki-useful-online-generators-improve-workflow

Colormunki allows you to generate color palettes from advanced color libraries, images and browse other user palettes.

Buttons

1. RoundedCornr

Roundedcorn-useful-online-generators-improve-workflow

With RoundedCornr you can generate HTML/CSS code and images for rounded corners. There are four options to choose from.

2. Tabs Generator

Tabs-useful-online-generators-improve-workflow

Tabs generator allows you to create tab styled buttons online without using any image editing software. Tweak size, colors, corners and more, generate your design, then download and use in your CSS style sheet.

3. Brilliant Button Maker

Button-maker-useful-online-generators-improve-workflow

Brilliant Button Maker is a web interface to create 80×15 buttons. You can also use two images (one on the left and the other on the right side) to decorate the button.

4. Web 2.0 Badges

Badges-useful-online-generators-improve-workflow

Web 2.0 Badges is a generator that creates cool web badges. Badges can be used to display a big ‘Beta’ message on your website or emphasize a price or a promotion. No web 2.0 site is complete without one.

5. FreshGenerator

Freshgenerator-useful-online-generators-improve-workflow

FreshGenerator is a web design tool which can create interesting graphic elements used in many web 2.0 sites. You may use it to create boxes of different styles and colors. In order to make changes to your image later, store the link listed below the image.

6. Favicon

Favicon-useful-online-generators-improve-workflow

Favicon is a tool that allows you to create favicons either by painting pixels manually or importing an image.

CSS3 Buttons

1. CSS3 Button Generator

Css3-button-useful-online-generators-improve-workflow

With CSS3 Button Generator you can create modern and stylish web buttons that fits today’s web standards.

2. CSS3 Button Maker

Css3-button-maker-useful-online-generators-improve-workflow

CSS3 Button Maker allows you to easily create CSS3 buttons with gradients and shadows. Just adjust the settings until you have a nice looking button, then press the button and it will give you the CSS.

3. CSS3 Button Generator

Css3-button-2-useful-online-generators-improve-workflow

Generate fancy CSS3 buttons with just few clicks. This generator also provides you with the code for IE styles.

4. CSS Button Generator

Css3-button-3-useful-online-generators-improve-workflow

CSS Button Generator will create beautiful CSS buttons for you to use on your web pages without the need for any images. When you have styled your button to your liking, simply click on the generated button to get your CSS style code.

5. CSS3 Button Generator

Css3-button-4-useful-online-generators-improve-workflow

This CSS3 Button Generator is a HTML/CSS/JavaScript/Flash application that generates all of the style properties and speeds up the code writing for CSS3 buttons.

6. CSS Button Generator

Css3-button-5-useful-online-generators-improve-workflow

With the CSS Button Generator you can instantly make buttons for your website or blog that use your colors, web fonts, and sizes. The CSS button generator uses no images and can say anything you want in any colors or size.

7. CSS3 Button Generator

Css3-button-6-useful-online-generators-improve-workflow

Easy tool to generate CSS3 buttons with gradients and shadows.

CSS3 Generators

1. CSS3 Generator

Css3-useful-online-generators-improve-workflow

CSS3 Generator allows you to play with multiple CSS3 properties to create backgrounds.

2. CSS3 Generator

Css3-1-useful-online-generators-improve-workflow

Simple generator for creating simple single CSS3 properties.

3. CSS3 Please

Css3-please-useful-online-generators-improve-workflow

CSS3, Please! is a Cross-Browser CSS3 rule generator. You can edit the underlined values in this CSS file and when done, copy the whole CSS code.

4. CSS3Warp

Css3-warp-maker-useful-online-generators-improve-workflow

CSS3Warp is a proof of concept: create Illustrator like “warped” text (text following an irregular path) with pure CSS and HTML.

5. CSS3 Text Shadow Generator

Css3-shadow-useful-online-generators-improve-workflow

CSS3 text shadow generator helps you insert beautiful shadow effects to your texts. You can change between different web fonts and explore different shadow effects such as Fire, 3D , acid and more stunning examples.

6. Ultimate CSS Gradient Generator

Css3-ultimate-useful-online-generators-improve-workflow

Ultimate CSS gradient generator is a powerful Photoshop like CSS gradient editor from ColorZilla.

7. CSS3 Gradient Generator

Css3-gradient-useful-online-generators-improve-workflow

CSS3 Gradient Generator allows you to generate nifty CSS3 gradients with just a few clicks.

8. CSS3 Rounded Corner Generator

Css3-rounded-useful-online-generators-improve-workflow

CSS3 Rounded Corners Generator generates the necessary CSS3 code to put rounded corners around your content. You can set different radius for the four corners, it is image free.

9. CSS3 Rounded Corner Generator

Css3-rounded-2-useful-online-generators-improve-workflow

This generator will help you create the code necessary to use rounded corners (border-radius) on your webpages.

10. Border Radius

Border-radius-useful-online-generators-improve-workflow

Easy tool for creating rounded corners.

11. Border Image Generator

Border-image-useful-online-generators-improve-workflow

This generator helps you to generate code for border radius properties.

12. CSS3 Multi-columns

Multi-column-useful-online-generators-improve-workflow

Generator for creating multi-column CSS3 layouts.

13. CSS3 Pie

Pie-useful-online-generators-improve-workflow

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.

14. CSS3 Sandbox

Sandbox-useful-online-generators-improve-workflow

With CSS3 Sandbox you can explore CSS3 features and properties.

June 13 2011

07:00

How Do You Stay Fit and Healthy as a Designer?

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?

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?

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!

January 17 2011

07:00

January 10 2011

07:00

December 29 2010

10:00

4 Reasons Why Designers and Developers Should Learn to Write

Let me tell you a secret that involves writers, designers, photographers, developers, and everyone who make a living by using their technical skills. If you are using the internet to gather and share information you really must learn this secret. What is the secret, you ask? The secret is that everyone should learn how to write in order to advance well.

The days of people who focus only on one skill is numbered. Slowly, and steadily, a rise of designers, photographers, developers, and anyone who knows what a blog is are starting to write.

This will be harsh for people whose desire is to focus only on their trade. People in the online community will soon eradicate specialists, the internet will be filled with Jack-of-all-trades and if you are not one you won’t get noticed.

Reason #1: To be noticed

Audience

Image by: Peter Suneson

Yes, you are a great designer but do people even notice you? It is actually all about ego. Learn to write and start a blog to let people know who you are and finally create your online persona –  how people look at you in the online community. This is important, ego too, because when you finally get noticed by a large community, that itself becomes your ticket to becoming a superstar.

Why do you need to be noticed? Simple. Wide audience spells more business opportunities. Once known by thousands of people you can actually say that your life is secured. It’s like planting your roots so deep that even frost won’t reach. (LOTR reference, cool!)

Reason #2: To build confidence

Confidence

Image by: Kevin McGee

Of course everybody knows how to write, what I mean is to write things that people would want to read. When you become more knowledgeable in your field you can gain more authority by giving people tips and tutorials. Share your experience and inspire people.

Think of the first website you run into whenever you have questions. People who can answer your questions in forms of a discussion or an article sure are impressive. Why? Because they are confident enough that the information they give will be of help, mind that anyone can view information on the internet.

TL;DR version (Too long; didn’t read):

It takes guts to write a tutorial. If you do, you are on your way to a distinguished road.

Reason #3: To start a business

Start

Image by: Michal Zacharzewski

Perhaps a goal that every freelancers share is to have a business of their own. And business entails lots of writing. To kickstart a freelancing business you need, of course, an avenue to showcase your works and for people to see you. Meaning you must have a website. There you must tell prospect customers why should they choose your services and what makes you reliable. Refer to #1 and #2.

It is practical to do more with less people involved. If you can write, you won’t have the need to hire a writer. Or in the case when you will really need to hire one, at least you have already experienced writing and know how things work (one way to avoid a scammer). *laughs*

Reason #4: To mentor

Mentor

Image by: Quynhyen

Days will pass swiftly and many will not even notice until they’re already about to retire. It will be a liberating experience for a few months until you realize you are actually no longer being productive. Depression will kick in and wrinkles will be carved. Nobody wants that, right?

Realize that you can actually be more productive while helping people get up their feet. A simple analogy for MMORPG gamers: when you finally reach the maximum level what do you usually do? That’s right, help people. With all the experience you have your knowledge of things will surely benefit young people, and they will love you for that. And mind you, the internet has overcome the Great Wall of China, which makes connecting to people very easy. Because of the internet and its fast revolutions you can reach millions of audience. You can be a mentor.

What about writers?!

Writers should go outside of their comfort zone and write on different niches. Practice different writing styles, imitate famous journalists and novelists, and you will be super! By stepping out of your zone you make yourself vulnerable to harsh elements like criticisms for a poorly-written article or worse no audience at all. But the risk and pain involved is inversely proportional to the knowledge you will gain.

I love sharing personal experiences (in case some of my readers have noticed) and now I will tell you a very short one.

I began writing love poems back in high school, they were so terrible that I dared not show them to anyone. Soon I started writing short stories and I joined my school’s official paper. I wrote feature articles and became an editor. And during my last year in college I was an editor of my college’s official paper. Now I am writing for 1stWD and I am very happy. From pesky poem writer to short stories to more serious business I daresay I have improved quite a bit, but there’s still an ocean of knowledge I need to swim on. And I will!

/Boring Story

It is good to write things you know because:

When you write, you share

When you share, you help

When you help, you make the world better

When the world becomes better, living becomes easier

Living easily means more happy people

Happy people are inspired people

When people are inspired, they share

And what they want to share, they write

Need Help?

I know my writing is not that great but I am willing to help people! Just ask and I will be there, I’m pretty quick at replying. Feel free to criticize (creatively) things because when you do, you help people improve. Share your suggestions or violent reactions below. Please?

December 23 2010

14:08

Free Icon Set for Web Developers: Coded

Advertisement in Free Icon Set for Web Developers: Coded
 in Free Icon Set for Web Developers: Coded  in Free Icon Set for Web Developers: Coded  in Free Icon Set for Web Developers: Coded

Today we’re excited to present you a new icon set called Coded. Designed with web developers in mind, Coded features 25 high-quality icons ranging from 512×512px to 32×32px. Designed by Thomas McGee of WinePress of Words, this set has been released exclusively for Smashing Magazine and its readers.

Coded Display in Free Icon Set for Web Developers: Coded

The Coded Icon Set makes an excellent addition to any website, especially those inspired by the trade of web development. Perfect for your next client’s site or for showcasing your own web development — these icons are useful for every coder.

Download the Icon Set for Free!

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sub-licensed or rented. Please link to this article if you want to spread the word.

Coded Complete List in Free Icon Set for Web Developers: Coded

Behind the Design

Here are some insights from the designer:

“Coders and developers have unique responsibilities throughout each work week. From implementing client ideas, to expanding and coding personal endeavors, there’s much work to do at any walk of a web developer’s career. With this, there are tools a developer uses and trusts through these daily challenges. Inspired by such tools and the tasks they help tackle, this set has been crafted to fit the commonly used files, formats, and resources coders of any kind have come to rely. Whether used on your next client’s site, or for accenting your own coding ventures, we’re confident this free icon set will make an excellent addition to your library. Enjoy!”

Thanks, Thomas! We truly appreciate and respect your time and your efforts!

Coded-large-view in Free Icon Set for Web Developers: Coded


© Thomas McGee for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: Coding, Developers, Freebies, Icons

June 16 2010

21:00

20 Must Have Android Apps for Developers and Designers

Android is an operating system for mobile devices and uses modified version of Linux Kernel. The mobile operating system was developed by Android Inc, the firm was purchased by Google later on. The main competition of Android is Apple iPhone.  iPhone became very much successful in short period of time because of its handy and useful applications but android owners don’t need to worry because now  the applications for android are in very large number and have almost same features of the applications of iPhone. But we don’t want to start arguing which one is better. Both have their own pros and cons, it depends on your taste and choice which 1 is better. Well our today’s focus is best Android applications for web developers and graphic designers. In this article we cover 20 best applications which can make life of developers and graphic designers easy.

1. Magic Color Picker

The Magic Color Picker make you able to browse different colors through color-wheel. This application provides you the value of colors in different formats like RGB, HSV, YUV, HSL and hexadecimal. This also provide different choices for the display of web palette, you can use palette or sliders, choice is yours! This application is FREE!

2. AndFTP


AndFTP is a JAVA application which enable you to access your web servers via your mobile. It supports FTP, SFTP and FTPS. Using AndFTP you can upload and download files with resume capability, rename, delete, create files and folders. It has very easy to navigate interface and, yeah, it is FREE

3. Camera Illusion


Camera Illusion is a camera application that enables you to take and preview pictures with filters, effects and masks in real-time. Version 1.5.1 also have debug mode. It is free , pretty basic but  full of fun.

4. Iromihon Color Palette


Iromihon Color Palette is a very basic application to adjust and see colors. It has RGB, HSB and HSL models. It also work as color light or flash light in full screen mode, This application provide the ability to add “User Color Names” which make handy quick references while working with specific palettes.

5. CSS Cheat Sheet

CSS Cheat Sheet is a quick course refresher of CSS properties and values for every CSS developers. By using this application you can revise or learn many aspects of CSS language. It costs 0.99$ but worth paying.

6. Flickr uploader pro


Every graphic designer has a deep relation with flick so i have selected this application. Flickr Uploader Pro backup you pictures to your flickr account automatically. It runs in background but it can back up files only when WIFI is available. It costs $1.99.

7. Flubble

Flubble is a ActionScript 3 (AS3) stub creator. It allows you to create shell classes or outlines to work in your flash of flex applications. The interface is as simple as possible. You can save and load a class or you can email it as an ActionScript file or in an XML format. This application is FREE.

8. Freelancer Ex12131


If you are working as a freelancer and feeling lazy, then this application can help you. Freelancer Ex12131 is a free handy tool to generate excuses which forces your client or boss to back off. It includes 200 funny excuses which you can use to have 1 more free day. Specially designed for lazy freelancers.

9. Google Analytics for Android


Every web developer and blogger know the importance to Google Analytics. By using Google Analytics for Android you can keep an eye on you summary statistics while you are not home or office. This application is secure, fast ,light weight and supports Date range comparison, Graphs and charts for each report, Custom date ranges, Favorites, Geo-location reports, Regex-enabled searches. It is not free you can buy it by visiting Android Marketplace from your mobile phone!

10. HTML Cheat Sheet

Even web developers need a quick refresher in HTML details from time to time. Easy to use interface makes it simple to quickly find what you need. Includes examples and quick reference for Tags, Attributes, Events, Colors, Symbols, ASCII, Encoding, Languages, Statuses, and more. This application also works offline! It costs $0.99

11. Merchant for Android

If you are working online then you have to rely on unverified and slow sources of payment. But using Merchant for Android application you can get instant credit card authorization without credit card terminal or cash register. You can enter customer card information and get immediate authorization and credit card information is not stored on the device you are using.

12. Photo Workshop


Photo Workshop is a very easy-to-use and powerful photo editing application for Android which offers many features of photo manipulation like Crop, Rotate, Drawing Pad, Stamp, Text Overlay, Effects, Frames, Edges, Re-size and Tuning. It costs 2.99$ and supports 320×480 devices.

13. Photobucket Mobile


Every graphic designer and web developer needs access to his photobucket account so here is an application by using which you can take photobucket everywhere with you on your mobile device. You can download, capture and upload photos. Browse and search in different categories, manage your photobucket albums and copy image URL links to post on web. This application is free for use.

14. Photoshop for android


Everybody is familiar with the PHOTOSHOP and its feature. It is ultimate photo editing software. Now it is in your reach when you are out of your home or office, away from your computer, by using Photoshop for android application. You can crop, rotate, color-correct, and many more basic features for photo editing. You can upload and share your photos using your free photoshop.com account.

15. PRO Zoom Camera 5X


PRO Zoom Camera 5X replaces the default camera with 5X ZOOM, 8 filters and sharing. This has editing functions such as draw, paint, brightness, contrast. It also contains 18 fonts, 18 photo effects and 53 clip-arts! This application is worth $2.99 .

16. View Web Source


Very simple application to view page source of any website. You will also be able to select text, search for text as well as copy and paste the HTML. You can use the share feature from the menu and select View Web Source. This application is FREE.

17. WordPress


Nowadays most of the blogs uses WordPress. So this application is designed to facilitate the bloggers who want to remain update with their website. By using this application you can write new posts, edit content, and manage comments with built-in notifications. This application is open source and free.

18. Bloo – Facebook


Facebook is very important for every web-site owner, every website has its own fan page or group which is to be updated regularly. Using Bloo you can use facebook from your mobile devices easily.

19. Twitter for Android


After twitter’s release, it is being used like hell for marketing purpose. Every website can keep their readers updated via twitter. So looking at the importance we are featuring Twitter for Android. You can use it freely and it has all functions because it is official release of twitter.Apart from this application you can visit http://mobile.twitter.com/ on your phone to use Twitter.

20. YapYap! for Twitter


Yap Yap is another android application of twitter and it is FREE for use.

In the end I would like to hear your response about the application we featured here. Tell us about these application after using or if you are already using then tell us which one is better. If you have better replacement for these application for android then do mention in comments!

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...