• Extending the Devon County Council colour palette

    The Devon County Council (DCC) colour palette was first introduced in 2007 as part of the Ourbrand corporate identity rules. These colours have helped us establish a strong and consistent identity across all areas of our work. A palette of eight core house colours and five high-contrast colours for monochrome designs were developed to make printed documents more attractive and easily navigable.

    In recent years Council finances have been squeezed; there has been an emphasis on money saving and fewer printed materials have been created – and many people now look for information online.

    The development and adoption of Local Government Digital Service Standards has now shifted the focus to delivering good quality, user centred, value for money digital services.… Read the rest

  • Creating my first WordPress API

    I recently started a website project to encourage the communities of Devon to be more involved in the services that we deliver in their community. We have four schemes that in principle help communities to help themselves. These schemes include Snow Wardens, Road Warden, Community self help and Parish Path Partnership (P3). We want to get more residents of Devon involved in these schemes.

    One way of doing this is a postcode search of their area and a query returning which schemes are running in the area and how to get involved.

    I started this by bring a number of sources of data together.… Read the rest

  • WordPress REST API – developing a precautionary

    Back over a year ago now the WordPress team at Devon County Council started exploring a RESTful API. In WordPress 4.4 they introduced an embed extension to embed content into other website. This was the start of the API.

    WordPress 4.7 has just landed and now it has a full RESTful API built right into the core. It is now possible to display all your content by using the new endpoint routes, posts, pages, etc. This is really great, we can now do cross website querying for content using the API. This is just the tip of the iceberg of things that the API can be used for.… Read the rest

  • A simple SASS media mixin

    This is a robust, maintainable and scalable SASS media mixin that I have developed, that you can drop in to your scss files and then easily customise.

    Add your own breakpoint values to the map at the top and then use anywhere in your code. Alter the breakpoints on a whim and watch the changes happen instantly on recompiling the SCSS.

    Basic usage

    See the Pen CSS media mixin by webteamDCC (@webteamDCC) on CodePen.0

    You don’t need to worry about adding ‘screen’ to the media query as this is added by default but can be customised.

    If you do want to see this being used with a different device type (print, tv, braile etc.), screen orientation or additional custom bug fix breakpoints, then see the below for some advanced usage example.… Read the rest

  • CSS Triangles explained

    A little bit of knowledge to share with the developers out there. Just wanted to set out some clear guidance on CSS triangles. It’s something most of us know how to do but normally with trial and error.

    CSS trianlges are a great way of adding design to a website, without having to create an individual image. They require a bit more technical understanding but are hugely advantageous when compared to using the alternative.

    Where to start

    See the Pen CSS triangles by webteamDCC (@webteamDCC) on CodePen.0

    1. First you need an element to work around. This needs to have a height and width of 0px
    2. Add all the borders and set the colours to transparent
    3. Set to colour of the border you want to target, keeping in mind if you choose the left border it will point right,  and it will point down if you change the colour of the top border.
    Read the rest