1. Simple Paging Grid v0.6.0.0

    October 27, 2013 by accidentalfish

    Today I released a new version of Simple Paging Grid onto GitHub and NuGet.

    This improves the grid with bug fixes and suggestions made on GitHub over the last few months and adds the following new features:

    • Now works with Bootstrap 3 by default. If you’re still using Bootstrap 2 the grid will continue to work – just set the new property bootstrapVersion to 2 (see the docs and supplied example).
    • The grid now works with browser history – forward and back buttons include grid changes such as page and sort order.
    • The grid no longer needs it’s own supplementary CSS file, all works with Bootstrap.
    • Added a number of new examples

    Any issues or feedback post an issue on the GitHub page.

  2. Simple Paging Grid – Updated

    June 16, 2012 by accidentalfish

    I’ve made some updates to the simple paging grid over the last week or so. Improvements include:

    • The grid can now be supplied data from a function. This can be handy if you have data that can be procedurally generated.
    • Both sorted and unsorted headers can be customised through the template system.
    • A “loading” overlay can be displayed when retrieving data from a remote data source
    • The grid can have a minimum size, quantified as the number of rows, and if you set this to the page size the grid will stay fixed in height during loading operations
    • A Google Search style page number picker can be shown in the footer between the next and previous buttons

    The documentation and source is available in the GitHub repository. I’ve not yet released the zip file containing the 0.2 code so grab it from the repository.

    Any issues then please let me know.

  3. Simple Paging Grid

    April 3, 2012 by accidentalfish

    A bit of a techie post I’m afraid.

    I’ve just pushed a jQuery plugin onto GitHub called the Simple Paging Grid – it’s aim is be a lightweight grid control that plays well with plain vanilla CSS and specifically with the Twitter Bootstrap library. Key features include:

    • CSS friendly
    • Doesn’t come packed with “theme” baggage
    • Lightweight
    • Paging
    • Embedded client data
    • Dynamic paged server data
    • Sorting
    • Hyperlinks
    • Permissive MIT license

    It’s fully documented and released under the MIT license and has been spun out of the codebase of a non-profit website I’ve been working on.

    You can find it here. Hope it’s useful to someone, any bugs then let me know.

  4. Mandelbrot Sets in JavaScript

    May 7, 2011 by accidentalfish

    Another, and for now probably final, JavaScript toy: Mandelbrot Set generator. It uses Web Workers, HTML 5 Canvas and JavaScript to render Mandelbrot sets in a modern browser (I’ve tested in Safari, Chrome and FireFox 4).

    It’s online here and the source is on GitHub.

    Picture of it running in Chrome is below:

    Maybe I’m getting old, or becoming easily awed, but I find it amazing that Mandelbrots can be rendered so quickly within a browser. I remember my 8-bit BBC Model B wheezing its way through generating low res 2-bit colour versions!

  5. JavaScript A* Pathfinding

    by accidentalfish

    For fun I’ve knocked up a quick implementation of the A* path finding algorithm, again using JavaScript and HTML canvas.

    Again the source is in GitHub and you can play around with it online.

  6. The Game of Life

    April 30, 2011 by accidentalfish

    I’m not quite sure what set me off thinking about this but I realised this morning that I’d never written a version of John Conway’s The Game of Life (you can get additional background here) and as I had a couple of spare hours over lunch I thought I’d have a quick bash at a JavaScript version using the HTML 5 Canvas feature for rendering the board.

    If you’re interested in this sort of thing you can check it out online here or view the source code on GitHub (MIT license).

    It’s not a “pure” implementation as the board is finite but it was fun to put together.