Categories
Travel Web Design

Cape Town to Norway

It has been a full year since I left the sunny shores of Cape Town for a new adventure in Norway. I am enjoying the Norwegian experience very much. The cold is not as bad as “they” say, or maybe you get used to it.

I do miss my friends and colleagues from my time at Superbalist and World Wide Creative in Cape Town.

Superbalist… good times

World Wide Creative… more good times.

I have learned so much from both of these experiences. Worked with some very smart humans on some amazing products and services. For that I am truly grateful.

Noroff Fagskole

Fast Forward to today. I have taken a new role as a Front End Development teacher at the best tertiary educational institution in Oslo. Our focus is on the fundamentals in JavaScript, CSS, HTML and design. We give our students a good mix of theory and practical hands on experience.

I am so proud of the students and their work I had to mention it here.

The Diamond Awards an internal awards ceremony dedicated to celebrate student work.

First prize went to Farida for the end of year project contribution. Tasked to build a microsite to help promote interest in space and space travel.

The requirements for the website were to use a 3rd Party API (Space X or Nasa) and write vanilla JavaScript, CSS and HTML.
Small print: Noroff and I are in no way affiliated with Space X or Nasa. We just love space and JavaScript.

1st place

https://faridaalin.com/project_exam/index.html

Click here to view.

While there was no prize for 2nd and 3rd place officially in the competition. As voted by Noroff 2nd place went to Therese and 3rd place to Sam.

2nd place

https://lybo.dev/projex1/

Click here to view

3rd place

https://noroff.samemami.com/spacex/

Click here to view

I am really proud of all my students. I am looking forward to a new year startup in August for our 2nd year of a 2 year program.

See you all soon.

If you are still here enjoy some photos I’ve taken of Oslo =>

Categories
Web Design Web Development

Getting Up To Speed With Website Performance Optimisation

mf-article

Take a moment to think about a website you regularly frequent. What would you say its most important feature is? Is it the design? Is it the user experience?

Is it the content? This question would undoubtedly solicit a wide range of conflicting opinions from different online users. However, in reality what users care most about is a website’s load time. Users generally expect websites or apps to load in a couple of seconds or less. Anything longer than that and the user may be lost to a competitor’s website or app.

Read the full article & the rest of the Heavy Chef Digital Quarterly Review: http://heavychef.com/en/magazine/development-edition/

Categories
Web Design Web Development

Responsive web design

Respnsive web design is here has been here for a while now.

I have been actively researching an testing different templates and boilerplate systems and ths is what I have come up with.

Zurb Foundation is clear front runner in my humble opinion, easy to learn, easy to use, easy to understand and truly lives up to its billing of true rapid prototyping.

Check it out…
[button link=”http://www.foundation.zurb.com” size=”small” target=”self”]http://foundation.zurb.com[/button]

Below are some other frameworks, blog posts you might like to look in to :

[tabs tab1=”Frameworks” tab2=”Blog posts” tab3=”Books & Tools”]
[tab]
320andup
[button link=”http://www.stuffandnonsense.co.uk/projects/320andup/” size=”small” target=”self” color=”purple”]http://stuffandnonsense.co.uk/projects/320andup/[/button]

Gridsetapp
[button link=”http://www.gridsetapp.com” size=”small” target=”self” color=”orange”]http://gridsetapp.com[/button]

Semantic
[button link=”http://www.semantic.gs/” size=”small” target=”self” color=”green”]http://semantic.gs/[/button]

Columnal
[button link=”http://www.columnal.com/” size=”small” target=”self” color=”black”]http://www.columnal.com/[/button]

Foldy960 – A responsive 960 grid from Paravel
[button link=”https://www.github.com/davatron5000/Foldy960″ size=”small” target=”self” color=”red”]https://github.com/davatron5000/Foldy960[/button]

Simplegrid
[button link=”http://www.simplegrid.info/” size=”small” target=”self” color=”green”]http://simplegrid.info/[/button]

cssgrid
[button link=”http://www.cssgrid.net/” size=”small” target=”self” color=”blue”]http://www.cssgrid.net/[/button]

Getskeleton
[button link=”http://www.getskeleton.com/” size=”small” target=”self” color=”green”]http://www.getskeleton.com/[/button]

Goldengridsystem
[button link=”http://www.goldengridsystem.com/” size=”small” target=”self” color=”pink”]http://goldengridsystem.com/[/button]

Twitter bootstrap
[button link=”http://www.twitter.github.com/bootstrap/” size=”small” target=”self” color=”green”]http://twitter.github.com/bootstrap/[/button]

Responsivewireframes
[button link=”http://www.thismanslife.co.uk/projects/lab/responsivewireframes/” size=”small” target=”self” color=”blue”]Responsivewireframes[/button]

Styletil
[button link=”http://styletil.es/” size=”small” target=”self” color=”orange”]http://styletil.es/[/button]
[/tab]

[tab]
Mediaqueries
[button link=”http://www.mediaqueri.es/” size=”small” target=”self” color=”orange”]Mediaqueries[/button]

luke
[button link=”http://www.lukew.com/ff/entry.asp?1514″ size=”small” target=”self” color=”yellow”]http://www.lukew.com/ff/entry.asp?1514[/button]
[/tab]

[tab]
Responsive Design
[button link=”https://www.twitter.com/RWD” size=”small” target=”self” color=”purple”]https://twitter.com/RWD[/button]

Resizemybrowser
[button link=”http://www.resizemybrowser.com/” size=”small” target=”self” color=”red”]http://resizemybrowser.com/[/button]

Responsivepx
[button link=”http://www.responsivepx.com/” size=”small” target=”self” color=”orange”]http://responsivepx.com/[/button]

Responsiveplugin
[button link=”http://www.responsiveplugin.com/” size=”small” target=”self” color=”orange”]http://www.responsiveplugin.com/[/button]
[/tab]
[/tabs]

Categories
Design General Web Design

The Endless Fireworks vs. Photoshop Battle

I’ve found this really great post, i loved it so much i decided to repost it for all to enjoy. Fireworks vs Photoshop originally Written by Ivo.
[button link=”http://www.ivomynttinen.com/blog/the-endless-fireworks-vs-photoshop-battle/” size=”small” target=”self”]CLICK HERE TO READ FULL ARTICLE[/button]