Syndicate content
> The Building Blocks of Webmaster Productivity

The Building Blocks of Webmaster Productivity

BLOCKS Rapid application and web site development.  Increasing demand for web standards. New standards and technologies appear, grow, and morph together within shorter and shorter cycles.  Webmasters must be more productive than ever.  These guidelines will help you become a more productive webmaster.

The building blocks of a productive webmaster are: 

  1. The right tools
  2. Environments
  3. Patterns
  4. Mature frameworks
  5. Study
  6. Web communities
  7. Good work habits
  8. A life
  9. Prayer

Use the right tools

Webmasters can find plenty of excellent tools now to:

  • design and develop faster
  • meet standards
  • reduce redundant tasks
  • automate repetitive tasks 

The old saying, "Use the right tool for the right job", remains true today.  Invest time today in finding yourself the right tools for the jobs you do. 

You have more choices than ever before.

The net houses a myriad of web developer software.  Some of the best web development applications and tools are free or open-source.  Yes, many excellent web design applications still cost, yet can be worth paying for. 

Don't skimp. 

Come up with creative ways to buy the software you need.  When I started freelancing, my first client bought me Dreamweaver Ultradev and Fireworks (2 then 3 - back in the stone age of web design).  I simply built the purchase into the up-front costs of the project, and convinced the client of the need.  If you are a professional web designer, build the costs of new software into your next job.  If your web work is mainly for a non-profit, like a church, convince the board of the need for the right tools and get them to invest.  

In my next series of blog posts, I'll share with you my top time-saving web design productivity tools.  Most of my favorites are Free!

A technical discussion of methodologies for choosing the right software:

http://www.ddj.com/architect/184415067

Create environments

Create custom environments on your computer and in your office which are designed to streamline and enhance your work quality and productivity. 

Optimize your computer desktop

Use a large screen or even two screens.

I currently have Dell's 24-inch wide-screen (Dell 2407WFP) at a 1920X1200 resolution.

my current screen

I can still use more screen space.  

Dell UltraSharp 2407WFP CNET Review

http://reviews.cnet.com/lcd-monitors/dell-ultrasharp-2407wfp/4505-3174_7-31899303.html

Create custom screen layouts to match your current tasks.

Make use of tools which automatically open the set of software you use while developing and to automatically move them to a screen layout which you find productive.

For example, here is my "Screen cast Tutorials" layout. 

picasa tutorial screen  

Note I have my web browser visible, which is what I am giving the tutorial on.  The browser automatically moves into position and is set to a 1024X768 pixel width and height.  Camtasia Studio, my screen casting software, moves in and takes up the rest of the right side of my screen.  Then I have a little room below my web browser on the left, so I keep a document open to take notes while I create the tutorial.  

In my next posts I'll cover the software tools to make this happen. 

Zen-up Your Office

Have everything you need to do your work, within your reach. 

This includes any reference books, your phone (if you need one), your drinks (water and coffee are so good),  your stereo volume or remote, PDA, credit cards for web purchases, headset; basically anything you might use in a typical day. 

Having a proper chair and computing environment are of utmost importance.  You will work better and feel better, with less fatigued at the end of the day. 

 

See Stanford University's Environmental Health and Safety web site, specifically their Proper Ergonomic Setup of your Computer Workstation page:

Proper Ergonomic Setup of your Computer Workstation

http://www.stanford.edu/dept/EHS/prod/general/ergo/compwork.html

Ambiance

If you are able, it is nice to add a pleasant atmosphere to your office

A major boost to my own productivity and creativity came after I "Zen-up-d" my office

I did the following:

  • Got rid of all extra clutter
  • Added a nice table-top water fountain (for less than $25 bucks)

 

  • Created a prayer corner with Christian icons
  • Began burning scented candles
  • Began playing nice relaxing music, or really hard (depending on the day)
  • Splurged with my Christmas money and got myself a massage chair for about $100 bucks

I did have an office fish tank once to help lower my blood pressure, but the fish kept dying, which really stressed me out.

Discover and document patterns

Accumulate a list of best practices for the different work you do.  As you discover a better way to do something, write it down in a trusted place.  Make sure you can retrieve the information by subject, task, or keyword.

If you need to do the same thing again and again, write down a checklist. 

Try to follow procedures as you work.  They don't have to be the "best" at first.  Follow set patterns so you can tweak and improve them over time. 

Re-use and improve the same code

Use mature and well tested frameworks and code libraries.  I started using object oriented programming, code libraries and classes, early as web developer.  As I tested, gained experienced with, and improved my code collection from project to project, I was able to build solid, well-featured web sites, fast.  My code library became pretty valuable and contributed much to my building a successful interactive agency.

Following design patterns helped me solve challenges and make design decisions quickly. 

Today, there are several mature frameworks which focus on building web sites and web applications. 

Doing lots of web sites with similar features?  Use a well-developed, full-featured, modular, and open-source CMS with a mature API.  This will get you off the treadmill of struggling to add new features to your own code-driven web sites.  Follow best practices when tweaking the CMS.  Create modules to add custom behavior.  Don't mess with the core.  This will save you lots of time when upgrading sites.

Study our career field

The web developer career is one which requires constant learning and change.  We have to study and re-study to keep up.  Read web developer books, articles, white-papers, and whatever else you can get.  Listen to pod casts.   Sitepoint.com is one an excellent resource, with books, kits, and training videos.  I expect web developers who work for me to spend at least an hour each week (on paid time) to read a developer book, browse a developer forum, or watch a tutorial.  I believe an hour of learning can save up to five hours in coding.    

I refer to these four books regularly during work (especially the first two) :

  

Join a web community

Becoming an active part of a web development community will improve your productivity for years to come.  The benefits include:

  • Solving problems quickly with the help of others
  • Keeping up-to-date in our field
  • Becoming inspired
  • Finding tips and tricks which we might not have thought of
  • Helping others (and feeling good)

Here is a reminder about the purpose of Christian-web-masters.com:

http://www.christian-web-masters.com/about

Improve your work habits

  • If you are able, regularly turn off your phone. 
  • Know when to not check email. 
  • Find your own work rhythm. 
  • Do certain types of tasks during parts of the day which fit your energy levels. 
  • Make use of keyboard shortcuts.

Become a master at project management. Hire a great project manager if you can. 

Read the book:

Get a life

  • Learn when to stop working.
  • Develop other interests outside your work and field.
  • Read books on a variety of subjects.  History is pretty cool.
  • Turn the computer off.  Turn off your computer.  Turn off that computer. 
  • Turn off that PDA too.
  • Focus on your family.
  • Forget about your mission at work for awhile and explore and develop your ultimate purpose in life (loving God and loving your neighbor.)
  • Sleep.
  • Socialize.

Pray

Prayer (regular or spontaneous); asking God for help, makes you a better web developer.  HE will inspire you and guide you.

Here is a good prayer before commencing a task:

Almighty God, our Help and Refuge, Fountain of wisdom and Tower of strength, who knowest that I can do nothing without thy guidance and help; assist me, I pray thee, and direct me to divine wisdom and power, that I may accomplish this task, and whatever I may undertake to do, faithfully and diligently, according to thy will, so that it may be profitable to myself and others, and to the glory of thy Holy Name. For thine is the kingdom, and the power, and the glory, of the Father, and of the Son, and of the Holy Spirit: now and ever, and unto ages of ages.

Amen.

User login

Christian-Web-Masters.com newsletter

Stay informed on our latest news!