A Line in the Sand: Part 3 – A New Line

You remember last time I posted a code article I mentioned I was careful about biting off more than I could chew?

 

[adsense]

Continue reading

Pure CSS Parallax Scroll

Depending on who you talk to, parallax scroll may have run it’s course or may be the best thing since sliced bread. Personally, I think when used in interesting ways that enhance the user experience, it can be an effective and visually appealing tool. I also think it’s way overused and more often than not hinders the user experience.

Anyway, I stumbled across this article that can at least help get past one of the gotcha’s of parallax scrolling – performance. By using pure CSS you allow the user’s hardware to do almost all the heavy lifting, resulting in buttery smooth frame rates. You could even leverage media queries to do responsive parallax 😮

Check it out and let me know what you think in the comments below.

Dribbble Shot of the Day: Tell GIF Animation

by Ludmila Shevchenko

Dribbble Shot of the Day: Mobile UI Blueprint

by Lorenzo Buosi

A Line in the Sand: Part 2 – Weapons of Choice

Now I’ve drawn the line, it’s time to clearly define what tools I’m going to use to accomplish the task.

First up, I should point out that there are some key goals for this project:

  • It needs to be achievable – there’s no point going in all gung-ho and biting off more than I can chew so I’ll be sticking to languages I know already, but will use new frameworks and API’s to get the job done.
  • I’d like it to be a mobile app first – I may move on to creating a desktop version later.
  • Given that I don’t know enough Objective-C or Java to create native iOS or Android apps, I’ll be sticking to web based tech….for now.

Having thought about it for a couple of days and done a little research into each of the potential technologies I could use, this is how I think it will pan out:

Primary Framework: Angular.js

There’s interest in using this framework in my day job and it’s something I’ve had my eye on for a while. It’s also JS based which means I don’t have to learn a new language from scratch.

Secondary Framework: Ionic

In wanting to keep this mobile for now, I was looking for a framework that was specifically built with mobile in mind. Ionic seems to fir the bill perfectly and it’s optimised for Angular.js

Primary API: ebay

Clearly if I want to create a client that lists your ebay watch list, I have no choice here 😀

With this high level stuff in place, next time we will look at drawing up some basic wireframes.

 

Dribbble Shot of the Day: 2.0 Dash Light Theme

by Daniela Meyer

Dribbble Shot of the Day: Icosahedron Spheres

by Mason Yarnell

A Line in The Sand: Part 1 – The Line

I made a conscious decision this week to try some new coding tech. In the few days since making that decision I’ve been wrestling with what form this “new tech” will take and I think I’ve come up with something…

 

[adsense]

Continue reading

Book Review: Backbone.js Blueprints

Backbone Blueprints

 

I was initially a little worried – chapter 1 starts by throwing you in at the deep end with some server side code to set up the infrastructure for the first example app – a blog and commenting system. I need not have worried…

 

[adsense]

Continue reading

Dribbble Shot of the Day: Clover.gif

by Mathew Lucas