IL
Uploaded byisac Lagerblad
KEY, PDF411 views

Webmonkey

1. Isac Lagerblad discusses topics related to web accessibility and performance including standards, semantics, navigation landmarks, and assistive technologies. 2. He emphasizes the importance of accessibility, standards, and minimizing additional HTTP requests and file sizes to improve page load times. 3. Examples and tools are provided for writing semantic HTML, optimizing CSS, JavaScript, images and using content delivery networks and analytics in an accessible way.

Embed presentation

Download to read offline
Sthlm WebMonk3ys 2010-04-20
Frågor?
Lite snabbt om mig
Isac Lagerblad
Gränssnitt
Standarder
Tillgänglighet
icaaq
@icaaq
blog.icaaq.com
icaaaq@gmail.com
DoD
HTML
• Tillgänglighet
• Tillgänglighet • Standard
• Tillgänglighet • Standard • Minimal
An extra HTTP request adds 200+ milliseconds to a page (worldwide average). ”Steve Souders”
Exempel!
Semantik
Document outline
www.h1debate.com/
Landmarks
<ul id=”navigation” role=”navigation”>
• application • banner • complementary • contentinfo • form • main • navigation • search
Skipto?
CSS = <head>
JS = </body>
Smush it
CSS
Minimal
Specificitet
!important hell
#main #nav{}
Sprites
base64-encoded Data URIs
Jag kommer inte att BASHA Internet Explorer
Photoshop Den ultimata rendreraren
JavaScript
Unobtrusive javascript
Tillgänglighet, igen!
WAI-ARIA
CDN http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
jsLint
• YUI Compressor • dean.edwards.name/packer/ • Closure (google)
Google analytics
Asynchronous Tracking
Lazy loading
Konkatinera
Verktyg
• Fangs
• Fangs • Firevox
• Fangs • Firevox • NVDA
• Yslow • PageSpeed • http://www.webpagetest.org/
API
YQL & Pipes
GreaseMonk3y
robots.txt

More Related Content

KEY
Make your website 2 times faster
bySatoshi Kikuchi
 
PDF
新 · 交互
bySofish Lin
 
PDF
디자인 패턴과 YUI를 이용해 Rich UI 빠르게 구현하기
byJinho Jung
 
PPTX
Front End Web Development Basics
byTahir Shahzad
 
PDF
網頁程式設計
by傳錡 蕭
 
PPTX
تئوری وب
byMohammad Reza Golestan
 
PDF
Frontend django, Django Web 前端探索
byTim (文昌)
 
PPTX
Basics of Front End Web Dev PowerPoint
bySahil Gandhi
 
Make your website 2 times faster
bySatoshi Kikuchi
 
新 · 交互
bySofish Lin
 
디자인 패턴과 YUI를 이용해 Rich UI 빠르게 구현하기
byJinho Jung
 
Front End Web Development Basics
byTahir Shahzad
 
網頁程式設計
by傳錡 蕭
 
تئوری وب
byMohammad Reza Golestan
 
Frontend django, Django Web 前端探索
byTim (文昌)
 
Basics of Front End Web Dev PowerPoint
bySahil Gandhi
 

What's hot

PPTX
Web design v roku 2013
byvibration.sk
 
PDF
The way to be a developer "What I Need"
byegyappassiut
 
PPTX
Hammersmith fundamentals html fundamentals
byMike Bradshaw
 
PPT
Css
bySumit Gupta
 
PPTX
Html and CSS 101 - hipages Group Friday talk
byhipages
 
PDF
7 web design
bypranitag1
 
PDF
Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
byKuro Hsu
 
PPTX
HTML / CSS / JS Web basics
bybtopro
 
PDF
ゆるく学ぼう！現在のフロントエンドまとめ
by将一 深見
 
PDF
Just Your Type: Web Typography & You
byMykl Roventine
 
PPTX
HTML/CSS Workshop @ Searchcamp
byJames Mills
 
PDF
Bootstrap Workout 2015
byRob Davarnia
 
PPTX
EdTechJoker Spring 2020 - Lecture 4 - HTML
byBryan Ollendyke
 
PPT
An Introduction to CSS Frameworks
byAdrian Westlake
 
KEY
Rapid CMS enabled site development with Wordpress
byPeter Kaizer
 
KEY
Web
bySreejith Ramakrishnan
 
PPTX
Client responsive design
byshmulik-tal
 
PDF
Front end-performance
byPrajwala Manchikatla
 
PDF
The web context
byDan Phiffer
 
PDF
CSS Best practice
byRuss Weakley
 
Web design v roku 2013
byvibration.sk
 
The way to be a developer "What I Need"
byegyappassiut
 
Hammersmith fundamentals html fundamentals
byMike Bradshaw
 
Css
bySumit Gupta
 
Html and CSS 101 - hipages Group Friday talk
byhipages
 
7 web design
bypranitag1
 
Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
byKuro Hsu
 
HTML / CSS / JS Web basics
bybtopro
 
ゆるく学ぼう！現在のフロントエンドまとめ
by将一 深見
 
Just Your Type: Web Typography & You
byMykl Roventine
 
HTML/CSS Workshop @ Searchcamp
byJames Mills
 
Bootstrap Workout 2015
byRob Davarnia
 
EdTechJoker Spring 2020 - Lecture 4 - HTML
byBryan Ollendyke
 
An Introduction to CSS Frameworks
byAdrian Westlake
 
Rapid CMS enabled site development with Wordpress
byPeter Kaizer
 
Web
bySreejith Ramakrishnan
 
Client responsive design
byshmulik-tal
 
Front end-performance
byPrajwala Manchikatla
 
The web context
byDan Phiffer
 
CSS Best practice
byRuss Weakley
 

Viewers also liked

XLSX
Contrataciones BANXICO
byJuan José Sánchez
 
PDF
Mexicanapeticioneua
byJuan José Sánchez
 
PDF
028 097e
byBE/CRE
 
PPT
郑一帆 107082024 玩具拆卸报告
byzust071
 
RTF
Discussion paper 16.11.2015
byKrishna Ambatipudi
 
PPS
Parachute
bybtsyburleson
 
PDF
Incorporating Library Provision In School Self Evaluation Educational Review 1
byBE/CRE
 
PPT
Propuesta TGGROUP para Mexicana
byJuan José Sánchez
 
PDF
An Open Mind - A coffee table book to celebrate the sanitation champions
byujjwal maitra
 
Contrataciones BANXICO
byJuan José Sánchez
 
Mexicanapeticioneua
byJuan José Sánchez
 
028 097e
byBE/CRE
 
郑一帆 107082024 玩具拆卸报告
byzust071
 
Discussion paper 16.11.2015
byKrishna Ambatipudi
 
Parachute
bybtsyburleson
 
Incorporating Library Provision In School Self Evaluation Educational Review 1
byBE/CRE
 
Propuesta TGGROUP para Mexicana
byJuan José Sánchez
 
An Open Mind - A coffee table book to celebrate the sanitation champions
byujjwal maitra
 

Similar to Webmonkey

PDF
Makingweb: Great front end performance starts on the server.
byJon Arne Sæterås
 
PDF
Responsive & Responsible: Implementing Responsive Design at Scale
byscottjehl
 
PPTX
Html5 & less css
byGraham Johnson
 
PDF
East of Toronto .NET Usergroup - Put the 5 in HTML
byFrédéric Harper
 
PDF
Bruce lawson-over-the-air
bybrucelawson
 
PDF
Banquet 36
byKoubei UED
 
PDF
夜宴36期《技术前哨站》
byKoubei Banquet
 
ODP
HTML5 e CSS3 (slides della sessione tenuta al DIMI di Udine)
byGabriele Gigliotti
 
PPT
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
byLachlan Hardy
 
PPT
Responsive content
byhonzie
 
PPT
Velocity EU 2012 - Third party scripts and you
byPatrick Meenan
 
PDF
Adaptive Web Design Workshop [WebVisions NYC 2012]
byAaron Gustafson
 
PDF
Accessibility - A feature you can build
byMonika Piotrowicz
 
PPTX
Mobile Best Practices
bymintersam
 
PPTX
Client Web
byMarkiyan Matsekh
 
Makingweb: Great front end performance starts on the server.
byJon Arne Sæterås
 
Responsive & Responsible: Implementing Responsive Design at Scale
byscottjehl
 
Html5 & less css
byGraham Johnson
 
East of Toronto .NET Usergroup - Put the 5 in HTML
byFrédéric Harper
 
Bruce lawson-over-the-air
bybrucelawson
 
Banquet 36
byKoubei UED
 
夜宴36期《技术前哨站》
byKoubei Banquet
 
HTML5 e CSS3 (slides della sessione tenuta al DIMI di Udine)
byGabriele Gigliotti
 
Welcome to IE8 - Integrating Your Site With Internet Explorer 8
byLachlan Hardy
 
Responsive content
byhonzie
 
Velocity EU 2012 - Third party scripts and you
byPatrick Meenan
 
Adaptive Web Design Workshop [WebVisions NYC 2012]
byAaron Gustafson
 
Accessibility - A feature you can build
byMonika Piotrowicz
 
Mobile Best Practices
bymintersam
 
Client Web
byMarkiyan Matsekh
 

Recently uploaded

PDF
UiPath Automation Developer Associate Training Series 2026 - Session 2
byDianaGray10
 
PDF
NTG -Company Profile_Software_Vendor_Company_in_MENA
byMustafa Kuğu
 
PDF
BEP-20 Token on BNB Chain: From Concept to Deployment.pdf
byimoliviabennett
 
PDF
UiPath Automation Developer Associate Training Series 2026 - Session 3
byDianaGray10
 
PDF
GenerationAI Paris 2025 | City of Light (COL)
byapidays
 
PDF
Mount File Systems using UUID and Label - RHCSA (RH134).pdf
byLinuxCert Guru
 
PDF
Mesh WiFi Router: The Smart Solution for Fast, Seamless, Whole-Home Internet
byAeroMesh Systems
 
PDF
Advanced SELinux Management - RHCSA (RH134).pdf
byLinuxCert Guru
 
PDF
Designing a Blog Using Wordpress
bymarkzubi50
 
PDF
Safer’s Picks: The 5 FME Transformers You Didn’t Know You Needed
bySafe Software
 
PDF
Configure and Manage Systemd Timers- RHCSA (RH134).pdf
byLinuxCert Guru
 
PPTX
apidays Paris 2025 | Integration is Feminist: Building Peace in Distributed S...
byapidays
 
PDF
The Manifesto for AI-enabled Governance !
byYannis Charalabidis
 
PPTX
Automation Without Apprentices: How AI Challenges the Open Source Way
byIcinga
 
PDF
Explaining specific examples of purpose-specific BOM
byakipii ogaoga
 
PDF
From DeFi POC to Production MVP - A 12-16 Week Blueprint.pdf
byniahiggins21
 
PPTX
Beyond the Algorithm: Designing Human-Centric Public Service with AI
byAlan Dix
 
PDF
TravelTech Paris 2025 | The EU Digital Identity Wallet and it’s impact on Tra...
byapidays
 
PPTX
Retrieval Augmented Generation- The Synergistic Power of Prompt Engineering
bySemantic SEO BD
 
PDF
Getting Started with Apache Spark: Big Data Made Simple [Free Meetup]
byHaim Michael
 
UiPath Automation Developer Associate Training Series 2026 - Session 2
byDianaGray10
 
NTG -Company Profile_Software_Vendor_Company_in_MENA
byMustafa Kuğu
 
BEP-20 Token on BNB Chain: From Concept to Deployment.pdf
byimoliviabennett
 
UiPath Automation Developer Associate Training Series 2026 - Session 3
byDianaGray10
 
GenerationAI Paris 2025 | City of Light (COL)
byapidays
 
Mount File Systems using UUID and Label - RHCSA (RH134).pdf
byLinuxCert Guru
 
Mesh WiFi Router: The Smart Solution for Fast, Seamless, Whole-Home Internet
byAeroMesh Systems
 
Advanced SELinux Management - RHCSA (RH134).pdf
byLinuxCert Guru
 
Designing a Blog Using Wordpress
bymarkzubi50
 
Safer’s Picks: The 5 FME Transformers You Didn’t Know You Needed
bySafe Software
 
Configure and Manage Systemd Timers- RHCSA (RH134).pdf
byLinuxCert Guru
 
apidays Paris 2025 | Integration is Feminist: Building Peace in Distributed S...
byapidays
 
The Manifesto for AI-enabled Governance !
byYannis Charalabidis
 
Automation Without Apprentices: How AI Challenges the Open Source Way
byIcinga
 
Explaining specific examples of purpose-specific BOM
byakipii ogaoga
 
From DeFi POC to Production MVP - A 12-16 Week Blueprint.pdf
byniahiggins21
 
Beyond the Algorithm: Designing Human-Centric Public Service with AI
byAlan Dix
 
TravelTech Paris 2025 | The EU Digital Identity Wallet and it’s impact on Tra...
byapidays
 
Retrieval Augmented Generation- The Synergistic Power of Prompt Engineering
bySemantic SEO BD
 
Getting Started with Apache Spark: Big Data Made Simple [Free Meetup]
byHaim Michael
 

Webmonkey

Editor's Notes

  • #2 Kul att vara h&amp;#xE4;r, kul att vara f&amp;#xF6;rst! Anders, David, markus
  • #4 Definitionen av Dod &amp;#xE4;r s&amp;#xE4;kert olika p&amp;#xE5; olika arbetsplatser och kanske &amp;#xE4;ven olika p&amp;#xE5; olika projekt inom dessa arbetsplatser
  • #9 Full-service Digital Agency
  • #27 Martin Kliehm startsida h1 runt logotypen
  • #30 complementary - aside, contentinfo - footer
  • #31 arbetsf&amp;#xF6;rmedlingen, felhantering! sk&amp;#xE4;rml&amp;#xE4;sare, flera labels!
  • #32 webbl&amp;#xE4;sare b&amp;#xF6;rjar inte rendrerar n&amp;#xE5;got f&amp;#xF6;rens all css &amp;#xE4;r inl&amp;#xE4;st. bara f&amp;#xF6;r att de inte ska beh&amp;#xF6;va rita om ett element efter&amp;#xE5;t. d&amp;#xE5;lig anv&amp;#xE4;ndarupplevelse.
  • #33 javascript parsern blockerar rendreringsmotorn
  • #36 Andy Clark
  • #45 S&amp;#xF6;kmotorv&amp;#xE4;nligt, mobil v&amp;#xE4;nligt, WCAG 2.0
  • #47 Accessible Rich Internet Applications