Keynote at Codebits in Portugal, April 2014, explaining the how and why of Firefox OS and how to use it.
Video: https://videos.sapo.pt/ZYQyY57ZlB6lhgIdBzrs
“If Tetris has taught me anything, it’s that errors pile up and accomplishments disappear” is a common quote and it seems we’re living this to its full extend as web developers. We fail to celebrate the successes we have and the tools that are at our disposal but we’re never short of finding reasons why things don’t work. We also tend to pile on technology on technology to solve problems that may actually not exist and thus clog up the web. In this talk Chris Heilmann wants to remind us what we achieved and how we should celebrate it and how we should stop trying to solve problems that are simply beyond our control.
In the last year or so things changed drastically. Everybody uses an iPhone6, is connected 24/7 at high-speed without data caps, is healthy, has shiny teeth and loves spending money on your products. All you need to do is constantly innovate and you'll be a major success. The term for this is "the modern web". Another word for it is nonsense. There is a web people want and there is one that people use. We should start thinking about upgrading the one people use and stop chasing our own tail trying to mimick other environments.
5 Quick JavaScript Performance Improvement TipsTroy Miles
JavaScript is arguably the most important language in the world. It comes included in nearly every desktop and mobile browser. It powers the client-side of apps like Facebook and GMail. It is the language of choice for mobile development environments like Apccelerator's Titanium and Apache's Cordova (aka Adobe's PhoneGap). It is even on the server now in Node.js. Yet when programmer's run into performance issue with JavaScript their first inclination is to blame its interpreted nature, not realizing that simple changes in the structure of their code can result in sometimes significant improvements in performance. In this session I will show five quick changes you can make to your JavaScript code to improve its performance and explain why they work.
Advancing JavaScript without breaking the web - MunichJSChristian Heilmann
ES6 and other extensions to JavaScript are exciting, but they have the problem that they are not backwards compatible. How can we deal with that issue? Or is it really one?
JavaScript : What is it really? AND Some new features in ES6Aayush Shrestha
I built this presentation for Prime ICT Meetup that happened in Kathmandu on June, 2016.
Here, I talk about What JavaScript really is and about some new features introduced in ES6.
The first part of the slides are taken/influenced from David Crockford's talk called "Really. JavaScript" : https://www.youtube.com/watch?v=lTWGoL1N-Kc
Keynote at Codebits in Portugal, April 2014, explaining the how and why of Firefox OS and how to use it.
Video: https://videos.sapo.pt/ZYQyY57ZlB6lhgIdBzrs
“If Tetris has taught me anything, it’s that errors pile up and accomplishments disappear” is a common quote and it seems we’re living this to its full extend as web developers. We fail to celebrate the successes we have and the tools that are at our disposal but we’re never short of finding reasons why things don’t work. We also tend to pile on technology on technology to solve problems that may actually not exist and thus clog up the web. In this talk Chris Heilmann wants to remind us what we achieved and how we should celebrate it and how we should stop trying to solve problems that are simply beyond our control.
In the last year or so things changed drastically. Everybody uses an iPhone6, is connected 24/7 at high-speed without data caps, is healthy, has shiny teeth and loves spending money on your products. All you need to do is constantly innovate and you'll be a major success. The term for this is "the modern web". Another word for it is nonsense. There is a web people want and there is one that people use. We should start thinking about upgrading the one people use and stop chasing our own tail trying to mimick other environments.
5 Quick JavaScript Performance Improvement TipsTroy Miles
JavaScript is arguably the most important language in the world. It comes included in nearly every desktop and mobile browser. It powers the client-side of apps like Facebook and GMail. It is the language of choice for mobile development environments like Apccelerator's Titanium and Apache's Cordova (aka Adobe's PhoneGap). It is even on the server now in Node.js. Yet when programmer's run into performance issue with JavaScript their first inclination is to blame its interpreted nature, not realizing that simple changes in the structure of their code can result in sometimes significant improvements in performance. In this session I will show five quick changes you can make to your JavaScript code to improve its performance and explain why they work.
Advancing JavaScript without breaking the web - MunichJSChristian Heilmann
ES6 and other extensions to JavaScript are exciting, but they have the problem that they are not backwards compatible. How can we deal with that issue? Or is it really one?
JavaScript : What is it really? AND Some new features in ES6Aayush Shrestha
I built this presentation for Prime ICT Meetup that happened in Kathmandu on June, 2016.
Here, I talk about What JavaScript really is and about some new features introduced in ES6.
The first part of the slides are taken/influenced from David Crockford's talk called "Really. JavaScript" : https://www.youtube.com/watch?v=lTWGoL1N-Kc
Understanding Cross Platform Behaviour Across Multiple ScreemsNigel Mark Dias
90% of all media interactions today are screen-based. There are two distinct ways people move among screens to get stuff done: simultaneously and sequentially. Google's study shows how these two modes of interaction trigger specific behaviors such as online shopping, & which devices people are using at the various stages of these interactions.
Business Process Optimization Philosophy IB Work Better June 2014Stephen Tavares
This presentation outlines Philosophy IB's method relating to business process design and improvement. We take a people-centric approach to business process optimization activities with a focus on process implementation.
Resumo para Modelagem/Mapeamento de Processos de NegóciosCompanyWeb
Neste tempo de muita correria, rsss, tudo para 'ontem', fizemos um guia resumindo as atividades essenciais para Mapear Processos de Negócios, veja como ficou.
From Strategy to User Experience - Meeting Design is EverythingSocial Tables
Meeting design means different things to different people. Through interactive exercises, open discussion, and fast-paced mini-lectures this experiential session will push participants to use strategic concepts and design best practices to produce better face-to-face experiences.
We will start our session by defining meeting design. We will then cover a few industry trends that are impacting meeting design. We will discuss why design is important and why you’re missing out if you’re not using design tools at every step of the planning process.
Learners will leave armed with several frameworks that will help them think critically about meeting strategy, attendee experiences, and room layouts.
Apresentação sobre como desenvolver novos negócios com os clientes atuais e potenciais com base na geração de inteligência e identificação de perfis ideais de cliente, áreas/serviços mais demandados e indústrias representativas, dentre outras informações.
Process Mapping and Process Improvement for the Small Business OwnerMichiko Diby
This is a low-key, simple presentation for the small business owner.
Use this method to get a visual on bottlenecks, and create new processes that make work productive and fun.
Mobile Search Moments: Understanding How Mobile
Drives Conversions from Google & Nielsen.
Understanding mobile search, how mobile search drives
multi-channel conversions, how mobile search drives
behavior in the moment & perceptions of mobile
search ads.
Mapeamento de processos técnicas e vantagensmateuspizetta
Mapeamento de Processos: Técnicas e Vantagens.
Apresentação extraída e adaptada de um trabalho de consultoria realizado pelos consultores Mateus Pizetta e Aline Milani.
We hear it all the time in marketing teams and agencies, but is it really true? Are creativity and structure really mortal enemies?
Eleven marketing thought leaders weigh in and help set the record straight.
10 Paradoxical Traits of Creative PeopleFaisal Hoque
It is safe to say that more and more entrepreneurs are artists, and artists of all kinds are entrepreneurs. The trend is only on the rise as all things (art, science, technology, business, culture, spirituality) are increasingly converging. Creativity is the common theme that drives both entrepreneurs and artists alike. But creative people are often also paradoxical. Creative people are humble and proud. Creative people tend to be both extroverted and introverted. Creative people are rebellious and conservative. How creative are you?
Ready to go Mobile? Today's Mobile Landscape: Responsive, Adaptive, Hybrid, a...Jeremy Johnson
There are a number of options when going mobile, and it's not slowing down. Why choose one over the other? What are the strengths and pitfalls? What's right for your customers and users? We'll go over each option, with examples of how you can come to the right strategy around your mobile offerings.
HTML5 is here and we should use it right now. It is fun and interesting to look at cool CSS3, Canvas and Video demos but our main goal should be to make our day-to-day life easier by using the cool things browsers offer us right now. Learn about local storage, simplifying interfaces and using HTML5 right now!
DevDay 2013 - Building Startups and Minimum Viable ProductsBen Hall
DevDay (http://devday.pl),
20th of September 2013, Kraków
Video at http://www.youtube.com/watch?v=L4eTOvq2WmM&feature=c4-overview-vl&list=PLBMFXMTB7U74NdDghygvBaDcp67owVUUF
Dans cette présentation, Chris Heilmann nous parlera des problèmes liés à l'adoption de standards du web récents, et décrira des façons de contourner ces difficultés. Un exemple simple est le manque de prise en charge native de l'audio et de la vidéo, et les problèmes des implémentations actuelles.
La session illustrera concrètement comment régler des problèmes a priori sans solution en les attaquant sous un autre angle. Il s'agit essentiellement de trouver une façon pragmatique de vendre, implémenter et utiliser les standards plutôt que d'attendre que le marché adopte des technologies dont l'utilisation devrait être d'une évidence complète.
Présentation originale : http://www.slideshare.net/cheilmann/working-in-the-now-presentation/
As a developer here at Doghouse I have to always keep accessibility in mind, constantly reminding myself that there is no ‘average’ user and no such thing as ‘normal’.
Similar to Erase and Rewind - Open Web Camp 2015 (20)
We are obsessed with coding and creating automated workflows and optimisations. And yet our final products aren't making it easy for people to use them. Somewhere, we lost empathy for our end users and other developers. Maybe it is time to change that. Here are some ideas.
PWA are a hot topic and it is important to understand that they are a different approach to apps than the traditional way of packaging something and letting the user install it. In this keynote you'll see some of the differences.
Keynote at halfstackconf 2017 discussing the falsehood of the idea that in order to survive the automation evolution everybody needs to learn how to code. Machines can code, too.
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesSanjeev Rampal
Talk presented at Kubernetes Community Day, New York, May 2024.
Technical summary of Multi-Cluster Kubernetes Networking architectures with focus on 4 key topics.
1) Key patterns for Multi-cluster architectures
2) Architectural comparison of several OSS/ CNCF projects to address these patterns
3) Evolution trends for the APIs of these projects
4) Some design recommendations & guidelines for adopting/ deploying these solutions.
Bridging the Digital Gap Brad Spiegel Macon, GA Initiative.pptxBrad Spiegel Macon GA
Brad Spiegel Macon GA’s journey exemplifies the profound impact that one individual can have on their community. Through his unwavering dedication to digital inclusion, he’s not only bridging the gap in Macon but also setting an example for others to follow.
1.Wireless Communication System_Wireless communication is a broad term that i...JeyaPerumal1
Wireless communication involves the transmission of information over a distance without the help of wires, cables or any other forms of electrical conductors.
Wireless communication is a broad term that incorporates all procedures and forms of connecting and communicating between two or more devices using a wireless signal through wireless communication technologies and devices.
Features of Wireless Communication
The evolution of wireless technology has brought many advancements with its effective features.
The transmitted distance can be anywhere between a few meters (for example, a television's remote control) and thousands of kilometers (for example, radio communication).
Wireless communication can be used for cellular telephony, wireless access to the internet, wireless home networking, and so on.
APNIC Foundation, presented by Ellisha Heppner at the PNG DNS Forum 2024APNIC
Ellisha Heppner, Grant Management Lead, presented an update on APNIC Foundation to the PNG DNS Forum held from 6 to 10 May, 2024 in Port Moresby, Papua New Guinea.
This 7-second Brain Wave Ritual Attracts Money To You.!nirahealhty
Discover the power of a simple 7-second brain wave ritual that can attract wealth and abundance into your life. By tapping into specific brain frequencies, this technique helps you manifest financial success effortlessly. Ready to transform your financial future? Try this powerful ritual and start attracting money today!
3. WE ARE HERE AT THE OPEN WEB
CAMP, WHICH IS ABOUT A FEW
DREAMS I TRIED TO MAKE SURE
COME TRUE OVER THE LAST YEARS.
4. SIMPLE DREAMS,
GOOD DREAMS
THAT PEOPLE CAN
BENEFIT FROM…
✓ Maintainability
✓ Accessibility
✓ Predictability
✓ Flexibility
✓ Extensibility
5. WE, WHO WEAR THE
BATTLE SCARS OF
THE MEMORY OF
PRE-HTML5 AND
CSS DAYS SEE
SIMPLE
SOLUTIONS…
✓ Stick to web standards
✓ Bet on the open web
✓ Practice your craft
✓ Question everything and
don’t assume functionality
✓ If it has no URL, and can’t
be view-sourced or crawled,
don’t trust it - it is faux web.
6. AND, OF COURSE
WE HAD AN OLD
ENEMY THAT IS
EASILY TO BLAME
FOR ANYTHING…
7. I GOT SO ANNOYED
WITH THIS, THAT I
TOOK DRASTIC
MEASURES…
10. THE IDEA WAS TO GET
RID OF ALL THE BAD
IDEAS OF THE PAST…
✘ VML
✘ attachEvent()
✘ currentStyle
✘ X-UA-Compatible (render modes)
✘ IE Layout Quirks
✘ VBScript
✘ Conditional Comments
✘ MS-Prefixed Events
13. before
after
before
after
-webkit-appearance: none -webkit-gradient
EXPERIMENTAL? PROBABLY SAFE TO USE…
14. COPY + PASTE BEATS VALIDATION?
https://github.com/search?l=html&q=charset+%22UTF8%22&ref=searchresults&type=Code&utf8=%E2%9C%93
<meta http-equiv="content-type"
content="text/html;charset=utf-8" />
<meta charset="utf-8">
<meta charset=“utf8"> ✘
✔
> 600k times in use on GitHub!
15. THINGS I LEARNED
WORKING FOR
BROWSER MAKERS
✓ It is a constant race not to break the
web - every mistake web developers
make needs to get catered for.
✓ The pressure is immense. Instead of
pushing for an interoperable web,
browsers are constantly compared
and expected to be different.
✓ When implementing standards, we
find a lot of problems and feed them
back. That’s why a score of 100% in
feature tests makes no sense.
✓ Most speed increases are based on
analysing and fixing developer
mistakes/sloppiness.
17. MOST OF THE BEST PRACTICES WE
CELEBRATE HERE ARE PROMISES.
18. THE BIGGEST THING WE PROMISE
PEOPLE IS LONGEVITY AND RE-USE
OF THEIR WORK.
19. The web is not binary, one or zero, on or
off. It’s not a platform where you get one
hundred per cent or zero per cent. It’s
this continuum.
The web is not a platform.
It’s a continuum.
https://adactio.com/journal/6692
– Jeremy Keith
20. The web is not a
platform. It’s a
continuum.
– Jeremy Keith
✓ 100% true
✓ Deep, future-focused
thinking
✓ Insightful
✓ Inspiring
✓ Techno hippie horseshit
21. OUR PROMISES OF NOW AND
FUTURE SUCCESS AND
EVERLASTING RE-USE ARE NOT AN
INCENTIVE ANY LONGER…
26. MOBILE HAS BEEN SOLD TO
US AND BY US AS
TOTALLY DIFFERENT
• The app is a much better form factor
than web sites with URLs
• Everything needs to work offline
• Everything needs to be much simpler
interfaces - people are busy and on
the road
• Every app should take full advantage
over what the operating system and
hardware offers
28. REGARDLESS OF
HYPED NUMBERS,
MOBILE NATIVE
PLATFORMS ALLOW
YOU TO MAKE
MONEY…
✓ Mobile native platforms have a
monetisation plan that is not
“show some ads”
✓ It is incredibly easy to spend
money on iOS
✓ There is no preconception that
“everything is free”
✓ Releasing on iOS means you target
an affluent audience.
✓ Payments for upgrades are a
normal thing
29. WE ARE STILL FAR, FAR AWAY FROM
BEING ABLE TO DELIVER THAT…
✘
30. TROUBLE WITH THE MOBILE WEB…
www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks
31. TROUBLE WITH THE MOBILE WEB…
www.theverge.com/2015/7/20/9002721/the-mobile-web-sucks
33. ON MOBILE, THE
DECK IS STACKED
AGAINST THE WEB…
• Browsers are hard-wired and
update with operating
systems .
• Browsers are built by many
different players, all with an
own agenda.
• The more you control the
experience, the more
competitive you are.
35. DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
36. DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
• This is just a fad, it will go away.
• If we build our own operating system based on HTML5, the
others will learn from that and embrace it more.
• Surely the simplicity of web standards and the amazing
value of Microformats and properly structured HTML will
never cease to amaze new developers.
37. DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
38. IT IS THE FAULT OF
THE USERS!
They do all the things wrong like
using outdated browsers or
turning off JavaScript!
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
39. IT IS THE FAULT OF
THE CLIENTS!
They only want crap and nothing
exciting that pushes the
envelope!
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
40. IT IS THE FAULT OF
THE TOOL CREATORS!
We need to match what native
has in terms of tooling and then
we all can ride unicorns and have
ice cream!
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
41. IT IS THE FAULT OF
THE BROWSER
MAKERS!
They just don’t innovate quickly
enough to match what mobile
can do!
DENIAL ANGER BARGAINING DEPRESSION ACCEPTANCE
42. DENIAL BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
• Let’s build a stop phone gap solution - one that is designed
to become redundant to show mobile OS makers that the
web is ready if only it had access to hardware capabilities.
• Let’s define lots of APIs and form expert groups - surely
these will be embraced an implemented by OS providers
instead of coming up with their own ones!
• Let’s inject browsers with our apps into the platform -
(crosswalk-project.org). This worked wonders with
Chromeframe and Internet Explorer.
ANGER
43. DENIAL BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
• Let’s concede defeat - we can never match what native
offers, and never innovate as fast.
• Let’s consider a new career - goat farming, for example,
sounds like a great investment.
• Let’s try to find recognition elsewhere - maybe in a smaller
group of people who care about what I do.
ANGER BARGAINING DEPRESSION
44. DENIAL BARGAINING DEPRESSION ACCEPTANCE
THE FIVE STAGES OF MOURNING FOR THE OPEN
WEB IN A MOBILE WORLD.
• Maybe this is just another form factor - and we could use
our time to care for the web that is instead.
• Maybe there is space for more than one form factor - just
maybe. I mean, crazier things have happened, like multiple
ways to use a road.
• Maybe this is a time to reflect and improve what we have -
after all, there is a lot that needs fixing?
ANGER BARGAINING DEPRESSION
45. THE WEB IS DESIGNED TO WORK INDEPENDENT
OF HARDWARE, SOFTWARE, ABILITY OR LOCATION.
48. THE WEB IS FULL OF
RUBBISH, TIME TO
CLEAN IT UP INSTEAD
OF ADDING MORE…
49. THE PROBLEM IS
THAT WE HAVE LOST
OUR VOICE AND
FOCUS.
✘ Innovation happens a lot in
browsers and in a very
experimental fashion
✘ A lot is purely engineering driven
and relies on a lot of abstractions
✘ The starting point for developers
became much more complex
✘ It is a full-time job to keep up with
JavaScript/platform innovation
✘ Business reasons trump user
experience.
50. http://www.w3.org/TR/html-design-principles/#priority-of-constituencies
In case of conflict, consider users over authors over
implementors over specifiers over theoretical purity.
In other words costs or difficulties to the user should
be given more weight than costs to authors; which in
turn should be given more weight than costs to
implementors; which should be given more weight
than costs to authors of the spec itself, which should
be given more weight than those proposing changes
for theoretical reasons alone. Of course, it is
preferred to make things better for multiple
constituencies at once.
“
PRIORITIES OF CONSTITUENCIES…
51. ENOUGH WITH THE EMPTY
PROMISES
• The web is a given now - people don’t care
for it as much as we did in the past.
• This means that what we offer as solutions
need to have immediate benefits - not a
glorious future that might never come.
• We should analyse some of our best
practices. Sure, backwards compatibility
means we never break the web. But we
also carry ballast with us.
• People will use what is the most simple
first, then the things that are the right thing
to do. Let’s offer simplicity.
52. ENOUGH WITH THE
CONSTANT CRITICISM
• Let’s analyse the reasons why
someone violated our best practices.
• The squeaky wheel gets the oil, it also
gets replaced when it keeps
squeaking
• If the fix of the thing we criticise
doesn’t yield any overall benefit, we
won’t reach people at all.
• Sometimes the web can be the wrong
solution
54. LOVE COMES IN MANY FORMS…
• Understanding - our world has become much
more competitive and mainstream. We who
care about the web should help newcomers
calm down and see its flexibility as an
opportunity.
• Patience - we will see the same mistakes being
made over and and over again. Maybe this is a
right of passage, and beneficial as a learning
exercise.
• Kindness - it is easy to criticise and simple to
point out a flaw. It is more rewarding to connect
personally and ask for the reasons and offer a
solution.
55. LOVE COMES IN MANY FORMS…
• Interest - what makes people not go for open
web solutions? What is the thing the
alternatives give them?
• Openness - we never stop learning. Maybe
some of the things that sound ludicrous at first
can become a great idea with some tweaking.
• Sharing - many things we consider a given got
forgotten. Time to remind people. You start
teaching, you end up learning.
• Courage - we hear far too much from the
loudest and the most known. If you feel strongly
about something, speak up and tell us. We need
new, fresh voices!
56. THANK YOU!
CHRIS HEILMANN
@CODEPO8
Selfie Stick group: j0sh (www.pixael.com)
https://www.flickr.com/photos/87690240@N03/16322726941/
Stick and Carrot: Alan O’Rourke
https://www.flickr.com/photos/33524159@N00/17233999165
Skip by Denna Jones
https://www.flickr.com/photos/95267793@N00/2336623192
Pencil with rubber: Hometown Beauty
https://www.flickr.com/photos/73834369@N07/8408943093/
Stick, Carrot and heart: opensourceway
https://www.flickr.com/photos/47691521@N07/5537457133/
Goat: Chris Samuel
https://www.flickr.com/photos/94482242@N00/56574260/
Hyrax: Wikioedia
https://en.wikipedia.org/wiki/Hyrax
Platypus: BioDivLibrary
https://www.flickr.com/photos/61021753@N02/6260709968/
Return key: vapour trail
https://www.flickr.com/photos/54433196@N00/2765254958/