Responsive design @ bbc.co.uk

•

2 recomendaciones•1,621 vistas

commuterjoy

Tecnología Diseño

Responsive News
<matt.chadburn@bbc.co.uk>, 2011-07
Lead Web Developer BBC News

Monday, 25 July 2011

• Current mobile browser landscape
• Some demo’s
• Why responsive design is a Good Thing

Monday, 25 July 2011

In the old days*,
screensize was
proportional to
capability
* 2006

Monday, 25 July 2011

Desktops
Capability

Mobiles
small big
Screensize

Monday, 25 July 2011

So, we built
example.com and
m.example.com

Monday, 25 July 2011

Voice
Controlled
Ones

Monday, 25 July 2011

2g

Bandwidth-challenged
Ones
Monday, 25 July 2011

Quick Ones

4g (100 Mbit)

Monday, 25 July 2011

These things are not
mutually exclusive

Monday, 25 July 2011

Devices can be rotated
to become tall or wide

Monday, 25 July 2011

Devices can connect to
both wiﬁ or 3g to
become quick or slow

Monday, 25 July 2011

Devices ship both
touchscreens, trackballs
and microphones to
provide
multiple inputs

Monday, 25 July 2011

Meanwhile,
back at the ranch...

Monday, 25 July 2011

At same time the
browser desktop market
became competitive
again

Monday, 25 July 2011

Browsers
became
platforms on
which to build
applications

Monday, 25 July 2011

Device API and Policies WG
http://www.w3.org/2009/dap/

Monday, 25 July 2011

Broke
Desktops
Capability

Mobiles
small big
Screensize

Monday, 25 July 2011

Reformulated?
Desktops

Smart
phones
Capability

Tablets

Netbooks
TV
Feature
phones eReaders

small big
Screensize

Monday, 25 July 2011

“We take comfort in
explicit requirements as
they allow us to
compartmentalize the
problems before us”
Ethan Marco+e, Responsive Web Design

Monday, 25 July 2011

“Flexible, device
independent design for
the web”
http://www.alistapart.com/articles/responsive-web-design/

Monday, 25 July 2011

Feature design across axes

• Screensize (orientation, resolution, viewport)
• Connection speed
• Colour
• Interaction (touch, mouse, voice)
• Performance (cpu, memory)
• Standards support (css, js, html5, DAP etc)
Monday, 25 July 2011

“even Google [is] not rich
enough to support all of
the different mobile
platforms...”
Vic Gundotra,VP of engineering at Google

Monday, 25 July 2011

Mobile is overtaking
web trafﬁc

Monday, 25 July 2011

Features built once and
release simultaneously
on many platforms

Monday, 25 July 2011

Quickly adapt when a
new device or feature
arrives

Monday, 25 July 2011

One UX and a single
conceptual model
across devices

Monday, 25 July 2011

A core content model
across devices

Monday, 25 July 2011

Hosted on a
single URL space

Monday, 25 July 2011

Thanks
• Mark Hurrell • Mel Seyer
• John Cleveley • Stuart Bayston
• Tom Maslen • Heenesh Patel
• Barry Haynes • Adrian Hall
• Julian Kirby • Kate Milner
• Anthony Sullivan • Josh Chisholm

Monday, 25 July 2011

Photo Credits

• delafuente • garryknight
• ivyﬁeld • ciat
• rolikeusch • sgis
• donnie_bling • fuckyeahinternetfridge
• grifﬁntech • 55Laney69

Monday, 25 July 2011

Más contenido relacionado

Similar a Responsive design @ bbc.co.uk

Autoarena auto 2.0

Vincent Everts

Digital networking 2 22-11

Karen McDevitt

Bletchley Park Final Presentation

g00dfornothing

Mobile Ecosystem Dynamics (CTO Briefing)

Paul Golding

BeyondPLM panel discussion on ACE 2011

Oleg Shilovitsky

PHP Development In The Cloud (php|tek edition)

Ivo Jansch

JavaSE - The road forward

eug3n_cojocaru

videocourse

Markus Hamburger

Practical Search in the Cloud - By Marc Krellenstein

lucenerevolution

The new frontiers in PLM Software

Oleg Shilovitsky

ExpOn 2011 - Diego Monteiro - Níveis de Maturidade nas Mídias Sociais

DOGSCAMP Summit

Can Media Queries Save Us All?

Tim Kadlec

A Desktop UI with QtQuick

njeisecke

Case Study - Panasonic Europe Powered by Apache Solr

Lucidworks (Archived)

Hardware is the New Software (Pivotal Labs)

Nick Pinkston

Software on the High Seas

Soren Harner

Open a window, see the clouds - php|tek 2011

Rafael Dohms

Managing App Development - Richard Harrington, CEO, RHED Pixel With the increase in mobile computing the use of apps has significantly risen. Whether you're targeting mobile phones or tablets, an app can be a cost-efficient way to reach your audience. In this workshop, you'll learn the major steps involved and how to manage application development(even if you're not a programmer yourself). Join Richard Harrington, a certified project management professional as he unlocks the development process. Learn how to identify your distribution options and register as a developer. You'll also learn how to target your audience and refine the functional goals of your application. Learn how to assemble your development team and efficiently develop graphic and video assets. Discover multiple methods for authoring applications including software as a service, authoring tools, and programming. Learn how to test your apps then submit them to marketplaces for distribution or use ad hoc methods for small groups. You'll also learn practical approaches for marketing your application to your target audience.

Managing App Development

Richard Harrington

ISA11 - Bill Scott - Designing Mice Men

Interaction South America

Alastair Dant, lead interactive technologist, the Guardian

joelgunter

Similar a Responsive design @ bbc.co.uk (20)

Autoarena auto 2.0

Digital networking 2 22-11

Bletchley Park Final Presentation

Mobile Ecosystem Dynamics (CTO Briefing)

BeyondPLM panel discussion on ACE 2011

PHP Development In The Cloud (php|tek edition)

JavaSE - The road forward

videocourse

Practical Search in the Cloud - By Marc Krellenstein

The new frontiers in PLM Software

ExpOn 2011 - Diego Monteiro - Níveis de Maturidade nas Mídias Sociais

Can Media Queries Save Us All?

A Desktop UI with QtQuick

Case Study - Panasonic Europe Powered by Apache Solr

Hardware is the New Software (Pivotal Labs)

Software on the High Seas

Open a window, see the clouds - php|tek 2011

Managing App Development

ISA11 - Bill Scott - Designing Mice Men

Alastair Dant, lead interactive technologist, the Guardian

Último

Understanding the FAA Part 107 License ..

Christopher Logan Kennedy

Keynote 2: APIs in 2030: The Risk of Technological Sleepwalk Paolo Malinverno, Growth Advisor - The Business of Technology Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...

apidays

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...

Zilliz

Six Myths about Ontologies: The Basics of Formal Ontology

johnbeverley2021

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Exploring Multimodal Embeddings with Milvus

Zilliz

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

The microservices honeymoon is over. When starting a new project or revamping a legacy monolith, teams started looking for alternatives to microservices. The Modular Monolith, or 'Modulith', is an architecture that reaps the benefits of (vertical) functional decoupling without the high costs associated with separate deployments. This talk will delve into the advantages and challenges of this progressive architecture, beginning with exploring the concept of a 'module', its internal structure, public API, and inter-module communication patterns. Supported by spring-modulith, the talk provides practical guidance on addressing the main challenges of a Modultith Architecture: finding and guarding module boundaries, data decoupling, and integration module-testing. You should not miss this talk if you are a software architect or tech lead seeking practical, scalable solutions. About the author With two decades of experience, Victor is a Java Champion working as a trainer for top companies in Europe. Five thousands developers in 120 companies attended his workshops, so he gets to debate every week the challenges that various projects struggle with. In return, Victor summarizes key points from these workshops in conference talks and online meetups for the European Software Crafters, the world’s largest developer community around architecture, refactoring, and testing. Discover how Victor can help you on victorrentea.ro : company training catalog, consultancy and YouTube playlists.

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024

Victor Rentea

[BuildWithAI] Introduction to Gemini.pdf

Sandro Moreira

💥 You’re lucky! We’ve found two different (lead) developers that are willing to share their valuable lessons learned about using UiPath Document Understanding! Based on recent implementations in appealing use cases at Partou and SPIE. Don’t expect fancy videos or slide decks, but real and practical experiences that will help you with your own implementations. 📕 Topics that will be addressed: • Training the ML-model by humans: do or don't? • Rule-based versus AI extractors • Tips for finding use cases • How to start 👨‍🏫👨‍💻 Speakers: o Dion Morskieft, RPA Product Owner @Partou o Jack Klein-Schiphorst, Automation Developer @Tacstone Technology

DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam

UiPathCommunity

In this keynote, Asanka Abeysinghe, CTO,WSO2 will explore the shift towards platformless technology ecosystems and their importance in driving digital adaptability and innovation. We will discuss strategies for leveraging decentralized architectures and integrating diverse technologies, with a focus on building resilient, flexible, and future-ready IT infrastructures. We will also highlight WSO2's roadmap, emphasizing our commitment to supporting this transformative journey with our evolving product suite.

Platformless Horizons for Digital Adaptability

WSO2

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Retrieval augmented generation (RAG) is the most popular style of large language model application to emerge from 2023. The most basic style of RAG works by vectorizing your data and injecting it into a vector database like Milvus for retrieval to augment the text output generated by an LLM. This is just the beginning. One of the ways that we can extend RAG, and extend AI, is through multilingual use cases. Typical RAG is done in English using embedding models that are trained in English. In this talk, we’ll explore how RAG could work in languages other than English. We’ll explore French, Chinese, and Polish.

Introduction to Multilingual Retrieval Augmented Generation (RAG)

Zilliz

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Angeliki Cooney has spent over twenty years at the forefront of the life sciences industry, working out of Wynantskill, NY. She is highly regarded for her dedication to advancing the development and accessibility of innovative treatments for chronic diseases, rare disorders, and cancer. Her professional journey has centered on strategic consulting for biopharmaceutical companies, facilitating digital transformation, enhancing omnichannel engagement, and refining strategic commercial practices. Angeliki's innovative contributions include pioneering several software-as-a-service (SaaS) products for the life sciences sector, earning her three patents. As the Senior Vice President of Life Sciences at Avenga, Angeliki orchestrated the firm's strategic entry into the U.S. market. Avenga, a renowned digital engineering and consulting firm, partners with significant entities in the pharmaceutical and biotechnology fields. Her leadership was instrumental in expanding Avenga's client base and establishing its presence in the competitive U.S. market.

Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...

Angeliki Cooney

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

CNIC Information System with Pakdata Cf In Pakistan

danishmna97

Responsive design @ bbc.co.uk

1. Responsive News <matt.chadburn@bbc.co.uk>, 2011-07 Lead Web Developer BBC News Monday, 25 July 2011

2. • Current mobile browser landscape • Some demo’s • Why responsive design is a Good Thing Monday, 25 July 2011

3. In the old days*, screensize was proportional to capability * 2006 Monday, 25 July 2011

4. Low (incapable) Monday, 25 July 2011

5. Hi (capable) Monday, 25 July 2011

6. Desktops Capability Mobiles small big Screensize Monday, 25 July 2011

7. So, we built example.com and m.example.com Monday, 25 July 2011

8. Device explosion Monday, 25 July 2011

9. Small Ones Monday, 25 July 2011

10. Squat Ones Monday, 25 July 2011

11. Ginormous Ones Monday, 25 July 2011

12. Tactile Ones Monday, 25 July 2011

13. Voice Controlled Ones Monday, 25 July 2011

14. Retro Ones Monday, 25 July 2011

15. 2g Bandwidth-challenged Ones Monday, 25 July 2011

16. Quick Ones 4g (100 Mbit) Monday, 25 July 2011

17. Expensive Ones Monday, 25 July 2011

18. Monochrome Ones Monday, 25 July 2011

19. Embedded Ones Monday, 25 July 2011

20. 3D Ones Monday, 25 July 2011

21. These things are not mutually exclusive Monday, 25 July 2011

22. Devices can be rotated to become tall or wide Monday, 25 July 2011

23. Devices can connect to both wiﬁ or 3g to become quick or slow Monday, 25 July 2011

24. Devices ship both touchscreens, trackballs and microphones to provide multiple inputs Monday, 25 July 2011

25. Meanwhile, back at the ranch... Monday, 25 July 2011

26. At same time the browser desktop market became competitive again Monday, 25 July 2011

27. Browsers became platforms on which to build applications Monday, 25 July 2011

28. Device API and Policies WG http://www.w3.org/2009/dap/ Monday, 25 July 2011

29. Broke Desktops Capability Mobiles small big Screensize Monday, 25 July 2011

30. Reformulated? Desktops Smart phones Capability Tablets Netbooks TV Feature phones eReaders small big Screensize Monday, 25 July 2011

31. “We take comfort in explicit requirements as they allow us to compartmentalize the problems before us” Ethan Marco+e, Responsive Web Design Monday, 25 July 2011

32. “Flexible, device independent design for the web” http://www.alistapart.com/articles/responsive-web-design/ Monday, 25 July 2011

33. Feature design across axes • Screensize (orientation, resolution, viewport) • Connection speed • Colour • Interaction (touch, mouse, voice) • Performance (cpu, memory) • Standards support (css, js, html5, DAP etc) Monday, 25 July 2011

34. Why? Monday, 25 July 2011

35. “even Google [is] not rich enough to support all of the different mobile platforms...” Vic Gundotra,VP of engineering at Google Monday, 25 July 2011

36. Mobile is overtaking web trafﬁc Monday, 25 July 2011

37. Features built once and release simultaneously on many platforms Monday, 25 July 2011

38. Quickly adapt when a new device or feature arrives Monday, 25 July 2011

39. It’s CDN-able Monday, 25 July 2011

40. One code base Monday, 25 July 2011

41. One UX and a single conceptual model across devices Monday, 25 July 2011

42. A core content model across devices Monday, 25 July 2011

43. Hosted on a single URL space Monday, 25 July 2011

44. Thanks • Mark Hurrell • Mel Seyer • John Cleveley • Stuart Bayston • Tom Maslen • Heenesh Patel • Barry Haynes • Adrian Hall • Julian Kirby • Kate Milner • Anthony Sullivan • Josh Chisholm Monday, 25 July 2011

45. Photo Credits • delafuente • garryknight • ivyﬁeld • ciat • rolikeusch • sgis • donnie_bling • fuckyeahinternetfridge • grifﬁntech • 55Laney69 Monday, 25 July 2011

Responsive design @ bbc.co.uk

Recomendados

Recomendados

Más contenido relacionado

Similar a Responsive design @ bbc.co.uk

Similar a Responsive design @ bbc.co.uk (20)

Último

Último (20)

Responsive design @ bbc.co.uk