BootstrASP – Our first open source project

Trippnology logoWe are very excited to announce our first open source project that we’re calling BootstrASP. It’s a simple framework for building websites with ASP and twitter’s Bootstrap with some added CSS3 candy thrown in for good measure!

You’ll find all the info on the project’s github page. If you spot something wrong, you have an idea for a new feature or you have a better way of doing something, please submit a pull request and we’ll review your code. It’s an ever evolving project and new features are being regularly added.

BootstrASP is licensed under CC BY-SA 2.0 which means you are free to copy, distribute, hack, slice, make derivatives and even to make commercial use of it provided that you both credit Trippnology and release your work under an identical license. We’re big fans of open source software (and hardware for that matter) so we’re really pleased to be giving a tiny something back to the community.

Let us know what you think in the comments here or on twitter and remember to share this post with your networks.

Headspace Accountancy

Headspace Accountancy screenshotAfter our SEO success on The Limecrete Company site, Louisa Yallop approached us to build her a website for her new business; Headspace Accountancy.

Headspace Accountancy specialises in offering small business accounting, farm accounting and construction accounting. They take care of the red tape leaving you free to concentrate on running your business. Hand it over to the professionals and give yourself some headspace!

We’ve built the site to look good on all devices, from small smartphones to tablets to large desktops. It will function correctly in almost all browsers (yes, even IE6!) but for the best experience, visit the site with a modern browser like Firefox or Chrome as we have included some progressive enhancement. This is also the first site we have built with our custom framework which we will be releasing as an open source project on Github in the near future.

If your website needs a makeover for mobile, a spruce up for SEO or you’re looking to get your first site designed, contact Trippnology today.

Abi Bailey Portrait Photography

AB Portrait Photography screenshotWe recently launched a website for Abi Bailey Portrait Photography. Abi came to us with several requirements for a website for her new business.

Abi needs to be able to update the site herself as her portfolio expands so we set up a WordPress based website and spent a few hours going through the process of adding and editing content with her.

Abi provides portrait photography, wedding photography and photo retouching. We showed Abi how to set up password protected pages that enable her to send galleries of sample images to her customers who can then order prints.

The design of the site was to be subtle and monochrome in order for it to take a back seat and allow the photos to shine through. In today’s increasingly mobile world, websites must be usable on all sorts of devices such as desktops, laptops, mobile phones, tablets and even televisions. We’ve achieved this on Abi’s site and while we were at it, applied our SEO formula to help the site gain maximum exposure. The site uses the latest web standards and techniques (HTML5 and CSS3) for the best possible user experience.

If your website needs a makeover for mobile, a spruce up for SEO or you’re looking to get your first site designed, contact Trippnology today.

HTML5: What’s that all about then?

html5We’ve had lots of questions about HTML5 recently. What is it? Do I need to update my website code? Will my Google ranking be affected?

Unless a client specifically requests otherwise, we now build all of our sites using HTML5 (and usually with a responsive layout). We are a forward thinking web company and we firmly believe that HTML5 is the future of the web. Contact us if you would like to have a shiny new HTML5 website developed for you or would like to bring your existing site up to date.

Before writing this post, I had a quick search to see what other people are saying and I stumbled across this great post from HTML5 Doctor. Rather than reinvent the wheel, I will just link you off to their great Q and A about HTML5.

Let us know what you think in the comments here or on Facebook and remember to share this post with your networks.

Our first HTML5 site – Glass Splashback Colour

Glass Splashback Colour screenshotWe’ve just put the finishing touches to our first HTML5 website: Glass Splashback Colour. GSC is an offshoot of Glassact UK, a specialist glass company from Norwich supplying glass splashbacks, glass worktops, image glass and bespoke architectural glass. They already had a website but it was built using a free online site builder which meant it wasn’t properly optimised for the search engines, it was poorly laid out and took an age to load.

We’ve redesigned the site from the ground up to be search engine friendly, cross browser compatible, fast to display and responsive (meaning the layout adjusts depending on your screen size). Try it for yourself: visit Glass Splashback Colour, resize your browser and you will see fonts and images change size, content moves around the page and some items are hidden and others appear.

With the massive worldwide increase in visitors using mobile devices, we now design all of our websites to be responsive. We believe the visitor should have a great experience no matter what kind of device is being used to view a site. There’s nothing that annoys visitors more than having to scroll sideways as it interrupts the flow of reading.

You may notice that although the HTML validates, the CSS does not. This is mainly due to vendor prefixes which are currently required to get CSS3 features working in older browsers. As time goes on and people upgrade their browsers, this kind of code will become more and more redundant but for now, it’s a necessary evil. While I’ve got my web designer hat on, it’s probably a good time to remind you to ditch Internet Explorer for a better internet experience.

When we’re designing a site, validation isn’t top of our list. Our view looks something like this:

  1. User experience
  2. Search engine optimisation
  3. Load time
  4. Accessibility
  5. Valid code

We’re not alone in this view, some of the most popular websites of today do not validate: Apple, Facebook, Google, YouTube, Twitter, Yahoo, Number 10, Digg, The Times, Microsoft and ebay all have pages that don’t validate. That’s not to say you shouldn’t bother trying, just don’t put it above all else. After all, valid code doesn’t mean good code just as invalid code doesn’t mean bad code.

If your website could do with a makeover, be it in look and feel, to make it responsive or just for SEO, contact us today for a no obligation quote.