Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Finding harmony in web development
1. Finding harmony in web
development
Chris Heilmann - London Web Meetup, February 2011
2. You are in a strange
place.
To the west is a
rock, to the east is
a hard place, to the
north is the Devil
and the south is the
Deep Blue Sea.
Command:_
8. Basic Hypertext model:
Document Document Document
Text text Text text
Text text
text link text link
text text load
text text load text text
link text
text link text link
link text
text text
41. The holy trinity according
to the book of Zeldman.
Behaviour
(JavaScript)
Presentation
(CSS)
Structure (HTML)
42. The reality according to
people you ask these days.
JavaScript
libraries,
polyfills, templating
languages and “real
languages” translated to JS.
CSS - created with a meta language as
it lacks variables and stuff.
Some HTML Placeholder stuff
43. Of course depending on
what they do...
jQuery!
CSS OMFG!!!! CSS3
Transition and Animation
and Shadows and fonts!
OMG OMG OMG!
clean HTML from Expression Engine or Wordpress.
44. We tend to define tech by
how we use it rather than
what it is meant to do.
46. What is HTML?
★ JavaScript’s bitch (empty elements, links
pointing nowhere, content to show and
hide)
★ A static database (microformats, semantics
of awesome)
★ The thing Google loves
★ The end result of using real languages on
the server.
★ Outdated
47. What is CSS?
★ Something to style and animate with - really
the thing that makes the web interesting.
★ Something to simulate layouts with and
hope they work.
★ Not good enough - it needs variables and
constants and mixins and all the other cool
thing real languages have.
★ Broken
48. What is JavaScript?
★ The predecessor to jQuery.
★ Dangerous - use noscript.
★ Awesome, use it with node.js to see why it
rocks.
★ Too hard to learn.
★ Broken. Time to use LUA/Python/Ruby/
Coffescript instead.
★ The thing Crockford understands.
64. Unknown overheads:
★ Portability.
★ Training of all involved.
★ Explanation of abstraction layers for
maintainers.
★ Performance impact (can the client/
server handle it?).
★ Impact on UX/PM.
65. Another
flaw
in
the
human
character
is
that
everybody
wants
to
build
and
nobody
wants
to
do
maintenance.
Kurt
Vonnegut,
Hocus
Pocus
67. “If
you
animate
things,
do
it
in
CSS!
CSS
transitions
and
animations
are
are
faster
as
they
are
hardware
accelerated
and
people
don’t
need
to
learn
JavaScript!”
68. “Using
a
Mac
is
the
best
thing
you
can
do
right
now,
but
be
careful
as
everything
is
faster
and
looks
much
smoother
there!
Test
in
a
VM,
too!”
69. “Chrome
is
currently
the
fastest
browser
-‐
no
point
in
using
any
other
if
you
want
to
build
things
fast.”
71. On
desktops,
using
CSS
transitions
for
motion
or
CSS
keyframes
for
animations
were
slower
than
simply
using
JavaScript
for
these
tasks.
Worse,
they
often
generated
noisy
framerates,
so
they
are
not
a
good
solution
for
games
in
desktop
browsers.
https://developers.facebook.com/blog/post/460