Category Archives: Frontend dev

Front-end development with Hubspot Part 1

Recently, we’ve startedĀ using Hubspot, which is a service that helps companies with their inbound marketing. It provides a content management system (which they call a ‘content optimization system’ :p) that can be hooked in to fairly easily. For me, its syntax is very similar to twig, a popular php templating language. It provides control structures, filters, functions etc. There’s some nice bits and some truly flakey bits – here’s what I’ve learnt so far…

Continue reading “Front-end development with Hubspot Part 1” »

Unit tests for angular services

I’m trying to follow john papa’s excellent angular design principles article. One aspect to this is setting up routes that resolve service calls that can immediately be called by controllers using the ‘controllerAs’ syntax. However, the question arises of how to test these? After trawling round loads of different articles, I’ve cobbled together a solution that works (for better or worse).

Continue reading “Unit tests for angular services” »

Ajax contour forms and zurb abide

This post is about implementing the contour forms package for Umbraco and still trying to follow best practices with regard to loading javascripts just before the closing body tag. I also implemented an ajax form submission method which grabs the resulting success message. It also uses zurb’s abide javascript validation library.

Continue reading “Ajax contour forms and zurb abide” »

Auto-output doctype template for Umbraco

This post is a continuation of this one. It discusses how to output a generic content page that loops through all properties of that page and outputs them automatically. So, for document types that are quite similar, only 1 template is required instead of 1 for each. Also, I’ve been looking at the zurb foundation reveal component, specifically using ajax to load content into it.

Continue reading “Auto-output doctype template for Umbraco” »

Multi-tab slider in Umbraco with Zurb Foundation

This post is about the development of a sliding component built using Umbraco and the Foundation framework with sprinklings of javascript and css transitions. It was built for the re-development of leicester.gov.uk. The idea is that the component should show 3 panels by default with some key content showing in all. Then, to reveal additional content, each tab can be expanded, which in turns collapses the other tabs. Continue reading “Multi-tab slider in Umbraco with Zurb Foundation” »