Jules McDEEeeeeeeee

FNL YR PRJCT

Month: February, 2013

NERD LYF – Google Geo Developers Blog

Following some videos, examples and Q&A via the Google Geo Developers Blog

http://googlegeodevelopers.blogspot.ie/

Screen Shot 2013-02-25 at 13.51.20

BELIEVE IN YOSELF.

belief |biˈlēf|

noun

1 an acceptance that a statement is true or that something exists: his belief in the value of hard work | a belief that solitude nourishes creativity.

• something one accepts as true or real; a firmly held opinion or conviction: contrary to popular belief, Aramaic is a living language | we’re prepared to fight for our beliefs.

• a religious conviction: Christian beliefs | I’m afraid to say belief has gone | local beliefs and customs.

2 (belief in) trust, faith, or confidence in someone or something: a belief in democratic politics | I’ve still got belief in myself.

PHRASES

be of the belief that hold the opinion that; think: I am firmly of the belief that we need to improve our product.

beyond belief astonishingly good or bad; incredible: riches beyond belief | the driving we have witnessed was beyond belief.

in the belief that thinking or believing that: he took the property in the belief that he had consent.

to the best of my belief in my genuine opinion; as far as I know: to the best of my belief, Francis never made a will.

ORIGIN Middle English: alteration of Old English gelēafa; compare with believe.

Tech

So on further investigation into how I’m going to get this MEGA ball rolling, I discovered that the best way to build my app will be using Dreamweaver. On the Phonegap website, they had starter guides for each OS system (iOS, Android, Windows). As I want to build an iOS app, I read over their starter guide and quickly realized the complicated process that was ahead of me with even setting the bloody thing up. Apple suggest that you build using Xcode, which is their own development environment for creating apps.

However, that is a road I dont really want to go down. I’m best sticking to what knowledge of coding I already have a working from there. So working with HTML5, CSS, Javascript and the Jquery Mobile UI Framework is the way to go.

https://build.phonegap.com/

http://jquerymobile.com/

http://jquerymobile.com/demos/1.3.0/

Some reading and tips

KEY ELEMENTS FOR A SUCCESSFUL MOBILE USER EXPERIENCE

‘It’s not worthwhile to save the space with a smaller font – I’d honestly rather scroll down a longer page with much larger type.’

‘If you code a fixed top navigation bar you should include a logo somewhere in the middle. This is a typical convention with iOS apps, and it can be accomplished with HTML5/CSS3 as well.’

http://speckyboy.com/2012/07/25/key-elements-for-a-successful-mobile-user-experience/

CREATING PIXEL PERFECT UI FOR IPHONE APPLICATIONS

GOD DAMN – ‘Originally you only needed to create 3 different icon sizes – 512px for the App Store, 57px for home screen display and 29px for search results. But this number has nearly quadrupled to eleven different icons if you design for iPhone, iPhone 4 retina, and iPad.’

http://speckyboy.com/2011/11/28/creating-pixel-perfect-ui-for-iphone-applications/

Hey Michaelangelo, how did you create the statue of David?

It is easy. You just chip away the stone that doesn’t look like David.

– Michaelangelo

Cya later ‘skeuomorphism’.

One of the biggest design trends for web at the moment, is ‘flat’ design.

“Flat design means designing without the usual gradients, pixel perfect shadows, and skeuomorphism that’s been rampant in recent years to achieve what appears to be a ‘flat’ interface.” – Specky Boy

This kind of design, where bold colours and shapes do the talking, gives me a warm fuzzy feeling inside. I have never really been a fan of gradients and shadows, so this stuff really speaks to me.

“…as interactive designers—we should embrace the medium with which we work, and steadily reject the skeumorphic, dropshadow-y hellhole we’ve found ourselves in.”

– Daniel Howells

In terms of mobile UI, this looks great. Its bold and blocky, making for easy navigation and nice content structure.

http://speckyboy.com/2012/12/11/the-flat-design-aesthetic/

This article above is a great little read on this new design trend, and why design was so stuck to the skeumorphic aesthetic.

http://speckyboy.com/2013/01/23/flat-design-in-web-design/

Mobile Patterns

http://www.mobile-patterns.com/

Great site for browsing various types of layouts, from lists, to feeds, to maps, to galleries. It covers it all. Excellent source for reference.

Screen Shot 2013-02-19 at 16.07.54

CODING.

Today I started coding. I am working in Dreamweaver with HTML5 and the JQuery Mobile UI framework.

I’m working with my wireframes to help me construct my web app. Constantly referencing the JQuery Demos and any other sources online are essential to bringing this together.

http://jquerymobile.com/demos/1.2.0/

RULEZ.

Some interesting reading on UI standards

http://speckyboy.com/2011/11/28/creating-pixel-perfect-ui-for-iphone-applications/

http://www.idev101.com/code/User_Interface/sizes.html

And of course….

http://developer.apple.com/library/ios/#documentation/iphone/conceptual/iphoneosprogrammingguide/Introduction/Introduction.html

GUI KITS

HANDY LIL NUMBER.

http://speckyboy.com/2010/12/28/iphone-development-gui-kits-wireframe-stencils-and-icons-revisited/