<!DOCTYPE html>
<html lang="en-US">
<head>
    <title>
            A Beautiful Site &middot; A Beautiful Site
    </title>
    <meta name="description" content="">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Crete+Round:400,400italic" media="screen">
    <link rel="stylesheet" href="https://www.abeautifulsite.net/content/themes/draft/css/all.min.css" media="screen">
    <link rel="stylesheet" href="https://www.abeautifulsite.net/content/themes/draft/css/print.css" media="print">
    <link rel="alternate" type="application/rss+xml" title="RSS Feed for abeautifulsite.net" href="https://www.abeautifulsite.net/feed">
    <!--[if lt IE 9]><script src="https://www.abeautifulsite.net/content/themes/draft/js/html5.js" type="text/javascript"></script><![endif]-->
    <link rel="shortcut icon" href="https://www.abeautifulsite.net/content/uploads/2016/03/favicon.png">
</head>

<body class="blog">

    <header id="masthead" class="site-header">

        <div class="body-width clearfix">

            <h1 id="site-title">
                <a href="https://www.abeautifulsite.net/"  style="background-image: url('https://www.abeautifulsite.net/content/uploads/2016/03/abs-logo.png');">
                    A Beautiful Site
                </a>
            </h1>

            <nav class="site-navigation">
                <ul id="menu-main-menu" class="menu">
                            <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                <a href="https://www.abeautifulsite.net/tag/design">Design</a>
                            </li>
                            <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                <a href="https://www.abeautifulsite.net/tag/development">Development</a>
                            </li>
                            <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                <a href="https://www.abeautifulsite.net/tag/resources">Resources</a>
                            </li>
                            <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                <a href="https://www.abeautifulsite.net/tag/tutorials">Tutorials</a>
                            </li>
                            <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                <a href="https://www.abeautifulsite.net/about">About</a>
                            </li>
                </ul>
            </nav>
            <div class="header-search">
                <form method="get" class="search-form" action="https://www.abeautifulsite.net/search">
                    <label>
                        <span class="screen-reader-text">Search for:</span>
                        <input type="search" class="search-field" placeholder="Search&hellip;" value="" name="s">
                    </label>
                    <input type="submit" class="search-submit" value="Search">
                </form>
            </div>

        </div>

    </header>
<main id="main" class="site-main">

    <div class="body-width clearfix">
    	<div id="main-content" class="main-content">
            <div class="post-grid clearfix">
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/particle-is-now-postleaf">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="content/uploads/2016/06/postleaf-cover-2.png">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/particle-is-now-postleaf">
                                Particle is now Postleaf
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                Due to a trademark registration that was filed last September (long after I started working on this project), I was&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/particle-is-now-postleaf">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            June 22, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Fparticle-is-now-postleaf" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Fparticle-is-now-postleaf" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Fparticle-is-now-postleaf" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/minimal-jquery-alert-and-confirm-replacements">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2012/12/jquery-logo.png">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/minimal-jquery-alert-and-confirm-replacements">
                                Minimal jQuery Alert and Confirm Replacements
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                I recently made the decision to stop using modal dialogs in Postleaf. What once was a good way to obtain&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/minimal-jquery-alert-and-confirm-replacements">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            May 28, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Fminimal-jquery-alert-and-confirm-replacements" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Fminimal-jquery-alert-and-confirm-replacements" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Fminimal-jquery-alert-and-confirm-replacements" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/effortlessly-submit-forms-using-jquery-ajax-and-json">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2012/12/jquery-logo.png">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/effortlessly-submit-forms-using-jquery-ajax-and-json">
                                Effortlessly submit forms using jQuery, AJAX, and JSON
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                This is the first open source microplugin that spawned from&nbsp;Postleaf. At just over 200 lines of code, you'll never want&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/effortlessly-submit-forms-using-jquery-ajax-and-json">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            May 28, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Feffortlessly-submit-forms-using-jquery-ajax-and-json" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Feffortlessly-submit-forms-using-jquery-ajax-and-json" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Feffortlessly-submit-forms-using-jquery-ajax-and-json" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/code-can-change">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2016/05/Caterpillar.jpg">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/code-can-change">
                                Code Can Change
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                As a web developer, your code is often visible to anyone who wants to review it. If you're like me,&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/code-can-change">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            May 10, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Fcode-can-change" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Fcode-can-change" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Fcode-can-change" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/a-better-way-to-write-config-files-in-php">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2014/08/php-logo.png">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/a-better-way-to-write-config-files-in-php">
                                A Better Way to Write Config Files in PHP
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                How many times have you seen something like this in a config file? &lt;?php $db_host = 'localhost'; $db_name = 'somedb';&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/a-better-way-to-write-config-files-in-php">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            May 2, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Fa-better-way-to-write-config-files-in-php" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Fa-better-way-to-write-config-files-in-php" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Fa-better-way-to-write-config-files-in-php" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/interview-with-host-advice">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2016/04/hostadvice-cory.png">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/interview-with-host-advice">
                                Interview with Host Advice
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                I recently had the pleasure of being interviewed by Tamar Weinberg for Host Advice. We chatted a bit about Surreal&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/interview-with-host-advice">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            April 18, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Finterview-with-host-advice" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Finterview-with-host-advice" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Finterview-with-host-advice" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/how-to-upgrade-or-downgrade-nodejs-using-npm">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2016/04/nodejs.png">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/how-to-upgrade-or-downgrade-nodejs-using-npm">
                                How to Upgrade (or Downgrade) Node.js using NPM
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                Need to update your version of Node.js? Here's how you can upgrade or downgrade from the command line using NPM.&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/how-to-upgrade-or-downgrade-nodejs-using-npm">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            April 5, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Fhow-to-upgrade-or-downgrade-nodejs-using-npm" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Fhow-to-upgrade-or-downgrade-nodejs-using-npm" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Fhow-to-upgrade-or-downgrade-nodejs-using-npm" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/configuring-sendmail-on-ubuntu-1404">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2016/03/ubuntu.png">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/configuring-sendmail-on-ubuntu-1404">
                                Configuring Sendmail on Ubuntu 14.04
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                If you're PHP mail() function is slow or failing, it's probably because sendmail isn't installed on your server. Here's how&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/configuring-sendmail-on-ubuntu-1404">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            March 29, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Fconfiguring-sendmail-on-ubuntu-1404" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Fconfiguring-sendmail-on-ubuntu-1404" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Fconfiguring-sendmail-on-ubuntu-1404" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/adding-and-removing-virtual-hosts-on-ubuntu-1404">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2016/03/ubuntu.png">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/adding-and-removing-virtual-hosts-on-ubuntu-1404">
                                Adding and Removing Virtual Hosts on Ubuntu 14.04
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                Here's a cheat sheet for working with virtual hosts on an Ubuntu server. The instructions assume you're not logged in&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/adding-and-removing-virtual-hosts-on-ubuntu-1404">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            March 29, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Fadding-and-removing-virtual-hosts-on-ubuntu-1404" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Fadding-and-removing-virtual-hosts-on-ubuntu-1404" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Fadding-and-removing-virtual-hosts-on-ubuntu-1404" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
                    <article class="clearfix   status-publish format-standard has-post-thumbnail hentry ">
            
                            <header class="entry-header">
                                <a class="entry-preview" href="https://www.abeautifulsite.net/lessons-from-a-failed-kickstarter">
                                    <img alt="Cover Image" class="attachment-pb-standard size-pb-standard" src="/content/uploads/2016/03/turn-to-clear-vision.jpg">
                                </a>
                            </header>
            
                        <h1 class="entry-title">
                            <a href="https://www.abeautifulsite.net/lessons-from-a-failed-kickstarter">
                                Lessons From a Failed Kickstarter
                            </a>
                        </h1>
                        <div class="entry-content">
                            <p>
                                Last week, I launched Particle on Kickstarter. Today, I pulled the plug and canceled the campaign. We had 50 backers&hellip;
                            </p>
                        </div>
            
                        <footer class="entry-footer clearfix">
                            <span class="meta-sticky">
                                <a href="https://www.abeautifulsite.net/lessons-from-a-failed-kickstarter">
                                    <time class="entry-date" datetime="2014-06-20T13:19:44+00:00">
                                            March 28, 2016
                                    </time>
                                </a>
                            </span>
            
                            <div class="meta-share">
                                <a class="tooltip-item" href="#" title="Share this">&#57520;</a>
                                <div class="sharing-panel">
                                    <ul class="iconed-list">
                                        <li class="share-facebook">
                                            <a href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Fwww.abeautifulsite.net%2Flessons-from-a-failed-kickstarter" title="Like on Facebook"></a>
                                        </li>
                                        <li class="share-twitter">
                                            <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.abeautifulsite.net%2Flessons-from-a-failed-kickstarter" title="Tweet on Twitter"></a>
                                        </li>
                                        <li class="share-google">
                                            <a href="https://plusone.google.com/_/+1/confirm?hl=en&amp;url=https%3A%2F%2Fwww.abeautifulsite.net%2Flessons-from-a-failed-kickstarter" title="Share on Google+"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
            
                        </footer>
            
                    </article>
            
            
            </div>
            
            
                <div class="page-pagination clearfix">
                        <a href="https://www.abeautifulsite.net/page/2">Older Posts</a>
                </div>
                	</div>
    </div>

    <a href="#" class="show-sidebar" title="Toggle sidebar">
        <span class="bar-1"></span>
        <span class="bar-2"></span>
        <span class="bar-3"></span>
    </a>
    
    <div id="secondary" class="sidebar sidebar-primary widget-area">
    
        <aside class="widget clearfix widget_search">
            <form method="get" class="search-form" action="https://www.abeautifulsite.net/search">
                <label>
                    <span class="screen-reader-text">Search for:</span>
                    <input type="search" class="search-field" placeholder="Search&hellip;" value="" name="s">
                </label>
                <input type="submit" class="search-submit" value="Search">
            </form>
        </aside>
    
        <aside id="nav_menu-2" class="widget clearfix widget_nav_menu">
            <h2 class="widget-title">Topics</h2>
            <div class="menu-main-menu-container">
                <ul class="menu">
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                        <a href="/tag/business/">Business</a>
                    </li>
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                        <a href="/tag/design/">Design</a>
                    </li>
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                        <a href="/tag/development/">Development</a>
                    </li>
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                        <a href="/tag/news/">News</a>
                    </li>
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                        <a href="/tag/resources/">Resources</a>
                    </li>
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                        <a href="/tag/tips/">Tips</a>
                    </li>
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                        <a href="/tag/tutorials/">Tutorials</a>
                    </li>
                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                        <a href="https://www.abeautifulsite.net/feed">RSS</a>
                    </li>
                </ul>
            </div>
        </aside>
    
        <aside class="widget clearfix widget_text">
            <h2 class="widget-title">A Beautiful Site, LLC</h2>
            <div class="textwidget">
                <p>
                    A Beautiful Site is a small web development studio based in Central Florida.
                    We blog about web design, web development, technology, bootstrapping,
                    startups, and other awesome things.
                </p>
                <p><a href="/about">Learn more</a> about us.</p>
            </div>
        </aside>
    
        <aside class="widget clearfix widget_text widget_subscribe">
            <h2 class="widget-title">Newsletter</h2>
            <div class="textwidget">
                <p>Get free tips, resources, and other web-related goodness right in your inbox.</p>
                <form action="https://abeautifulsite.createsend.com/t/j/s/cfhku/" method="post">
                    <input id="fieldEmail" class="email-field" name="cm-cfhku-cfhku" type="email" required placeholder="Your Email">
                    <p><button type="submit">Signup</button></p>
                </form>
            </div>
        </aside>
    
    </div>
</main>

    <footer id="colophon" class="site-footer">
        <div class="body-width clearfix" style="text-align: center;">
            <p>
                A Beautiful Site, LLC · Est'd 2007 ·
                Powered by <a href="https://www.postleaf.net/">Postleaf</a>
            </p>
        </div>
    </footer>

    <script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
    <script src="https://www.abeautifulsite.net/content/themes/draft/js/all.min.js"></script>
    <script id="dsq-count-scr" src="//abeautifulsite.disqus.com/count.js" async></script>
    <script type="text/javascript">
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-6412891-5', 'auto');
        ga('send', 'pageview');
    </script>

    

</body>
</html>