Today’s little project – a tool to allow me to play around with CSS image filter effects in real time. Just wiring together some quick Angular, some CSS and a slider directive and we have a little tool to see the effect of different filter combinations in real time. Click the screenshot to go there…
We have a pretty cool start-up here in Bristol called Wriggle whose aim is to help local restaurants fill free tables by offering discounts through the Wriggle mobile app (and now website). The additional advantage for these businesses is that people pay up front so it also avoids the problem of “no-shows”. It’s a bit like Groupon but more local and with less spammy offer for underwear and beauty treatments.
The Wriggle app will show you what deals you can get near you but I wanted to know what the best deal is in terms of the discount itself so I built a quick Angular application – The Wriggle Discounts Super Lister! – that pulls the data from Wriggle’s underlying API and allows me to resort the data by % saving or saving in £s. I can also sort by popularity to see what deals other people are snatching up (mostly Pizzarova at the moment!) or by deals that are running out that I might want to snap up before they’re gone.
Just another random little toy project! Click on the screenshot to check it out. I’m particularly proud of the loading gif…
At the core, all successful businesses sell some combination of money, status, power, love, knowledge, protection, pleasure, and excitement. The more clearly you articulate how your product satisfies one or more of these drives, the more attractive your offer will become.
Josh Kaufman absolutely nailed it with the quote above taken from his excellent book The Personal MBA. It’s so important to understand between the lines the needs of your customers and explicitly show them how buying what you’re selling will meet a need or solve a problem in one of these areas.
People don’t buy products, they buy solutions to problems.
That last sentence is so fundamental, I’m gonna let it sit there in a paragraph of its own! Nobody buys anything just for the sake of having it – they’re looking for some sort of physical or metaphysical return on their investment.
For a single product there may be quite different needs/desires to meet between different customers – that’s great – now you know that your pitch needs to be different for each of them! Look at the quintessential salesperson, the used car dealer – to them the same car could be any number of things – “safe and reliable”, “top of the range”, “lovely colour”, “nippy in the corners”, “roomy in the back” – depending on their assessment of who the customer is. It may even be all of the above when selling to mum, dad and the kids!
So work it out, know which of these underlying things your selling when you’re selling and make sure your potential customer knows why your product offers them more in these areas than someone else’s.
Here are a few examples of where different sectors fit into this model. Try to identify which fit with your own business.
Money – financial services, advertising, coupons
Status – fashion, luxury goods
Power – headhunters, political fundraising!
Love – dating, deodorants, cars, gyms, trashy magazines!
Knowledge – consultancy,
Protection – insurance, safety features
Pleasure – games, hobbies, ice cream
Excitement – theme parks, gadgets, dating
I haven’t had as much time as I’d like to play with Firebase recently but I was interested to read about the upgrades they announced yesterday at Google I/O.
First off, they’ve re-designed the UI into Google style:
But there’s a whole host of new features too…
Google Cloud Messaging has been re-branded Firebase Cloud Messaging (a vote of confidence in the Firebase brand). It’s free and unlimited and supports messaging on iOS, Android and web apps. They’ve also dropped in Firebase Notifications on top of that.
The new Firebase Analytics platform for iOS and Android draws heavily on Google Analytics and is sure to be a hit with app developers for ease of implementation (looks like you pretty much drop in a reference and it’s up and running) and they’ve made it easy to integrate your app with Google’s 2010 mobile ads acquisition AdMob.
Firebase Remote Config also looks really interesting for app devs, allowing you to change app configuration remotely without an app update and segmented by user groups. Nifty.
They are a few more interesting features too. It’s all in the announcement on the Firebase blog.
This page in the Firebase docs is a useful starting point for working out which features are useful to app developers or web developers.
I’ve read a lot of books about new business processes and start-ups in the past year or two. Here are four that bring insights every few pages rather than the ones that stretch out a single insight into a whole book (you know who you are!).
The Personal MBA
Josh Kaufman’s “The Personal MBA” is dense with useful information for whichever aspect of business you’re currently concerned with – finances, product development, sales & marketing, all of the above! – it’s all in here with lots of concise single-topic chapters rather than long general groupings making it an ideal reference book to return to as your business develops or fresh problems arrive on your desk.
I’ve believed for a while now that humans are narrative-driven beings. David Hieatt is a man who knows how to tell a good story. He started his career at Saatchi (advertising is just story-telling!) and went on to create the successful outdoor clothing brand Howies and subsequently luxury jeans brand Hiut Denim. Do Purpose is his condensed manifesto for creating meaningful businesses – businesses that serve their customers and make the world better (and, sure, hopefully make a profit). An easy-read that only takes a couple of hours. One that I turn to when my enthusiasm needs a shot in the arm.
The Lean Startup
One of the reasons I’ve enjoyed playing with Angular is the power it gives you to rapidly take an idea from paper to a working (or semi-working) prototype. Taking and applying the concepts of “Minimum Viable Product”, iterative design, continuous deployment and measuring the impact of your changes on your early customers, this book opened my eyes to a new way of turning around innovation quickly and efficiently.
The Idea in You
A book full of case-studies of people who’ve taken a spark of inspiration and carried it through to a successful business – some small lifestyle businesses, others much larger – as well as plenty of practical exercises and encouragement to help you take your big idea, evaluate its pros and cons and work out how to stop dreaming and start doing.
I was looking for a good and free charting component I could use in Angular. I’ve played around with some raw D3 in the past but I didn’t want to re-invent the wheel that much. Fortunately I found the NVD3 library which works on top of D3 to simplify common charting tasks line line charts, bar charts, etc and, even better, somebody’s already created an Angular directive on top of that.
…click here to read the rest…
It’s pretty common that we want to convert between a given address or postcode, a lat/long coordinate or a place name. For example to show the user’s current city or town we’d need to get their lat/long from their browser through the HTML Geolocation API and then we’d need to somehow work out what town or city that corresponds to. Or to search on a map for a certain town or city, we need to convert that into coordinates that we can use to set our map centre.
…click here to read the rest…
For an Angular project I’m working on, I’m building a pretty standard map with map markers using Leaflet.js and the excellent angular-leaflet-directive. I was happily working away with the standard Open Street Map tiles but as I started to add my markers I decided the tiles were a bit too cluttered with labels, landmarks, etc and started looking for a cleaner option.
I’d seen Stamen’s Watercolor map tiles before on a design blog so thought I’d see if I could get them working. It was easy enough to just replace the Leaflet baselayer tiles URL to reference the Stamen map tiles instead and that looks really nice – I may use this as the default in my project – but because of the slightly impressionistic nature of the map images, I also wanted to give the user some way to hook into what they were looking at by adding the option to show some road names.
Fortunately Stamen had my back again with their Toner Labels map tiles which just contain country/road/street names but no map features. If I could overlay these labels on my Watercolor map images, I could have the best of both worlds!
This idea is simple but it took me a lot longer to implement than it should have. Partly due to my unfamiliarity with both Leaflet and the angular-leaflet-directive and partly due to the lack of good examples of how to layer multiple map tile sets and how to define layer options on multiple tile layers. As is often the case, the final code was quite simple once I worked out how to wire it all up.
I’ll be using this within a wider Angular app but I put together a simplified demo page for your viewing pleasure. Here’s an embedded demo or you can see it in all it’s full window glory here: Beautiful Leaflet Stamen Tiles Map Demo
IKEA’s BILLY bookcase 80x28x106cm in birch veneer. A design classic. £45 for the everyman’s unobtrusive storage solution. Over 40 million BILLY bookcases sold since they were created in 1979. But how many of them are there in the my local branch of IKEA at the moment?
Not the most important question in the world but a useful one to do a quick demo of how to automatically pull data out of an API in PHP at a regular interval and store it in a database (MySQL in this case) – something that we commonly want to do to compile data-sets where live data readings are provided but historical data is not.
Where is my data?
The first thing to know is where we can get our live data. In the case of the IKEA website, there is a live stock check in the right hand column where you can select a particular store and see availability for the selected product. Here’s the location of the birch veneer BILLY bookcase on IKEA’s website: http://www.ikea.com/gb/en/catalog/products/80279786/. Note that final 8 digit number – that’s our unique product ID.
…click here to read the rest…
I was looking for a new ruler online (I know, exciting times!) when I came across these steel UI Stencils for iPhone / Android / website interface design…
I’m a big fan of sketching things out with a pencil and paper first but I’m also not that great at drawing so these are right up my street. Just wish I could find a UK supplier. Anyone know of one?