Slide 1

Slide 1 text

Originally presented by Andy Clarke at Highland Fling, Edinburgh, 2007 Beyond progressive enhancement Andy Clarke is a digital designer, speaker, and writer whose designs have helped companies around the world to increase their sales pipeline and revenue, and charities to increase donations. He founded Stuff & Nonsense and has consulted and designed for clients including Disney Store UK, Fairfax Media, Home Office (UK), Greenpeace, ISO, SAP, STV, SunLife, WIPO, and WWF. He works on creative website and digital product designs and provides ongoing creative direction. He coaches agencies and mentors designers on dealing with clients, and delivering creative projects. If you’re looking to design better digital products and websites, develop a design system or style guide, or want to understand how design can help your business, you should talk to him. Stuff & Nonsense Ltd. Eversleigh, Lon Capel, Gwaenysgor, Flintshire, LL18 6EJ, UK For work enquiries go to stuffandnonsense.co.uk or call +44 (0)1745 851848

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 Portrait
by
Patrick
Lauke

Slide 4

Slide 4 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 5

Slide 5 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 Beyond beyond progressive enhancement http://stuffandnonsense.co.uk/downloads/highlandfling.zip - andy clarke

Slide 6

Slide 6 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 Progressive
enhancement
presents
a
viable
 approach
by
enabling
the
delivery
of
information
 as
demanded
by
the
users,
while
embracing
 accessibility,
future
compatibility,
and
 determining
user
experience
based
on
the
 capabilities
of
new
devices. Triangle
TechJournal,
September
2003 http://hesketh.com/publications/progressive_enhancement_paving_way_for_future.html progressive
enhancement

Slide 7

Slide 7 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 8

Slide 8 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 9

Slide 9 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 Progressive
rock
acts
often
combine
rock
formats
 with
elements
of
classical
music,
or
sometimes
 with
styles
such
as
jazz,
usually
rejecting
norms,
 and
instead
utilizing
relatively
uncommon
 musical
structures
and
ideas.
 http://en.wikipedia.org/wiki/Progressive_rock progressive
rock

Slide 10

Slide 10 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 Progressive
rock
acts
often
combine
rock
formats
 with
elements
of
classical
music,
or
sometimes
 with
styles
such
as
jazz,
usually
rejecting
norms,
 and
instead
utilizing
relatively
uncommon
 musical
structures
and
ideas.
 http://en.wikipedia.org/wiki/Progressive_rock progressive
rock

Slide 11

Slide 11 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 12

Slide 12 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 ‐
preposition 1.

on,
at,
or
to
the
farther
side
of 2.

farther
on
than;
more
distant
than 3.

superior
to;
surpassing;
above http://dictionary.reference.com/browse/beyond beyond

Slide 13

Slide 13 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 ‐
verb
(used
with
object) 1.

to
raise
to
a
higher
degree;
intensify;
magnify 2.

to
raise
the
value
or
price
of http://dictionary.reference.com/browse/progressive enhancement

Slide 14

Slide 14 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 ‐
adjective continuously
increasing
in
extent
 or
severity,
as
a
disease http://dictionary.reference.com/browse/progressive 12
results
for:
progressive

Slide 15

Slide 15 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 ‐
adjective favoring
or
advocating
progress,
change,
 improvement,
or
reform,
as
opposed
to
 wishing
to
maintain
things
as
they
are http://dictionary.reference.com/browse/progressive progressive

Slide 16

Slide 16 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 ‐
adjective making
progress
toward
better
conditions;
 employing
or
advocating
more
enlightened
or
 liberal
ideas,
new
or
experimental
methods,
 etc.:
a
progressive
community http://dictionary.reference.com/browse/progressive progressive

Slide 17

Slide 17 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 ‐
adjective going
forward
or
onward;
passing
successively
 from
one
member
of
a
series
to
the
next;
 proceeding
step
by
step http://dictionary.reference.com/browse/progressive progressive

Slide 18

Slide 18 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 ‐
noun a
person
who
is
progressive
or
who
favors
 progress
or
reform http://dictionary.reference.com/browse/progressive a
progressive

Slide 19

Slide 19 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 While
I
understand
that
for
many,
learning
 standards
based
development
is
difficult,
 particularly
for
creative
people
who
have
not
 been
required
to
work
with
code
before,
I
 believe
that
the
time
has
now
passed
for
those
 working
with
old
fashioned
methods
to
be
called
 web
professionals. http://accessify.com/2005/11/interview‐with‐andy‐clarke‐aka.php Accessibility,
the
gloves
come
off

Slide 20

Slide 20 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 21

Slide 21 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 22

Slide 22 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 23

Slide 23 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 24

Slide 24 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 25

Slide 25 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 26

Slide 26 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 “As
proposed
by
Andy
Clarke
in
his
blog
[1],
the
 'column‐rule‐image'
property
has
been
added
 to
the
spec.
The
examples
are: body
{
column‐rule‐image
:
url(rule.png);
} body
{
column‐rule‐image
:
url(rule.png)
repeat‐x
0
0;
}” Håkon
Wium
Lie.
CTO
Opera
Software,
W3C
CSS3
Working
Group CSS3
Multi‐column
module

Slide 27

Slide 27 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 28

Slide 28 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 29

Slide 29 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 30

Slide 30 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 31

Slide 31 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 32

Slide 32 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 33

Slide 33 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 Illustrations
by
Holly
Lloyd

Slide 34

Slide 34 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 35

Slide 35 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 36

Slide 36 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 37

Slide 37 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 38

Slide 38 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 39

Slide 39 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 40

Slide 40 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 Stuff
and
Nonsense
Ltd.
will
test
these
templates
in
 current
versions
of
all
major
browsers
including
 those
made
by
Apple,
Microsoft,
Mozilla
and
 Opera.
Stuff
and
Nonsense
Ltd.
will
also
test
to
 ensure
that
these
templates
will
visually
appear
to
 be
‘similar’,
albeit
not
identical
in
Microsoft
 Internet
Explorer
6
for
Windows. contract

Slide 41

Slide 41 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 ...
will
not
test
these
templates
in
old
or
abandoned
 browsers,
for
example
Microsoft
Internet
Explorer
5
 or
5.5
for
Windows
or
Mac,
previous
versions
of
 Apple’s
Safari,
Mozilla
Firefox
or
Opera
unless
 otherwise
specified.
 Testing
and
the
writing
additional
code
for
these
 browsers
will
be
charged
at
the
daily
rate. contract

Slide 42

Slide 42 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 43

Slide 43 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007

Slide 44

Slide 44 text

Beyond
Progressive
Enhancement The
Highland
Fling,
Edinburgh,
2007 Beyond beyond progressive enhancement http://stuffandnonsense.co.uk/downloads/highlandfling.zip - andy clarke

Slide 45

Slide 45 text

No content