Dan Wellman
Dan Wellman is an author and front-end engineer. By day he wrangles JavaScript for Skype in London, and by night he writes books and tutorials about web-development, and produces screencast courses for Tuts+ Premium. Prior to this, Dan spent six years working as a front-end developer for two small digital agencies in his home town of Southampton, where he honed his skills from developer hobbyist to respected professional. For over ten years Dan has written for numerous websites such as Dev Shed, DMX Zone, Developer Drive, and of course Nettuts, and also several magazines including; PSD Magazine and .Net. He has so far had 7 books published. Somewhere between commuting, coding and writing, Dan is also a grateful husband and the proud father of four wonderful children. Occasionally he enjoys playing tennis badly, amateur boxing, riding mountain bikes around forests, or just spending time with family and friends. He also loves strong coffee, single-malt whisky, and having a moan on Twitter.
  • Code
    Into the Ring with knockout.js: Part 2 - the RematchKnockout
    In the first part of this tutorial, we put together a basic example of a list of contacts. The view (the visible representation of the data on the page) was created using a template, along with some other elements bound to methods and properties of the viewModel using data-bind attributes. Some of the values in the viewModel were observable and were monitored for changes which were then propagated to our view automatically. In this part, we'll continue building on the example to add additional functionality. For example, if there were a lot of contacts in our model, a useful feature to add would be paging, to break the view up into more manageable sections.Read More…
  • Code
    Into the Ring with knockout.jsKnockout
    In the red corner, weighing in at just 29Kb (uncompressed), is knockout.js; a pure JavaScript library that simplifies the creation of dynamic user interfaces. Knockout is library agnostic, so it can easily be used with any of the most popular JavaScript libraries already available, but it works particularly well with jQuery, and uses jQuery.tmpl as its default templating engine.Read More…
  • Code
    Getting Started with Umbraco: Part 1Code
    Umbraco can be installed very quickly and easily. Even better, it comes with many features straight out of the box. For example, it's possible to build an entire site without delving into the code yourself, simply by using pre-built templates and the back-end CMS.Read More…
  • Code
    Getting Started with Umbraco: Part 5Code
    The hero panel carousel that we're going to make in this part of the tutorial will use sliding animations to move between panels, and will be of the infinite style so that it will forever move forwards or backwards through each of the panels.Read More…
  • Code
    Getting Started with Umbraco: Part 4Code
    In this part, we'll start off by adding another XSLT file (for the news item pages), and then move on to look at how we can integrate standard .Net User Controls to Umbraco.Read More…
  • Code
    Getting Started with Umbraco: Part 3Code
    In this part of the series we'll create the rest of our content nodes (pages) and start adding the XSLT macros to handle things like building the site navigation, and populating the <umbraco:Macro> elements.Read More…
  • Code
    Getting Started with Umbraco: Part 2Code
    In .NET, a masterpage is a template for content pages, where a series of ASPX pages that all use the same masterpage can all share the same base code.Read More…
  • Code
    Fun with jQuery Templating and AJAXJquery templating and ajax
    In this tutorial, we'll take a look at how jQuery's beta templating system can be put to excellent use in order to completely decouple our HTML from our scripts. We'll also take a quick look at jQuery 1.5's completely revamped AJAX module.Read More…
  • Code
    Build a Canvas Image Editor with CanvasCode
    We're not going to go wild with it, there just isn't time, but we'll be seeing how easy it is to do things like rotating, resizing, translating and even subtle color manipulation.Read More…
  • Code
    How to Create a Drop-down Nav Menu With HTML5, CSS3 and JQueryHtml5
    In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.Read More…
  • Code
    A jQuery UI and .Net Image Organizer200x200
    Over the course of this tutorial we'll look at how to create a simple image organizer that lets users reorder a series of images; this functionality could be useful on any kind of image-based site where users have a collection of images that they have uploaded or otherwise added to their profile or account. We'll use .net to retrieve and store the order of images in a SQL database on the server, and jQuery UI to handle the reordering of the images on the client.Read More…
  • Code
    How to Use the jQuery UI Autocomplete Widget200x200
    In this tutorial we'll be looking at one of jQuery UI 1.8's newest components - the Autocomplete widget. Auto-completing text fields can be a popular choice with visitors to your site because they make entering information much easier. They can be used on product search fields for example, or when a visitor must enter a country, or a city, or anything else that may be a choice from a common dataset. As well as being popular with visitors, the jQuery UI Autocomplete is popular with developers because it's easy to use, powerful and flexible.Read More…