Nothing to say here!

Creative Solutions

Webspiration

by

Johannes de Boer

Topics


History of the Internet
HTML5 Stuff
CSS Tricks & Innovations
.js Technologies
The Goodbye list

Join the 2nd classroom

I will explain how it works
& and how you can use it!

j.mp/knt_webspiration

History of the Internet

Web browsers

  • 1991 : First browser
  • 1994 : Netscape Navigator (base for Mozilla Firefox)
  • 1995 : Microsoft Internet Explorer

What is your browser?

Chrome
Firefox
Internet Explorer
Other

Search Engines

How do you search?

Chrome
Bing
Yahoo
Other

RSS

1999
RSS feeds enable publishers to syndicate data automatically

The Real-Time Stream

Peer-to-peer

AJAX

WI-FI

How many WI-FI enabled devices do you have?

0
1
2 or 3
4 and more

HTML5 Stuff

CSS Tricks & Innovations

Rotating images with CSS

HTML5 Canvas

HTML5 Online learning tool

Ball Pool


Mesmerizer

Sass

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

HTML5/CSS3 Solar System

link

.js Technologies

From server to browser


















link

harp

jQuery

Best of all worlds

Soul Reaper

The list

Mobile versions of websites

55%
of all internet usage in USA
is through mobile devices
NOT 2 seperate versions!

m.cnn.com & www.cnn.com

Text-heavy sites

IF text-based is necesarry THEN richer content experiences

Flat Design & 200 ppi +



Flat Design & 200 ppi +

  • retina displays
  • old designs look poor
  • develop for 200pi +


Flat user interfaces look better then gradients and shadows on these screens



Wrap Up

  • Many innovations in web technologies
  • Relatively easy to implement with basic HTML/CSS knowledge
  • Don't try to invent the wheel

  • Browsers becoming more powerfull

  • Keep track of desing standards

  • By Q2.4 you could make Soul Reaper

Thanks!

How much did you enjoy the 2nd classroom?

1: boring - 10: great

Johannes de Boer

Room: G6.25 & W3.34

j.deboer@saxion.nl

PCS Webspiration

By Johannes de Boer

Made with Slides.com

PCS Webspiration

  • 31

More from Johannes de Boer