Adam during a freediving breathe-up Adam during a freediving breathe-up

Clearwave Designs

I build your ideasSM.

  • The Code Editor
  • Volunteer (lds.org)
  • MelaTracker
  • William Trubridge
  • Codepen.io/clearwavedesigns
  • Vertical Blue 2013
  • Vertical Blue
  • JustServe.org
Top
  • CLEARWAVE
  • I
  • build
  • your
  • ideas.SM
  • Clearwave Designs Icon

Hi. I'm Adam.

I'm a professional web developer (front-end/back-end/UX design), a freediver, and windsurfer.

Top

News

  • BuoyantJS framework handles as many MVC's as you want!

    BuoyantJS was pushed to production today with some new features:

    • Only 9K minified! The entire framework with D.O.M. querying/manipulation and this new MVC two-way data-binding is only 9KB!
    • Supports the full MVC pattern now! (NOTE: You can survive minification if you stringify the MVC property names on the MVC object)
    • You provide your own Model (script), View (markup) and Controller (scope name)
    • Run (and/or re-run) any controller at any time! (NOTE: multiple MVC's on a single page are not allowed, but can be swapped instantly!)
    • Performance enhanced just a tad
    This version requires an implementation change using an object with the MVC properties versus the controller and script arguments only.
  • BuoyantJS Framework w/ Repeating Content (which includes data-binding)!

    BuoyantJS was pushed to production today with repeating content (which includes data-binding)!

  • BuoyantJS Framework w/ Event Listners on Markup!

    BuoyantJS was pushed to production today with attibute listeners of "click," "keyup," and "change"!

  • BuoyantJS Framework w/ Event Delegation

    BuoyantJS was pushed to production today with event delegation!

    Example syntax: $('body').on('click', 'input', function() { $(this).css('background:#08f'); });

    See the BuoyantJS page here for more info.

  • BuoyantJS Framework w/ Two-way Data-binding!

    BuoyantJS was pushed to production today for this site only with the new two-way data-binding features and ability to use endless controllers!

    See the BuoyantJS page here for more info.

  • FlagstoneJS released!

    FlagstoneJS is a reponsive tiling plugin, ordering HTML elements from left to right and filling in where there is the most available space.

    Demo it here or on Github.

  • BUOYANT.JS (framework)

    The Buoyant framework (BuoyantJS), is a DOM and data-binding framework originally built for this site.

    See the BuoyantJS page here for more info and try it yourself on the editor!

    This was built last year about the same time and has since been added on to, and cleaned up. Currently, event delegation and data-binding is being added.

    The syntax and method naming conventions mostly match jQuery as to not confuse coding between similar libraries. I've never read the jQuery code, but it appears to work the same way.

    This framework currently has:

    • 30+ methods (including setters/getters)
      • on
      • each
      • find
      • addClass
      • removeClass
      • toggleClass
      • fadeIn
      • fadeOut
      • css
      • parent
      • child
      • children
      • siblings
      • prev
      • next
      • html
      • text
      • val
      • selectedIndex
      • attr
      • removeAttr
      • focus
      • remove
      • width
      • height
      • length
      • exists
    • AJAX
    • Data-binding (in development)
  • WILLIAMTRUBRIDGE.COM LAUNCHED!!

    Updates:

    • The new fully responsive williamtrubridge.com was launched today!
    • Brand new gallery that's mobile friendly now!
    • Huge improvements overall on mobile phones.
  • EVENTS.VERTICALBLUE.NET & ARCHIVE.VERTICALBLUE.NET LAUNCHED!!

    Updates:

    • The new fully responsive events.verticalblue.net was launched today!
    • Brand new gallery that's mobile friendly now!
    • Huge improvements overall on mobile phones.
    • The new archive site for Vertical Blue was launched housing a single location for all archived news.
  • VERTICALBLUE.NET LAUNCHED!!

    Updates:

    • The new fully responsive verticalblue.net was launched today!
    • Fully responsive – so it fits on every device.
    • Huge improvement on mobile phones.
    • Added a wave effect to the page links.
  • SCHOOL.VERTICALBLUE.NET LAUNCHED!!

    Updates:

    • The new fully responsive school.verticalblue.net was launched today!
    • Fully responsive – so it fits on every device.
    • Huge improvement on mobile phones with background and diveline navigation!
  • VERTICAL BLUE TEMPLATE & CLEARWAVEDESIGNS.COM v3.2

    Updates:

    • The new template framework for the Vertical Blue sites is complete!
    • Added syntax highlighting for the code editor which was incredibly time consuming and crazy complicated.
  • CLEARWAVEDESIGNS.COM v3.1

    Today's updates:

    • Made the code editor have a dark theme to help eliminate any confusion between that and the blog code editor.
    • Ironed out some of the methods in the clearwavedesigns.min.js JavaScript library and also built some new ones.
    • Added some more S.E.O. to this site.
    • A rework on the Vertical Blue websites begins today!
  • CLEARWAVEDESIGNS.COM v3.0 OFFICIAL PUBLIC LAUNCH!

    Today's updates:

    • Added download functionality for snippets made in the code editor.
    • The website is print-friendly now.
  • CLEARWAVEDESIGNS.COM v3.0b released

    What seems to be the last major updates, I've fixed a couple bugs and enhanced the sight with a few new features:

    • Blog/tutorials will now have examples via a button that populate a blog code editor for instant viewing and experimenting!
    • Modal for external sites
    • Fun and useful "404 File Not Found" page.
    • Bug fixes on mobile
  • CLEARWAVEDESIGNS.COM v3.0a released

    First public beta release of the new version of clearwavedesigns.com!

    The blog page is completely under construction, but the rest are very usable.

    Notable features are:

  • "Live Window Size" Google Chrome Extension development complete!

    This is an awesome extension that will be made available here and on the Google Chrome extensions page when open source approval is given to release it to the general public.

  • VB2013 freediving competition site launched

    The Vertical Blue 2013 freediving competition site was the largest responsive stats site I had made to-date. This site's statistics were dynamic and allowed for instant updating in a very friendly responsive mobile layout for William Trubridge on the diving dock.

    • Fully esponsive stats/website
    • Dynamically updated during the competition
    • Slideable navigation using the "dive line"
    • Animated graphs on the overall results page

    The competition ended suddenly with the most unfortunate death of Nicholas Mevoli whose image and stats can be seen on the site with a simple memorial.

Top

Current / Upcoming