Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Moderne Web Technologieën - KHLim
Search
Inventis Web Architects
April 20, 2012
Technology
1
130
Moderne Web Technologieën - KHLim
Presentatie les 20/04/2012 aan de PHL/KHLim studenten grafische vormgeving.
Inventis Web Architects
April 20, 2012
Tweet
Share
More Decks by Inventis Web Architects
See All by Inventis Web Architects
Pukkelpop.be, the continuous search for innovation.
inventis
0
130
Social Media
inventis
6
400
Informatie Architectuur & WireFraming
inventis
2
290
Verkoopproces
inventis
1
250
Inventis Stages
inventis
1
79
HTML5 & CSS3
inventis
5
670
Voorstelling Inventis MasterClass
inventis
0
230
Call to action - best practices.
inventis
1
120
Inventis Facebook Experiment
inventis
0
160
Other Decks in Technology
See All in Technology
フィンテック養成勉強会#54
finengine
0
170
VISITS_AIIoTビジネス共創ラボ登壇資料.pdf
iotcomjpadmin
0
160
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
290
地図も、未来も、オープンに。 〜OSGeo.JPとFOSS4Gのご紹介〜
wata909
0
100
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
2
200
初めてのAzure FunctionsをClaude Codeで作ってみた / My first Azure Functions using Claude Code
hideakiaoyagi
1
210
本当に使える?AutoUpgrade の新機能を実践検証してみた
oracle4engineer
PRO
1
140
IIWレポートからみるID業界で話題のMCP
fujie
0
770
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
180
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
140
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
3
450
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.1k
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Designing Experiences People Love
moore
142
24k
Become a Pro
speakerdeck
PRO
28
5.4k
Done Done
chrislema
184
16k
Practical Orchestrator
shlominoach
188
11k
BBQ
matthewcrist
89
9.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Site-Speed That Sticks
csswizardry
10
660
What's in a price? How to price your products and services
michaelherold
246
12k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
16
940
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Transcript
Moderne Web Technologieën Tom Claus & Stijn Janssen
Stijn Janssen @stijnj
Tom Claus @tomclaus
None
None
None
None
None
• HTML5 Semantiek en Markup • CSS3 • Offline opslag
• Realtime communicatie • Javascript API’s • Multimedia Moderne Web Technologieën
• HTML5 Semantiek en Markup • CSS3 • Offline opslag
• Realtime communicatie • Javascript API’s • Multimedia Moderne Web Technologieën
None
HTML5?
HTML5 CSS3 Javascript SVG @font-face XML
Living Standard specificatie geen finale versie snelle implementatie -webkit -moz
Nieuwe elementen section article time header footer nav
None
<audio>
<video>
Adobe Flash
<canvas>
Adobe Flash
<svg>
forms required email date number tel search color range
forms required email datae number tel search color range
forms required email date number tel search color range
forms required email date number tel search color range
forms required email date number tel search color range
forms required email date number tel search color range
forms required email date number tel search color range
forms required email date number tel search color range
CSS3
FontFace
Border-Radius
Text-Shadow
Box-Shadow
Gradients
Gradients http://colorzilla.com/gradient-editor/
Transform
Transform
BoxModel
RGBA/HSLA
Animations
Selectors
Media Queries
Media Queries http://mediaqueri.es
Cross Browser? http://caniuse.com
Cross Browser? http://caniuse.com http://selectivizr.com
Cross Browser? http://caniuse.com http://selectivizr.com Respond.js
Javascript
None
44% 2006 9404
Een goede plugin? • Open source? GitHub? • Veel updates?
• Bugs? • Google: “[plugin] doensn’t work”
Een goede plugin? • Open source? GitHub? • Veel updates?
• Bugs? • Google: “[plugin] doensn’t work”
Een goede plugin? • Open source? GitHub? • Veel updates?
• Bugs? • Google: “[plugin] doensn’t work”
Een goede plugin? • Open source? GitHub? • Veel updates?
• Bugs? • Google: “[plugin] doensn’t work”
Onze favorieten! • html5validator • prettyPhoto • cycle
Onze favorieten! • html5validator • prettyPhoto • cycle
Onze favorieten! • html5validator • prettyPhoto • cycle
Geolocate API
Accelerometer
Casestudies
http://pukkelpop.be
http://inventis.be
Voordelen? • Meer mogelijkheden in de browser • Sneller laadtijden
• Scherpere layout
Nadelen? • Cross browser krijgen • Meer CSS-code / minder
overzicht
Vragen?
Bedankt! • Tom Claus •
[email protected]
• @tomclaus • Stijn
Janssen •
[email protected]
• @stijnj