Workflow: Freelance
The Information You Need to Design Your Own Business, Where You Can Find It
<a href='http://d1.openx.org/ck.php?n=aeb343ec&cb=3918219' target='_blank'><img src='http://d1.openx.org/avw.php?zoneid=14662&cb=3918219&n=aeb343ec' border='0' alt='' /></a>
Sweet Content
Picture Book Report
Processing your request, Please wait....
Report A:
Broken Links
Invalid / Wrong Links
Missing / Invalid Password
Other
Comments:
Optional
Submit Report
Cancel Report
<div id="ContentTopper"> </div> <div id="Content"> <div id="Guts"> <div id="bodyNoFrame"> <h2><a href="http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/">Applying Mathematics To Web Design</a></h2> <ul class="meta"> <li class="guru"><span>By: </span><a href="http://workflowfreelance.com/author/adit-gupta/" title="Posts by Adit Gupta">Adit Gupta</a></li> <li class="site"><span>From: </span> <a href="http://www.smashingmagazine.com" rel="bookmark" title="Smashing Magazine Feed">Smashing Magazine Feed</a></li> <li class="date"><span></span>9 Feb 2010, 05:52</li> </ul> <div class="excerpt"></div> <div class="jump">Finish reading <a href="http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/">Applying Mathematics To Web Design</a></strong></div> </div> <!-- End Guts --> </div> <!-- Removed get_sidebar because included JS was causing footer to appear even in JS-enabled browsers --> <!-- End Content --> </div> <!-- End ContentBottom --><div id="ContentBottom"></div> <div id="footer"> <menu id="Nav1f" class="barlight"> <li><a href="http://workflowfreelance.com" id="Nav1f_Home">Home</a></li> <li><a href="http://buysellads.com/buy/detail/2016/" id="Nav1f_Advertise">Advertise</a></li> <li><a href="http://workflowfreelance.com/about/" id="Nav1f_About">About</a></li> <li><a href="http://workflowfreelance.com/store/" id="Nav1f_Store">Store</a></li> <li><a href="http://workflowfreelance.com/widgets/" id="Nav1f_Widgets">Widgets</a></li> <li><a href="http://workflowfreelance.com/subscribe/" id="Nav1f_Subscribe">Subscribe</a></li> <li><a href="http://workflowfreelance.com/writers/" id="Nav1f_Gurus">Writers</a></li> <li><a href="http://workflowfreelance.com/sites/" id="Nav1f_Sites">Sites</a></li> <li><a href="http://workflowfreelance.com/a/articles/" id="Nav1f_Articles">Articles</a></li> <li><a href="http://jobs./" id="Nav1f_Jobs">Design Jobs</a></li> <li><a href="http://talk./" id="Nav1f_Talk">Design Talk</a></li> </menu><p class="p1">© Copyright 2008–2010 Pariah S. Burke • Article contents and photographs © Copyright their respective publishers. <a href="http://workflowfreelance.com/legal/">Terms of Use</a> • <a href="http://workflowfreelance.com/privacy/">Privacy Policy</a><span style="color: #000000;"></span><br />The views expressed by one writer or Website are not necessarily views held by the publisher or other writers and publishers. Designed by <a href="http://iampariah.com">Pariah S. Burke</a></p> </div><!-- End Footer --><!-- End Trim --></div> <!-- 58 queries. 1.457 seconds. --> <script type='text/javascript' src='http://workflowfreelance.com/wp-includes/js/thickbox/thickbox.js?ver=3.1-20090123'></script> <script type="text/javascript" src="http://www.workflownetwork.com/x_networkglobals/scripts/popup_openanywindow-1.0.js"></script> <script type="text/javascript" src="http://www.workflownetwork.com/x_networkglobals/scripts/copyToClipboard-1.0.js"></script> <script type="text/javascript" src="http://www.workflownetwork.com/x_networkglobals/scripts/jquery.timers-1.0.js"></script> <script type="text/javascript" src="http://www.workflownetwork.com/x_networkglobals/scripts/jquery.dropshadow-1.6.js"></script> <script type="text/javascript" src="http://www.workflownetwork.com/x_networkglobals/scripts/mbTooltip.min-1.0.js"></script> <script> $(function(){ $("[title]").mbTooltip({ // also $([domElement]).mbTooltip >> in this case only children element are involved opacity : .85, //opacity wait:600, //before show cssClass:"default", // default = default timePerWord:200, //time to show in milliseconds per word hasArrow:false, // if you whant a little arrow on the corner hasShadow:true, imgPath:"images/", ancor:"mouse", //"parent" you can ancor the tooltip to the mouse position or at the bottom of the element shadowColor:"black", //the color of the shadow mb_fade:200 //the time to fade-in }); }); </script> <script type="text/javascript"> /* clear text field default values on entry */ function clearText(field){ if (field.defaultValue == field.value) field.value = ''; else if (field.value == '') field.value = field.defaultValue; } </script> <!-- Workflow Network Panel --> <!-- Panel --> <div id="toppanel"> <div id="panel"> <div class="content clearfix"> <div class="left firstcol"> <h2 style="font-size: 85%;">Member Site</h2> <h1><img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/logo_wnetwork.png"/></h1> <h2>Empowering, Informing, Connecting <br />Creative Professionals™</h2> <h2><a href="http://WorkflowNetwork.com">www.WorkflowNetwork.com</a></h2> <ul style="margin-top: 1em;"> <li><a href="http://iampariah.com/connect/"> <img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/icon_email.png" alt="Contact via Email, Telephone, and More" /></a></li> <li><a href="http://twitter.com/iamPariah"> <img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/icon_twitter.png" alt="Follow and Interact with Workflow Network on Twitter" /></a></li> <li><a href="http://www.linkedin.com/in/pariahburke"> <img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/icon_linkedin.png" alt="Connect with Pariah Burke on LinkedIN" /></a></li> </ul> <h2>By Pariah S. Burke</h2> </div> <div class="narrow left"> <h2><img alt="Get Empowered" src="http://workflownetwork.com/wp-content/themes/wnetwork/images/head_getempowered.png"></h2> <ul> <li class="item"> <a href="http://designjobslive.com/" rel="bookmark" title="Design Jobs Live"> <img src="http://workflownetwork.com/x_assets/siteicon24w_designjobs.png"> Design Jobs LIVE! </a> </li> <li class="item"> <a href="http://workflowCreative.com" rel="bookmark" title="Workflow: Creative"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wc.png"> <span class="smallcaps">Workflow</span>Creative </a> </li> </ul> </div> <div class="narrow left"> <h2><img alt="Get Informed" src="http://workflownetwork.com/wp-content/themes/wnetwork/images/head_getinformed.png"></h2> <ul> <li class="item"> <a href="http://quarkvsindesign.com" rel="bookmark" title="Quark VS InDesign.com"> <img src="http://workflownetwork.com/x_assets/siteicon24w_qvi.png"> Quark VS InDesign.com </a> </li> <li class="item"> <a href="http://workflowFlash.com" rel="bookmark" title="Workflow: Flash"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wflash.png"> <span class="smallcaps">Workflow</span>Flash </a> </li> <li class="item"> <a href="http://designorati.com" rel="bookmark" title="Designorati"> <img src="http://workflownetwork.com/x_assets/siteicon24w_d.png"> Designorati </a> </li> <li class="item"> <a href="http://workflowwp.com" rel="bookmark" title="Workflow: WordPress"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wwp.png"> <span class="smallcaps">Workflow</span>WordPress </a> </li> <li class="item"> <a href="http://workflowPhotoshop.com" rel="bookmark" title="Workflow: Photoshop"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wps.png"> <span class="smallcaps">Workflow</span>Photoshop </a> </li> <li class="item"> <a href="http://workflowFreelance.com" rel="bookmark" title="Workflow: Freelance"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wf.png"> <span class="smallcaps">Workflow</span>Freelance </a> </li> <li class="item"> <a href="http://workflowWriting.com" rel="bookmark" title="Workflow: Writing"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wwriting.png"> <span class="smallcaps">Workflow</span>Writing </a> </li> <li class="item"> <a href="http://gurusunleashed.com" rel="bookmark" title="Gurus Unleashed"> <img src="http://workflownetwork.com/x_assets/siteicon24w_gu.png"> GurusUnleashed.com </a> </li> </ul> </div> <div class="narrow left"> <h2><img alt="Get Connected" src="http://workflownetwork.com/wp-content/themes/wnetwork/images/head_getconnected.png"></h2> <ul> <li class="item"> <a href="http://creativesAre.com" rel="bookmark" title="Creatives Are Community"> <img src="http://workflownetwork.com/x_assets/siteicon24w_care.png"> CreativesAre.com Community </a> </li> <li class="item"> <a href="http://adobefireworks.ning.com/" rel="bookmark" title="Adobe Fireworks User’s Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_fw.png"> Adobe Fireworks Users <span class="smallcaps">Social Network</span> </a> </li> <li class="item"> <a href="http://quarkpro.ning.com/" rel="bookmark" title="QuarkXPress Professionals’ Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_qxp.png"> QuarkXPress Pros' <span class="smallcaps">Social Network</span> </a> </li> <li class="item"> <a href="http://photoshoppros.ning.com/" rel="bookmark" title="Photoshop Pros’ Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_ps.png"> Photoshop Professionals <span class="smallcaps">Social Network</span> </a> </li> <li class="item"> <a href="http://adobeillustrator.ning.com" rel="bookmark" title="Adobe Illustrator User’s Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_ai.png"> Adobe Illustrator Users <span class="smallcaps">Social Network</span> </a> </li> <li class="item"> <a href="http://indesigners.ning.com/" rel="bookmark" title="The InDesign Users Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_id.png"> InDesign & InCopy Users <span class="smallcaps">Social Network</span> </a> </li> </ul> </div> </div> </div> <!-- The tab on top --> <div class="paneltab"> <ul class="login"> <li class="left"> </li> <li id="toggle"> <a id="open" class="open" href="#"><img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/logo_paneltab.png" alt="Show Network Panel" /></a> <a id="close" style="display: none;" class="close" href="#">Close Network Panel</a> </li> <li class="right"> </li> </ul> </div> <!-- / top --> </div> <!--END panel --> <!-- Workflow Network Footer --> <!-- Panel --> <div id="footerpanel"> <div id="panelf"> <div class="content clearfix"> <div class="left firstcol"> <h2 style="font-size: 90%;">Member Site</h2> <h1><img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/logo_wnetwork.png"/></h1> <h2>Empowering, Informing, Connecting <br />Creative Professionals™</h2> <h2><a href="http://WorkflowNetwork.com">www.WorkflowNetwork.com</a></h2> <ul style="margin-top: 1em;"> <li><a href="http://iampariah.com/connect/"> <img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/icon_email.png" alt="Contact via Email, Telephone, and More" /></a></li> <li><a href="http://twitter.com/iamPariah"> <img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/icon_twitter.png" alt="Follow and Interact with Workflow Network on Twitter" /></a></li> <li><a href="http://www.linkedin.com/in/pariahburke"> <img src="http://workflownetwork.com/x_networkglobals/images-networkpanel/icon_linkedin.png" alt="Connect with Pariah Burke on LinkedIN" /></a></li> </ul> <h2>By Pariah S. Burke</h2> </div> <div class="narrow left"> <h2><img alt="Get Empowered" src="http://workflownetwork.com/wp-content/themes/wnetwork/images/head_getempowered.png"></h2> <ul> <li class="item"> <a href="http://designjobslive.com/" rel="bookmark" title="Design Jobs Live"> <img src="http://workflownetwork.com/x_assets/siteicon24w_designjobs.png"> Design Jobs LIVE! </a> </li> <li class="item"> <a href="http://workflowCreative.com" rel="bookmark" title="Workflow: Creative"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wc.png"> <span class="smallcaps">Workflow</span>Creative </a> </li> </ul> </div> <div class="narrow left"> <h2><img alt="Get Informed" src="http://workflownetwork.com/wp-content/themes/wnetwork/images/head_getinformed.png"></h2> <ul> <li class="item"> <a href="http://workflowFreelance.com" rel="bookmark" title="Workflow: Freelance"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wf.png"> <span class="smallcaps">Workflow</span>Freelance </a> </li> <li class="item"> <a href="http://workflowWriting.com" rel="bookmark" title="Workflow: Writing"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wwriting.png"> <span class="smallcaps">Workflow</span>Writing </a> </li> <li class="item"> <a href="http://workflowFlash.com" rel="bookmark" title="Workflow: Flash"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wflash.png"> <span class="smallcaps">Workflow</span>Flash </a> </li> <li class="item"> <a href="http://gurusunleashed.com" rel="bookmark" title="Gurus Unleashed"> <img src="http://workflownetwork.com/x_assets/siteicon24w_gu.png"> GurusUnleashed.com </a> </li> <li class="item"> <a href="http://quarkvsindesign.com" rel="bookmark" title="Quark VS InDesign.com"> <img src="http://workflownetwork.com/x_assets/siteicon24w_qvi.png"> Quark VS InDesign.com </a> </li> <li class="item"> <a href="http://workflowPhotoshop.com" rel="bookmark" title="Workflow: Photoshop"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wps.png"> <span class="smallcaps">Workflow</span>Photoshop </a> </li> <li class="item"> <a href="http://workflowwp.com" rel="bookmark" title="Workflow: WordPress"> <img src="http://workflownetwork.com/x_assets/siteicon24w_wwp.png"> <span class="smallcaps">Workflow</span>WordPress </a> </li> <li class="item"> <a href="http://designorati.com" rel="bookmark" title="Designorati"> <img src="http://workflownetwork.com/x_assets/siteicon24w_d.png"> Designorati </a> </li> </ul> </div> <div class="narrow left"> <h2><img alt="Get Connected" src="http://workflownetwork.com/wp-content/themes/wnetwork/images/head_getconnected.png"></h2> <ul> <li class="item"> <a href="http://adobefireworks.ning.com/" rel="bookmark" title="Adobe Fireworks User’s Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_fw.png"> Adobe Fireworks Users <span class="smallcaps">Social Network</span> </a> </li> <li class="item"> <a href="http://photoshoppros.ning.com/" rel="bookmark" title="Photoshop Pros’ Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_ps.png"> Photoshop Professionals <span class="smallcaps">Social Network</span> </a> </li> <li class="item"> <a href="http://adobeillustrator.ning.com" rel="bookmark" title="Adobe Illustrator User’s Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_ai.png"> Adobe Illustrator Users <span class="smallcaps">Social Network</span> </a> </li> <li class="item"> <a href="http://quarkpro.ning.com/" rel="bookmark" title="QuarkXPress Professionals’ Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_qxp.png"> QuarkXPress Pros' <span class="smallcaps">Social Network</span> </a> </li> <li class="item"> <a href="http://creativesAre.com" rel="bookmark" title="Creatives Are Community"> <img src="http://workflownetwork.com/x_assets/siteicon24w_care.png"> CreativesAre.com Community </a> </li> <li class="item"> <a href="http://indesigners.ning.com/" rel="bookmark" title="The InDesign Users Social Network"> <img src="http://workflownetwork.com/x_assets/siteicon24w_ning_id.png"> InDesign & InCopy Users <span class="smallcaps">Social Network</span> </a> </li> </ul> </div> </div> </div> </div> <!--END panel --> <!-- PNG FIX for IE6 --> <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> <!--[if lte IE 6]> <script type="text/javascript" src="http://www.workflownetwork.com/x_networkglobals/scripts/supersleight-1.0.min.js"></script> <![endif]--> <!-- Generated by OpenX 2.7.25-beta --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-685087-7"); pageTracker._trackPageview(); } catch(err) {}</script> </body></html>