Webmonkey

•Download as KEY, PDF•

0 likes•409 views

isac Lagerblad

A talk i did for the Stockholm WebMonkey group.

Technology

An extra HTTP request
adds 200+ milliseconds
to a page
(worldwide average).
”Steve Souders”

• application

• banner

• complementary

• contentinfo

• form

• main

• navigation

• search

Jag kommer inte att
BASHA Internet
Explorer

CDN
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

• YUI Compressor
• dean.edwards.name/packer/
• Closure (google)

• Yslow
• PageSpeed
• http://www.webpagetest.org/

What's hot

Web design v roku 2013vibration.sk

The way to be a developer "What I Need"egyappassiut

Hammersmith fundamentals html fundamentalsMike Bradshaw

CssSumit Gupta

Html and CSS 101 - hipages Group Friday talkhipages

7 web designpranitag1

Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3Kuro Hsu

HTML / CSS / JS Web basicsbtopro

ゆるく学ぼう！現在のフロントエンドまとめ将一深見

Just Your Type: Web Typography & YouMykl Roventine

HTML/CSS Workshop @ SearchcampJames Mills

Bootstrap Workout 2015Rob Davarnia

EdTechJoker Spring 2020 - Lecture 4 - HTMLBryan Ollendyke

An Introduction to CSS FrameworksAdrian Westlake

Rapid CMS enabled site development with WordpressPeter Kaizer

WebSreejith Ramakrishnan

Client responsive designshmulik-tal

Front end-performancePrajwala Manchikatla

The web contextDan Phiffer

CSS Best practiceRuss Weakley

What's hot (20)

Web design v roku 2013

The way to be a developer "What I Need"

Hammersmith fundamentals html fundamentals

Css

Html and CSS 101 - hipages Group Friday talk

7 web design

Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3

HTML / CSS / JS Web basics

ゆるく学ぼう！現在のフロントエンドまとめ

Just Your Type: Web Typography & You

HTML/CSS Workshop @ Searchcamp

Bootstrap Workout 2015

EdTechJoker Spring 2020 - Lecture 4 - HTML

An Introduction to CSS Frameworks

Rapid CMS enabled site development with Wordpress

Web

Client responsive design

Front end-performance

The web context

CSS Best practice

Viewers also liked

Contrataciones BANXICOJuan José Sánchez

MexicanapeticioneuaJuan José Sánchez

028 097eBE/CRE

郑一帆 107082024 玩具拆卸报告 zust071

Discussion paper 16.11.2015Krishna Ambatipudi

Parachutebtsyburleson

Incorporating Library Provision In School Self Evaluation Educational Review 1BE/CRE

Propuesta TGGROUP para MexicanaJuan José Sánchez

An Open Mind - A coffee table book to celebrate the sanitation championsujjwal maitra

Viewers also liked (9)

Contrataciones BANXICO

Mexicanapeticioneua

028 097e

郑一帆 107082024 玩具拆卸报告

Discussion paper 16.11.2015

Parachute

Incorporating Library Provision In School Self Evaluation Educational Review 1

Propuesta TGGROUP para Mexicana

An Open Mind - A coffee table book to celebrate the sanitation champions

Similar to Webmonkey

HTML5: IntroductionGuillermo Paz

HTML5: An OverviewNagendra Um

about HTML5Masato KONDO

Progressive Downloads and RenderingStoyan Stefanov

About Best friends - HTML, CSS and JSNaga Harish M

Progressive downloads and rendering (Stoyan Stefanov)Ontico

Understanding CSS and the Debugging ConsoleJessica Reilley

The things we found in your websitehernanibf

HTML5 Hacking - Yahoo! Open Hack DayTed Drake

WordPress Theme Structurekeithdevon

Introduction to Browser DOMSiva Arunachalam

Ui dev@naukri-2011Pankaj Maheshwari

Curtin University Frontend Web DevelopmentDaryll Chu

OPTIMERA STHLM! Isac Lagerblad.SE (Stiftelsen för Internetinfrastruktur)

Data normalization weaknessesIvan Novikov

Touch the webChris Love

Slow kinda sucksTim Wright

Html5 Whats around the bendRaj Lal

Course Tech 2013, Sasha Vodnik, A Crash Course in HTML5Cengage Learning

Web design-workflowPeter Kaizer

Similar to Webmonkey (20)

HTML5: Introduction

HTML5: An Overview

about HTML5

Progressive Downloads and Rendering

About Best friends - HTML, CSS and JS

Progressive downloads and rendering (Stoyan Stefanov)

Understanding CSS and the Debugging Console

The things we found in your website

HTML5 Hacking - Yahoo! Open Hack Day

WordPress Theme Structure

Introduction to Browser DOM

Ui dev@naukri-2011

Curtin University Frontend Web Development

OPTIMERA STHLM! Isac Lagerblad

Data normalization weaknesses

Touch the web

Slow kinda sucks

Html5 Whats around the bend

Course Tech 2013, Sasha Vodnik, A Crash Course in HTML5

Web design-workflow

Recently uploaded

Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3

SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero

CloudStudio User manual (basic edition):comworks

Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro

Advanced Computer Architecture – An IntroductionDilum Bandara

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxnull - The Open Security Community

Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm

TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc

Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren

"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays

Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz

What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett

Anypoint Exchange: It’s Not Just a Repo!Manik S Magar

Story boards and shot lists for my a level piececharlottematthew16

DevEX - reference for building teams, processes, and platformsSergiu Bodiu

Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi

Recently uploaded (20)

Scanning the Internet for External Cloud Exposures via SSL Certs

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx

SIP trunking in Janus @ Kamailio World 2024

CloudStudio User manual (basic edition):

Unraveling Multimodality with Large Language Models.pdf

Advanced Computer Architecture – An Introduction

E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx

Streamlining Python Development: A Guide to a Modern Project Setup

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

Advanced Test Driven-Development @ php[tek] 2024

"Debugging python applications inside k8s environment", Andrii Soldatenko

Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost

What's New in Teams Calling, Meetings and Devices March 2024

Anypoint Exchange: It’s Not Just a Repo!

Story boards and shot lists for my a level piece

DevEX - reference for building teams, processes, and platforms

Developer Data Modeling Mistakes: From Postgres to NoSQL

Designing IA for AI - Information Architecture Conference 2024

Ensuring Technical Readiness For Copilot in Microsoft 365

Vertex AI Gemini Prompt Engineering Tips

Webmonkey

1. Sthlm WebMonk3ys 2010-04-20

2. Frågor?

3. Lite snabbt om mig

10. icaaq

11. @icaaq

12. blog.icaaq.com

13. icaaaq@gmail.com

14. DoD

15. HTML

16.

17. • Tillgänglighet

18. • Tillgänglighet • Standard

19. • Tillgänglighet • Standard • Minimal

20. An extra HTTP request adds 200+ milliseconds to a page (worldwide average). ”Steve Souders”

21. Exempel!

22. Semantik

23. Document outline

24. www.h1debate.com/

25. Landmarks

26. <ul id=”navigation” role=”navigation”>

27. • application • banner • complementary • contentinfo • form • main • navigation • search

28. Skipto?

29. CSS = <head>

30. JS = </body>

31. Smush it

32. CSS

33. Minimal

34. Speciﬁcitet

35. !important hell

36. #main #nav{}

37. Sprites

38. base64-encoded Data URIs

39. Jag kommer inte att BASHA Internet Explorer

40. Photoshop Den ultimata rendreraren

41. JavaScript

42. Unobtrusive javascript

43. Tillgänglighet, igen!

44. WAI-ARIA

45. CDN http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

46. jsLint

47. • YUI Compressor • dean.edwards.name/packer/ • Closure (google)

48. Google analytics

49. Asynchronous Tracking

50. Lazy loading

51. Konkatinera

52. Verktyg

53.

54. • Fangs

55. • Fangs • Firevox

56. • Fangs • Firevox • NVDA

57. • Yslow • PageSpeed • http://www.webpagetest.org/

58. API

59. YQL & Pipes

60. GreaseMonk3y

61. robots.txt

Editor's Notes

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

Webmonkey

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (9)

Similar to Webmonkey

Similar to Webmonkey (20)

Recently uploaded

Recently uploaded (20)

Webmonkey

Editor's Notes