FITC Spotlight HTML5 - The state of the web

•

2 gostaram•1,798 visualizações

Frédéric Harper

Tecnologia Design

1. You know HTML5 and use it now

2. You know what is HTML5 and don’t use it

3. You are totally new to this

http://www.fanpop.com/spots/dcs-flash/images/9732789/title/flash-fanart

http://esselinkc.wordpress.com/category/uncategorized/

http://www.duncannuggets.com/2011/02/duncan-nugget-68-minor-situations-major.html

Performance Semantics Styling Multimedia

3D Effects Offline& Storage Connectivity Device Access

 Video  Drag-and-drop
 Document editing  Canvas
 Offline storage  Cross-document messaging
 CSS3 Media Queries  Audio
 Microdata  Semantics elements
 WOFF  Web Sockets
 Web Workers  AND MUCH MORE!
 Geolocalisation

<video src="video.mp4" id="videoTag">
<source src="video.webm" />
<a href="http://videolink.com/">
Your browser doesn’t support HTML5 video tag
</a>
<!– Flash/Silverlight video here -->
</video>

<div id=“header”>
<div id=“nav”>

“sidebar”>
<div id=“section”>

<div id=
<div id=“article”>
<div id=“article”>

<div id=“media”>
<div id=“footer”>

<header>
<nav>
<section>

<aside>
<article>
<article>

<figure>
<footer>

<style type="text/css">
@font-face {
font-family: MyFont;
src: url('Font.woff');
}
</style>

<div style="font: 24pt MyFont, sans-serif;">
Text that I want to use the font MyFont.
</div>

<link href="mobile.css" rel="stylesheet" media="screen
and (max-width:480px)“ type="text/css" />

<link href="netbook.css" rel="stylesheet“
media="screen and (min-width:481px) and (max-
width: 1024px)“ type="text/css" />

<link href="laptop.css" rel="stylesheet" media="screen
and (min-width:1025px)“ type="text/css" />

First draft Working draft Last call Recommendation candidate Recommendation

X X X X X Lowest Common
X X X Dominator
X X

X X X

X X

X X X X X Polyfill Enriched
X X X X X

X X

X X X

X X

X X X X X
Alternate
X X X X X Experiences
X X X X X

X X X X X

X X

 Try it
 Read on it
 Do cool project
 and have fun!

http://www.w3.org/TR/html5/
http://caniuse.com
http://www.modernizr.com/
http://makeawesomeweb.com
http://html5gallery.com
http://diveintohtml5.org/
http://www.beautyoftheweb.com
http://ie.microsoft.com/testdrive/

Frédéric Harper

Developer Evangelist @ Microsoft
fredh@microsoft.com
@fharper

http://webnotwar.ca
http://oocz.net

Mais conteúdo relacionado

Mais procurados

Doug Devitre's Favorite Word Press Plugins

Doug Devitre

Chrome OS presentation

melodyhe121

Presentation tools for the classroom 2011

Karen Brooks

ACSS: Rethinking CSS Best Practices

Renato Iwashima

DrupalCon Chicago - Best practices for cross-browser compatibility of Drupal ...

Ovadiah Myrgorod

Bootstrap 3 in Joomla!

Hans Kuijpers

Ed tech training

cananta

Herramientas de desarrollo e implementacion

Carlos Solis

The browser has been called the "most hostile software development environment imaginable." While at the same time, the ubiquity of the browser is exactly what makes a web application so powerful. A good web application is designed to run everywhere and for everyone. Today that means supporting more browsers on more devices than any time in history. This session will explore the challenges (and fun) of building sites in a multi-platform and multi-device world while still enabling features of the Open Web like HTML5 and CSS3.

Flourish2011

Mark Meeker

Flash vs. HTML5

Vincent Battaglia

10 things to make you a Great Mobile Web Developer

Chris Love

HTML5, the new buzzword

Frédéric Harper

Practical, Free And Low Cost Tools You Can Use

Michigan Nonprofit Association

Pageflakes4 Educators

Gladys Baya

JavaScript Like It’s 2013

OutSystems

Running Android Apps on Chrome & ChromeOS

msz

Firefox & HTML5

dynamis

Speak The Web: The HTML5 Experiments

guestd427df

How to build a website... the accessible way

Isabel Brison

Be HTML5-ready today

Oleksandr Khomenko

Mais procurados (20)

Doug Devitre's Favorite Word Press Plugins

Chrome OS presentation

Presentation tools for the classroom 2011

ACSS: Rethinking CSS Best Practices

DrupalCon Chicago - Best practices for cross-browser compatibility of Drupal ...

Bootstrap 3 in Joomla!

Ed tech training

Herramientas de desarrollo e implementacion

Flourish2011

Flash vs. HTML5

10 things to make you a Great Mobile Web Developer

HTML5, the new buzzword

Practical, Free And Low Cost Tools You Can Use

Pageflakes4 Educators

JavaScript Like It’s 2013

Running Android Apps on Chrome & ChromeOS

Firefox & HTML5

Speak The Web: The HTML5 Experiments

How to build a website... the accessible way

Be HTML5-ready today

Semelhante a FITC Spotlight HTML5 - The state of the web

HTML5: Markup Evolved

Billy Hylton

Echo HTML5

Nathan Smith

HTML 5 may take some time to find full support in all major browsers, but you may be surprised to discover how many of HTML 5’s features are available today! HTML 5 is the next generation standard for web applications, and it promises to give plug-in based RIAs a serious challenge. In this demo heavy session, you’ll see HTML 5 in action and learn what you can do with today’s browser support for the new standard. If you’re building rich web applications and you’ve never touched HTML 5, this session is a must see.

The Rich Standard: Getting Familiar with HTML5

Todd Anglin

HTML5 and friends - JISC CETIS Conference 2010 Nottingham 15.11.2010

Patrick Lauke

HTML5 and friends - standards>next Manchester 24.11.2010

Patrick Lauke

Put the 5 in HTML

Frédéric Harper

Brave new world of HTML5 - WebTech 2010 Milano 09.11.2010

Patrick Lauke

[In Control 2010] HTML5

Christopher Schmitt

HTML5 Design

Christopher Schmitt

HTML5 and Joomla! 2.5 Template

Marvelic Engine Co., Ltd.

Moving from Web 1.0 to Web 2.0

Estelle Weyl

[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!

Christopher Schmitt

Developing web applications in 2010

Ignacio Coloma

HTML5

Brad Touesnard

Apache Flex and the imperfect Web

masuland

WHAT IS HTML5?(20100510)

Shumpei Shiraishi

Introduction to HTML5 and CSS3 (revised)

Joseph Lewis

Keeping up with the state of web technology is one of the biggest challenges for us developers today. We invent new tools; we define new best practices, everything’s new, always... And we do all that for good user experience! We do all that to build the best possible web – it’s all about our users. But is it, really? Or do developers like to play with technology secretly loving the new and shiny? Or do we only pretend that it’s about users, and behind closed doors, it’s developer experience that matters to us? Did we lose direction? Is it time for a critical look at the state of the web and the role JavaScript plays in it?

Stefan Judis "Did we(b development) lose the right direction?"

Fwdays

Attractive HTML5~開発者の視点から~

Sho Ito

Responsive Videos, mehr oder weniger

Walter Ebert

Semelhante a FITC Spotlight HTML5 - The state of the web (20)

HTML5: Markup Evolved

Echo HTML5

The Rich Standard: Getting Familiar with HTML5

HTML5 and friends - JISC CETIS Conference 2010 Nottingham 15.11.2010

HTML5 and friends - standards>next Manchester 24.11.2010

Put the 5 in HTML

Brave new world of HTML5 - WebTech 2010 Milano 09.11.2010

[In Control 2010] HTML5

HTML5 Design

HTML5 and Joomla! 2.5 Template

Moving from Web 1.0 to Web 2.0

[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!

Developing web applications in 2010

HTML5

Apache Flex and the imperfect Web

WHAT IS HTML5?(20100510)

Introduction to HTML5 and CSS3 (revised)

Stefan Judis "Did we(b development) lose the right direction?"

Attractive HTML5~開発者の視点から~

Responsive Videos, mehr oder weniger

Mais de Frédéric Harper

2017-11-09 - Fitbit Norcal Developers Meetup (fred)

Frédéric Harper

2018 04-25 - HLTH hackathon

Frédéric Harper

2018-06-07 - Singapore Fitbit Developers - Fitbit SDK & Web API Overview

Frédéric Harper

2018 06-05 - Tokyo Fitbit Developers - Fitbit SDK & Web API Overview

Frédéric Harper

Public speaking - FDP tech leads summit - 2018-04-30

Frédéric Harper

2018 04-25 - HLTH hackathon

Frédéric Harper

We live in an era where developers are rock stars. I don’t like that expression as much as you, but let’s be honest, the supply and demand right now are insanely good for us, developers, which means that there is no better time than today to start your freelance career. Still, starting a business is not easy, and truth to be told, it’s not for everyone. Based on my successes and my failures, let me guide you through the 10 steps to become your own boss. Not sure if you wanna go rogue? This talk will help you understand all the groundwork needed to think about it as much as to start your new journey, but shh, don’t tell your boss you’ll attend this talk!

From employee to freelance developer in 10 steps - DevTeach - 2017-07-04

Frédéric Harper

Votre application. Votre infrastructure. Votre plateforme. Tous sont les bienvenus avec Microsoft Azure, un service cloud où l’Open Source est un citoyen de première classe. Vous en doutez? Que cela ne tienne, Frédéric Harper de No lion is born king et Raymond Kao de Microsoft Canada feront un survol des forces du logiciel libre en combinaison avec l’infrastructure (IaaS) des nuages provenant du géant de Redmond!

Infrastructure as a service to its maximum, a cultural change - S2LQ - 2016-0...

Frédéric Harper

You are one of the tech leaders in your community and you are passionate about what you do. People can see it. Your tribe, they know it… You are good at what you do, no doubt. Perhaps your blog or you inevitably share your opinions on your social media accounts? Maybe you speak at conferences or organize a user group? No matter what you do, you are an influencer. Stop being humble, you know it’s true, isn’t it? No matter what is your end goal, what you are doing, day to day, has an impact. A positive impact in the tech industry, in your city, at work and even online. So you need to get your shit together, and be responsible for this great power you have, influence! Not that I think you aren’t trustworthy, but, hey, we’ll talk about it...

With great power comes great responsibility - Microsoft Canada Open Source co...

Frédéric Harper

Did you ever try to participate in a not so small Open Source project? The experience is awful. Did you ever want to share your code on a public repository because you thought it was the thing to do? Of course, after that day, I felt like the worst developer in the world. I don’t even understand why I should put the code I created to “help” others, to share: I mean, I didn’t sleep for hours and lost a ton of hairs over that crazy problem… You got it, I don’t like Open Source, and you shouldn’t like it either!

Frédéric harper i don’t like open source, and you shouldn't like it eithe...

Frédéric Harper

There is no mobile or desktop Web: we view the same Web, but in different ways. So what is the secret sauce to give the best experience to our users? Drown your fixed-width design, destroy your device-specific approaches and ride the web's unicorn while an orchestra is playing we are the champion in the background: you found the holy grail! It's responsive web design. It's not new. It's not magical. Still, we need it as the bytes going thru the wires doesn't always give us the best experience out there. So stop watching cats videos, and learn more about how you can use Responsive Web Design's approach to your current site, today.

Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25

Frédéric Harper

Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...

Frédéric Harper

In today’s world, it's easier than ever to innovate and create great web applications. You release often, but let’s be honest, if you're like most developers out there, you don't spend your days worrying about security. You know it’s important, but you aren’t security savvy. So ask yourself, is your Python application secure? Come learn some of the different ways a hacker (cracker) can attack your code, and some of the best practices out there. In the end, your security is your users’ security.

Is your python application secure? - PyCon Canada - 2015-11-07

Frédéric Harper

Personal Branding for developers: it’s more important than you think. Do you think personal branding is not for you? Why should you care about your brand? After all, it’s not like you are an actor or the lead singer for a rock band. In fact, it’s never been more important for you to think about yourself as a brand. Doing so will provide rocket fuel for your career. You’ll find better jobs or become the “go-to guy” in certain situations. You’ll become known for your expertise and leadership; people will seek your advice and point of view. You’ll get paid better to speak, write, or consult. As a developer, there are many tools you can use to scale, and this presentation will help you understand how to get visibility, make a real impact, and achieve your goal. No need to be a marketing expert or a personal branding guru: be yourself and get your dream job or get to the next level of your career.

Personal branding for developers - West Island developers and entrepreneurs m...

Frédéric Harper

There is no mobile Web, there is no desktop Web, and there is no tablet Web. We view the same Web just in different ways. So how do we do it? By getting rid of our fixed-width, device-specific approaches and use Responsive Web Design techniques. This session will focus on what is Responsive Web Design and how you can use his 3-pronged approach on your current apps today which will also adapt to new devices in the future.

Responsive Web Design, get the best out of your designs - JavaScript Open Day...

Frédéric Harper

Differentiating yourself humber college - 2015-03-30

Frédéric Harper

Differentiating yourself - Hack Western - 2015-03-28

Frédéric Harper

Vous pensez peut-être que le personal branding n'est pas pour vous? Pourquoi devriez-vous vous souciez de votre propre branding, vous n'êtes pas un acteur et encore moins le chanteur d'un groupe rock international, non? En ces jours où tout le monde a le pouvoir de sortir du lot plus facilement, de partager plus rapidement et de faire grandir son réseau comme jamais, il est plus important que jamais de penser à vous, en tant que marque. Bien sûr, le but n'est pas d'aller aussi loin que votre marque de boisson gazeuse préférée, mais nous explorerons ensemble le quoi, pourquoi, qui et comment (what, why, who & how) du personal branding pour les développeurs.

Le personal branding, plus important que jamais - PHP Québec - 2015-03-05

Frédéric Harper

Do you think personal branding is not for you? Why should you care about your own brand? After all, it’s not like you are an actor or the lead singer for a rock band. In fact, it’s never been more important for you to think about yourself as a brand. Doing so will provide rocket fuel for your career as a developer. You’ll find better jobs or become the “go-to guy” in certain situations; you’ll become known for your expertise and leadership; people will seek your advice and point of view; you’ll get paid better to speak, write, or consult. As a developer, there are many tools you can use to scale, and this office hours will help you understand how to get visibility, make a real impact, and achieve your goal with a lot of time for Q&A. No need to be a marketing expert or a personal branding guru: be yourself, and get your dream job or get to the next level of your career.

Building a personal brand in the developer community - Codementor Office Hour...

Frédéric Harper

Ma Carrière Techno - École secondaire St-Henri - 2014-11-27

Frédéric Harper

Mais de Frédéric Harper (20)