The great number of Responsive Web Design grids can be confusing and intimidating to use. Percentage-based floating columns can drop down in certain resolutions and browsers. The flex box method is unfinished and currently has 3 different conflicting implementations. With a little help from the table-based past, here is the Flashback Grid, whose columns behave like table cells. Boxes never drop below each other and the browser does all width calculations, instead of forcing us to write complex percentages in CSS. (more…)

January 7, 2013  Leave your thoughts

If you have a form on your PHP-enabled website and want to submit it without reloading the page,

  1. Add this below the form:

     

    <div class="success" style="display:none"> Thank you for submitting. </div>
    
    <script type="text/javascript">
        if (typeof jQuery == 'undefined') {
            document.write('<script src="' + ( (location.protocol == 'file:') ? 'http:' : location.protocol ) + '//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">\x3C/script>');
        }
    </script>
    
    <script src="send-form.js" type="text/javascript"></script>
  2. Upload the contents of send-form.zip (2 KB) to your page location.

Enjoy!

Thanks to phpmind for the original code.

December 5, 2012  Leave your thoughts