SlideShare a Scribd company logo
Pantalk: Responsive Web Design
MELINDA LINI 
@MELINDALINI 
FELIPE KAUFMANN 
@EFFKAY
WHY ARE WE HERE?
WE STRIVE TO 
MAKE OUR USERS 
LIVES EASIER. 
EVERY DAY. 
‚

Recommended for you

The Immobile Web
The Immobile WebThe Immobile Web
The Immobile Web

Presented at Mobilism.nl Device diversity is about to get an order of magnitude worse. SmartTVs are hitting the market in mass this year. Sony, LG, Vizio, and Samsung are all shipping televisions with Google TV built in. And if the rumors that Apple will release a TV this year are true, 2012 will turn out to be the year web developers start to tackle the glass screen hanging on our walls. Why should web developers focused on mobile learn about the web on TVs? Because TVs represent the next challenge in device proliferation. They share common characteristics with their smaller brethren. They create new challenges and opportunities we haven't encountered yet. And most importantly, learning how to build for TVs helps inform our practices of building for mobile devices.

mobilismmobiletvs
Designing for The Modern Web
Designing for The Modern WebDesigning for The Modern Web
Designing for The Modern Web

Devices that consume the web are being created at a never-before heard of rate. They’re getting smaller, lighter, faster, sharper, and sexier. Life is awesome right? But what about us web designers? Let’s talk about how to get the best possible ratio of speed vs awesome, and what techniques to use for fast and stunning visual experiences.

web designweb design and developmentretina
The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)

The document discusses how machines and software can help humans by doing tasks like preventing mistakes, performing repetitive tasks, filling information gaps, remembering and categorizing information, improving understanding, enabling new communication methods, and providing protection. It describes how advances in AI, APIs, cloud services, and data processing have made it possible to build useful and helpful interfaces. The conclusion encourages developers to use these capabilities to create simple, human-centric interfaces that benefit users.

machine learning
Pantalk: Responsive Web Design
THE DIGITAL WORLD IN 
60 SECONDS
THE DIGITAL WORLD IN 
60 SECONDS 
278000 
204 MILLIONEN 
EMAILS
2000000 
THE DIGITAL WORLD IN 
60 SECONDS 
278000 
83000 204 MILLIONEN 
EMAILS

Recommended for you

Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Introduction to Responsive Design v.2
Introduction to Responsive Design v.2

This is the same workshop from August, but about 40 new slides, mostly at the end. A hands-on workshop for DC Web Women on September 11, 2012.

mobile firstweb designresponsive web design
The Case for Progressive Web Apps
The Case for Progressive Web AppsThe Case for Progressive Web Apps
The Case for Progressive Web Apps

Is the buzz around Progressive Web Apps real or are they simply the latest fad? In this talk, you’ll learn exactly what Progressive Web Apps are, what problems they solve, and what new design challenges they present. Jason will show how organizations are using Progressive Web Apps to provide better and faster user experiences.

pwaresponsive web designamp
Responsive Design for Non-Techies
Responsive Design for Non-TechiesResponsive Design for Non-Techies
Responsive Design for Non-Techies

A talk members of the Forum One Communications UX team gave at UXCampDC 2013. The focus was on some pain points we hit while trying to wrap our brains around Responsive Design and the tool we've made to help sketch solutions more easily and quickly.

uxdcresponsive designprotytype
WORLDWIDE MOBILE 
TRAFFIC 
11% 
2012 2013 
17% 
SOURCE: HTTP://BLOG.XEIT.CH/WP-CONTENT/UPLOADS/2013/08/MOBILETRAFFIC-WELTWEIT.JPG
WORLDWIDE MOBILE 
TRAFFIC 
NORDAMERIKA 
SÜDAMERIKA 
10 
EUROPA 
AFRIKA 
OZEANIEN 
ASIEN 15 
7 24 
27 
15 
SOURCE: HTTP://BLOG.XEIT.CH/WP-CONTENT/UPLOADS/2013/08/MOBILETRAFFIC-WELTWEIT.JPG
SWITZERLAND IS A 
MOBILE PARADISE
SWITZERLAND IS A 
MOBILE PARADISE 
SOURCE: MEDIA USE INDEX 2013: ¾ DER SCHWEIZER NUTZEN DAS INTERNET PER MOBILE DEVICE

Recommended for you

Sem days mobile 2015
Sem days mobile 2015Sem days mobile 2015
Sem days mobile 2015

This document discusses the challenges of mobile search engine optimization (SEO). It notes that more searches are now performed on mobile than desktop, and users spend most of their time in apps rather than browsers on mobile. For mobile search results, Google aims to provide the most relevant content from both mobile-friendly websites and apps. However, there are challenges such as blocking mobile crawlers using robots.txt, ensuring app and web content match for indexing, and determining whether to build a mobile app or rely on a responsive website. The document provides advice on allowing CSS and JS files to be crawled for mobile, and emphasizes that apps must provide a compelling user experience to stand out from competitors.

mobilemobile marketingseo software
The three most common mobile SEO challenges our clients are facing, by Mark T...
The three most common mobile SEO challenges our clients are facing, by Mark T...The three most common mobile SEO challenges our clients are facing, by Mark T...
The three most common mobile SEO challenges our clients are facing, by Mark T...

This document discusses some of the key challenges of mobile search engine optimization (SEO). It notes that more searches are now performed on mobile than desktop, and users spend most of their time in apps rather than browsers on mobile. Some challenges for mobile SEO include properly configuring robots.txt files to allow crawling of CSS and JS files, ensuring content within apps matches content on websites, and determining whether to build apps or focus on responsive websites. Experts comment that app links in search results perform well but responsive websites can also be effective. Overall, the document outlines technical and strategic challenges for optimizing content and apps for mobile search.

semdays
Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web Design

Responsive web design allows a single website to be accessed from any device by dynamically adjusting the layout depending on screen size. The content remains the same across devices but is formatted appropriately for each screen width through techniques like adjusting column numbers and widths. Designing first for mobile forces focus on essential content and ensures parity across devices. Examples demonstrate how navigation, images and text restructure seamlessly for an optimized experience on any device.

user experience designmobile firstweb design
‚ 
A LOOK ON 100 000 
SHOPS ON SHOPIFY 
SOURCE: HTTP://WWW.SHOPIFY.COM/BLOG/15206517-MOBILE-NOW-ACCOUNTS-FOR-50-3-OF-ALL-ECOMMERCE-TRAFFIC
>50% of U.S. adults use 
smartphones to make 
purchase decisions in-store 
SOURCE: IBM
ARE YOU AFRAID OF A 
SOURCE: HTTP://WWW.EMARKETER.COM/ARTICLE/WHO-REAL-MOBILE-ONLY-AUDIENCE/1010390
QUELLE: HTTP://WWW.EMARKETER.COM/ARTICLE/WHO-REAL-MOBILE-ONLY-AUDIENCE/1010390

Recommended for you

February 2018: Sustainable UX Conference
February 2018: Sustainable UX ConferenceFebruary 2018: Sustainable UX Conference
February 2018: Sustainable UX Conference

The document is a slide presentation about AMP (Accelerated Mobile Pages) that discusses: - Mobile web challenges like slow devices and networks where JavaScript does heavy lifting. - How AMP addresses these with techniques like inlined CSS, prioritized resource loading, and async JavaScript to make pages load instantly. - Examples of companies that use AMP and the types of content it works for. - How AMP can be used as an entry point or data source to build progressive web apps with features like service workers for offline use.

amp
Responsive Design
Responsive Design Responsive Design
Responsive Design

Presentation by Clarissa Peterson for LVL Studio's UX Soiree, November 21, 2012, in Montreal, Quebec. Overview of responsive design with focus on user experience.

user experience designresponsive designweb design
The Soul in The Machine - Developing for Humans
The Soul in The Machine - Developing for HumansThe Soul in The Machine - Developing for Humans
The Soul in The Machine - Developing for Humans

The document discusses how developers have become disconnected from users as technology has advanced. It argues that developers should focus on building interfaces that are simple, human-centered, and empower users rather than just improving tools. Machine learning and AI can be used to build helpful interfaces, but developers must focus on the human experience and inclusive design. The talk aims to inspire developers to use their skills to improve people's lives rather than just profit or automation.

machinelearningaccessibilityconfoo
WHAT DOES THE 
MOBILE USER WANT 
TO SEE 
?
WHAT DOES THE 
MOBILE USER WANT 
TO SEE? 
EVERYTHING
WHAT DOES THE 
MOBILE USER WANT 
TO SEE? 
EVERYTHING 
MOBILE WEBSEITE
REMEMBER?

Recommended for you

Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14

1. Mobile devices have become the primary way people access media through smartphones, tablets, and other screens. Most media interactions are with mobile screens and smartphone ownership continues to rise rapidly. 2. Opportunities on mobile go beyond apps to considering how mobile usage has changed user behavior and discovering the paths users take to content across multiple devices. User research is key to understanding this. 3. Design for mobile must optimize for thumb and eyeball-only interactions, use touch targets large enough for fingers, and consider network limitations. Images should be optimized for recognition or description.

digitalmobiledigital transformation
SMX@adtech: Mobile Local and Video Search — Cindy Krum
SMX@adtech: Mobile Local and Video Search — Cindy KrumSMX@adtech: Mobile Local and Video Search — Cindy Krum
SMX@adtech: Mobile Local and Video Search — Cindy Krum

The document provides tips for optimizing websites for mobile search engines. It discusses the differences between mobile and desktop search, including that mobile has carrier search engines that are often white-labeled versions of other engines. It also outlines strategies for mobile search engine optimization, including appropriate site architecture, clean code, relevant mobile content, and submitting the site to various mobile directories and search engines.

adtechsf09
Nodevember 2017: AMP Primer
Nodevember 2017: AMP PrimerNodevember 2017: AMP Primer
Nodevember 2017: AMP Primer

In 2016, mobile internet usage exceeded desktop for the first time! With over 50% of users on mobile, is your web app optimized for them? Let’s learn about Accelerated Mobile Pages, how AMP address mobile user challenges and build a valid AMP app together! http://nodevember.org/speaker/Lisa%20Huang

mobileweb developmentamp
MOBILE MYTH: 
WE DON'T HAVE TIME
MOBILE MYTH: 
I NEED AN 
APP.
MOBILE MYTH: 
I NEED AN 
APP. 
For which device?
MOBILE MYTH: 
I NEED AN 
APP. 
iOS? 
Android? 
Windows Mobile? 
Nokia? 
Blackberry?

Recommended for you

Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your website

Progressive web apps (PWAs) can transform websites by making them more like native apps through the use of service workers, web app manifests, and other modern web capabilities. Some key benefits of PWAs include providing fast and reliable experiences even on slow mobile networks, working regardless of a network connection, and engaging users through web app banners and push notifications. Early results show that PWAs can significantly reduce data usage and increase user engagement, conversion rates, and sales compared to mobile websites. While PWAs work across browsers, including on iOS, their full capabilities are still progressively being adopted.

progressive web appswebwebsite
Developing Android Apps for TV in Minutes with Amazon Fire App Builder
Developing Android Apps for TV in Minutes with Amazon Fire App BuilderDeveloping Android Apps for TV in Minutes with Amazon Fire App Builder
Developing Android Apps for TV in Minutes with Amazon Fire App Builder

In this workshop we see how easy is to develop a native Android app for TV using Amazon Fire App Builder and how to connect to a media streaming service using media feeds.

amazontvfire tv
Responsive Webdesign verkaufen - MobileTech Conference 2014
Responsive Webdesign verkaufen - MobileTech Conference 2014Responsive Webdesign verkaufen - MobileTech Conference 2014
Responsive Webdesign verkaufen - MobileTech Conference 2014

Responsive Webdesign ist in aller Munde und auch die technischen Möglichkeiten scheinen nahezu komplett, um dies auch technisch hochwertig umzusetzen. Und trotzdem scheitern eklatant viele RWD-Projekte. Dies liegt vor allem am Workflow, der ein Umdenken in allen Positionen erfordert. Das klassische Modell, indem erst das PSD erstellt wird und dann angefangen wird zu programmieren, scheint nicht mehr zu funktioneren. Und dies ist auch logisch, wenn man sich den RWD-Workflow einmal genauer ansieht. Der Talk geht genau auf diesen Prozess ein, beleuchtet diesen intensiv und zeigt Möglichkeiten für Entscheider, Grafiker aber auch Web-Worker auf, wie man RWD überhaupt vernünftig und ohne Risiko verkauft bekommt, wie man dem Workflow optimal folgt, wie Verträge im RWD-Universum aussehen und wie man seine Abnahme am Ende des Projekts trotzdem optimal hinbekommt.

saleswebdesignrwd
MOBILE MYTH: 
I NEED AN 
APP. 
iOS? 
Android? 
Windows Mobile? 
Nokia? 
Blackberry
SCREEN SIZES 
2010 97 2013 232
FOR MORE MOBILE 
MYTHS: 
JOSH CLARK 
QUELLE: VIMEO.COM/48327889
THE SOLUTION: 
RESPONSIVE

Recommended for you

Responsive_Web_Design
Responsive_Web_DesignResponsive_Web_Design
Responsive_Web_Design

This document discusses responsive web design (RWD), which is a process that creates a single website compatible across devices with different screen sizes and orientations. RWD uses a flexible layout, media queries, and viewport meta tags to dynamically change the layout depending on screen size. Common frameworks that help with RWD include Bootstrap, Foundation, and Semantic UI. Websites can be tested for responsiveness using tools like Responsivetest.net and Responsinator.com.

Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)

Das Whitepaper gibt einen Überblick über Chancen und Herausforderungen bei der Einführung von Reponsive Webdesign. Welche Möglichkeiten bringt die Anpassung eines Webauftritts an verschiedene Endgeräte mit sich? Wie kann ein einheitliches Nutzererlebnis geschaffen werden? Welche Besonderheiten bringen die einzelnen Projektphasen mit sich?

designresponsive designresponsive web design
Stages in Digital Business Transformation
Stages in Digital Business TransformationStages in Digital Business Transformation
Stages in Digital Business Transformation

Full research paper presentation at Mediterranean Conference on Information Systems (MCIS) - September 2016

mcis
THE CHALLANGE
RESPONSIVE MEANS 
PERFORMANCE FIRST 
Speed is the most important feature. 
FRED WILSON 
The goal is to load in under 1000ms. 
It‘s worth because speed is also a ranking 
criterion for Google.
IF THE USER LEAVES 
YOUR FANCY SITE 
BEFORE WON ‚ 
IT LOADS, IT 
T SHOW IN 
GOOGLE ANALYTICS.
IF YOUR STATS SAY 
THAT NOBODY USES 
YOUR MOBILE SITE 
MAYBE THIS IS 
BECAUSE IT ‚ 
S 
CRAPPY.

Recommended for you

Responsive by Design! - Successfull by Chance?
Responsive by Design! - Successfull by Chance?Responsive by Design! - Successfull by Chance?
Responsive by Design! - Successfull by Chance?

Nur responsive zu sein reicht nicht mehr – zu leicht geht man sonst im Meer der Parallax-Templates und gleichförmigen Frameworks unter. Thomas Piribauer und Björn Ganslandt (beide von intuio aus Wien) zeigen, wie Designworkflows sich verändern müssen um gleichzeitig innovative und responsive Websites zu gestalten, die auch unter schwierigen Bedingungen noch gut funktionieren. Der Kern ist dabei eine enge Zusammenarbeit zwischen Design und Entwicklung, bei der Frontend-Performance immer im Fokus bleibt. Prototypen ersetzen für uns Photoshop-Mockups bzw. Wireframes und erlauben so schnelle Iterationen und mutige Experimente jenseits gängiger Prototyping-Tools.

rwd responsive design workflow performance ux user
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!

Dynamisches Umdenken des Projektmanagements in Responsive-Projekten. Ein Manifest. Von Dirk Pogrzeba

responsive websitesscrumresponsive web design
Digital Media Night - Responsive Web Design
Digital Media Night - Responsive Web DesignDigital Media Night - Responsive Web Design
Digital Media Night - Responsive Web Design

Responsive Web Design, die Zukunft des Web! Virtualtrends veranstaltet mehrmals im Jahr die Digital Media Night. Auf dieser Veranstaltung vermitteln wir Wissen aus der Branche und informieren über aktuelle Trends.

internetmobilemobile web
CUSTOMER 
EXPECTATIONS 
85% of mobile user expect the same speed as on 
their desktop. 
QUELLE: WWW.STRANGELOOPNETWORKS.COM/ASSETS/IMAGES/INFOGRAPHIC1.JPG
CUSTOMER 
EXPECTATIONS 
57% will leave the page if it doesn‘t load in 3 
seconds. 
And they are not likely to come back. 
QUELLE: WWW.STRANGELOOPNETWORKS.COM/ASSETS/IMAGES/INFOGRAPHIC1.JPG
SPEED IS 
MONEY.
Pantalk: Responsive Web Design

Recommended for you

Responsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfResponsive Design by Peter Grosskopf
Responsive Design by Peter Grosskopf

Responsive Design ist momentan in aller Munde. Häufig wird es gleichgesetzt mit Design für mobile Geräte. Dabei geht es eigentlich darum Design zu schaffen, welches unabhängig vom verwendeten Endgerät ist. Endgeräte sind heutzutage neben klassischen Desktopsystemen und Laptops, zunehmend auch mobile Endgeräte wie Smartphones und Tablets, welche andere Eigenschaften und Voraussetzungen haben, die es in Bezug auf Design und Usability zu berücksichtigen gilt. Der Vortrag zeigt auf, welche Chancen sich für Unternehmen ergeben, die mittels Responsive Design ihre Webangebote und Applikationen auf die gewandelte Nutzerschaft optimieren. Dabei werden sowohl technische Grundlagen vermittelt, aber auch fortgeschrittene Fragestellungen ("Mobile First" Entwicklungsansatz, Layout Patterns) behandelt.

htmlresponsive designweb design
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
content strategyresponsive designuser experience
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesign

Slides about Responsive Webdesign. Mobilecamp Hamburg, Barcamp Kiel

mobile firstmobile webresponsive webdesign
-11% PAGE VIEWS 
SOURCE: T3N.DE/NEWS/60-SEKUNDEN-INTERNET-484021/INTERNET-DIENSTE/
-7% CONVERSION 
SOURCE: T3N.DE/NEWS/60-SEKUNDEN-INTERNET-484021/INTERNET-DIENSTE/
‚ 
833 000 CHF 
less per month 
SOURCE: HTTP://WWW.HANDELSZEITUNG.CH/UNTERNEHMEN/ZALANDO-250-MILLIONEN-UMSATZ-DER-SCHWEIZ-514814
WOULD YOU DESIGN A 
POSTER IF YOU DIDN‘T 
KNOW FOR WHICH 
EVENT?

Recommended for you

Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design

Web siteleriniz tüm ekranlara uyum sağlasın.

web designpdfresponsive
Webinar: Responsive Design
Webinar: Responsive DesignWebinar: Responsive Design
Webinar: Responsive Design

Zukunftssichere Websites für alle Endgeräte entwickeln Durch die drastische Veränderung der Medienlandschaft und die Vielfalt der Geräte mit denen heutzutage das Internet genutzt wird, ergeben sich neue Anforderungen an moderne Websites. Um diesen Anforderungen gerecht zu werden, reicht die Entwicklung einer klassischen Webpräsenz nicht mehr aus. Smartphones und Tablet-PCs müssen ebenso bedient werden wie Desktop- Rechner mit Widescreen-Monitoren und internetfähige TV-Geräte. Responsive Design stellt einen neuen, zukunftssicheren Ansatz dar, bei dem verschiedene Endgeräte gleichermaßen berücksichtigt sowie Entwicklungs- und Pflegeaufwand der Website gering gehalten werden können.

responsive designendgerätewebsite
Responsive Web Design, So gelingt das Redesign
Responsive Web Design, So gelingt das RedesignResponsive Web Design, So gelingt das Redesign
Responsive Web Design, So gelingt das Redesign

(c) by Screen Concept 2014, Autoren: Melinda Lini, Serge Barsotti. Präsentiert im Rahmen des Internet Briefings am 5. Mai 2014, Zürich.

content strategyrwdresponsive design
RESPONSIVE MEANS 
CONTENT FIRST 
The tight space on mobile is an advantage. It forces 
us to prioritize our content.
BUT…
PROCESS UND TOOLS
HOW OFTEN DO WE 
BUILD THE SAME THING? 
WIREFRAMES DESIGNS FRONTEND

Recommended for you

Responsive Design - Reality Check
Responsive Design - Reality CheckResponsive Design - Reality Check
Responsive Design - Reality Check

Presentation by Sabine Berghaus, SapientNitro, held 03.05.2013 at the IA conference in Berlin

iak13responsive designcreative workflow
Eins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive DesignEins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive Design

Responsive Design ist aktuell eines der am häufigsten strapazierten Buzzwords. Doch im Unterschied zu vielen anderen Worthülsen stellt dieses Konzept die Arbeitsprozesse aller Disziplinen auf den Kopf. Im Workshop am 23.1.2014 am Fraunhofer-Institut für Angewandte Informationstechnik FIT diskutierten Charlotte Block und Christian Leuenhagen mögliche Konzepte der Zusammenarbeit und probierten an konkreten Beispielen aus, wie für verschiedene Auflösungen gestaltet und adaptiert werden kann.

responsive designfraunhoferresponsive web design
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick

Präsentation über Responsive Web Design anlässlich der ONE Konferenz 2012

responsivewebdesign
EVERYBODY WANTS 
DESIGNING IN THE 
BROWSER …but nobody does it.
Pantalk: Responsive Web Design
PASCAL KUSTER MELINDA LINI 
Frontend Specialist Design and Usability 
Specialist
KUSCHTINI

Recommended for you

Responsive Web Design Has Become One Of The Hottest Trend
Responsive Web Design Has Become One Of The Hottest TrendResponsive Web Design Has Become One Of The Hottest Trend
Responsive Web Design Has Become One Of The Hottest Trend

The document discusses responsive web design basics including fluid grids that resize based on screen size, flexible images that scale appropriately, and media queries that serve different stylesheets based on device. It emphasizes building a single responsive design using CSS for all devices rather than separate fixed-width layouts. Benefits include a shorter development cycle, better indexing by search engines like Google which prefer a single responsive design, and a better user experience across devices.

responsive web developmentweb designresponsive web design
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design

Optimale Auslieferung der CMS-Inhalte für mobile Endgeräte: 3 Implementierungsvarianten werden aufgezeigt & beurteilt: a) Responsive Design b) „Eigene“ mobile Website(s) und c) Mobile Applikation(en)

multichannelmobilecms
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design

Responsive web design is a web development approach that creates dynamic changes to the layout of a web page based on the screen size and orientation of the device being used to view the page. It includes use of fluid grids, media queries, and responsive images to optimize pages for viewing on different devices. Common techniques for responsive design include fluid layouts, mostly fluid layouts, adaptive layouts, column dropping, and layout shifters. Popular frameworks that provide pre-written stylesheets for responsive design include Bootstrap and Foundation.

information technologywebweb design
Pantalk: Responsive Web Design
DESIGNING IN THE 
BROWSER = 
PRESENTING IN THE 
BROWSER 
…early prototyping.
Pantalk: Responsive Web Design
WAITING FOR THE 
NEXT GENERATION OF 
WEB DESIGNING 
TOOLS.

Recommended for you

Ds latino alejandrov4
Ds latino alejandrov4Ds latino alejandrov4
Ds latino alejandrov4

The document summarizes a presentation about mobile app development using Drupal. It discusses statistics showing the rise of mobile usage, compares apps vs mobile web, and outlines an architecture called xProgramD for building mobile apps with Drupal. It also covers challenges like deploying apps, data synchronization, and keeping code maintainable. The presentation encourages focusing technical efforts on serving human needs.

Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017

The document discusses the challenges facing the progressive web and introduces progressive web apps (PWAs) as a solution. PWAs are built using modern web standards to provide native app-like experiences through features like push notifications, offline support, and app installation. They address issues with native apps like high installation friction, lack of control for publishers, and app store policies. PWAs are gaining adoption from companies like Alibaba and Housing.com who saw increases in user engagement metrics after implementing PWAs. The document outlines the core components of PWAs and provides an overview of browser and platform support.

gotochgoprogressivewebappsgotocon
MeasureWorks - Design for Fast Experiences (Startup session).key
MeasureWorks  - Design for Fast Experiences (Startup session).keyMeasureWorks  - Design for Fast Experiences (Startup session).key
MeasureWorks - Design for Fast Experiences (Startup session).key

Slides from my session at StartupBootcamp Smart City & Living program... You never get a second chance to make a first impression. The same goes for online, where the decision to bounce is often made in the first 2 seconds, and Google will lower your ranking if your site is too slow... This talks is about why startups should care about speed when building product, how to improve design with speed and how to measure & optimize speed and beat the (corporate) competition...

complete web monitoringlean analyticsone metric that matters
Pantalk: Responsive Web Design
= MODULAR
THE CODE IS THE 
STYLE GUIDE
= CATALOG OF ELEMENTS

Recommended for you

Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?

Progressive Web Apps aim to bring the benefits of native mobile apps to the web. They use newer web capabilities like app manifests and service workers to deliver app-like experiences through the browser. App manifests allow web apps to be installed on home screens and launched full screen like native apps. Service workers enable features like offline access and push notifications. Early adopters are seeing increased user engagement through Progressive Web Apps, with metrics like conversions and time spent improving. While browser support is still evolving, Progressive Web Apps provide a promising approach for delivering high-quality mobile experiences through the web.

progressivewebappsdevternity
Progressive Web Apps - Intro and State of Market in Australia
Progressive Web Apps - Intro and State of Market in AustraliaProgressive Web Apps - Intro and State of Market in Australia
Progressive Web Apps - Intro and State of Market in Australia

Introduction to Progressive Web Apps (PWA) criteria, what makes a PWA; service worker protocol, using Lighthouse to audit; meta data in web app manifest for homescreen adds. Also features a deep dive into the top 100 Australian retail sites and five key PWA criteria.

pwasprogressive web appsmobile marketing
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017

Keynote covering what Progressive Web Apps mean to the market and what issues of native apps they need to fix.

confoopwaconfoo2017
DEMO 
TIME
THE CLOSER DESIGNER 
AND DEVELOPER 
COLLABORATE, THE 
BETTER THE RESULT.
THE RESPONSIVE 
DEVELOPER
Pantalk: Responsive Web Design

Recommended for you

IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...
IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...
IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...

Application Modernization is the hottest buzzword in the IT world today. For many, it means the migration and transformation of an old application to a modern platform and emerging technologies. With Digital Experience solutions, means much more. Application Modernization is about taking what consumers expect from cutting edge mobile experiences, websites and applications – Slick User Experience, Modern Workflow, Mobile Support, Social and Cloud, and applying it to the enterprise space. This session will look at these five areas and apply them to WebSphere Portal and the IBM Digital Experience solutions. Examples will highlight how and why focusing each of these areas can have a positive impact and upside inside your organization and recommendations on how to apply Application Modernization.

ibmpscgroupapplication modernization
Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013

The document discusses improving performance for mobile web experiences. It begins by outlining some of the key reasons why mobile web is typically slower than desktop, such as network latency and bandwidth limitations. It then examines the current state of the mobile web, including average page sizes and number of requests. The document proposes that responsive design alone is not enough to optimize for mobile and introduces the concept of adaptive or responsive design with server-side components (RESS). Some techniques discussed for RESS include device detection, image optimization, and CSS processing to remove unnecessary styles. The overall message is that a hybrid approach considering server capabilities alongside responsive design can help create faster, lighter mobile web experiences.

ressadaptive designresponsive web design
Testing Mobile App Performance
Testing Mobile App PerformanceTesting Mobile App Performance
Testing Mobile App Performance

The mix of ever-smarter mobile devices and the constant connectivity of wireless networks have changed the way users access applications—and the way we develop and test them. Deployed applications deliver different content and functionality depending on whether the user is accessing them via a browser, smartphone, or tablet. And applications are accessed over myriad network configurations, including wireless and mobile networks. Brad Stoner presents an in-depth look at performance testing challenges for mobile applications including recording from devices, playing back device-specific requests, and accounting for variances in users’ geographical locations. Discover some of the best mobile performance testing approaches such as emulating mobile networks with varying connection speeds, packet loss, and latency during load tests. Find out when to use real devices vs. emulators to ensure high mobile application performance delivery to all end-users, at all times—on any device or network.

software testing
ETHAN MARCOTTE 
alistapart.com/article/responsive-web-design
WHAT IS RESPONSIVE? 
• 1 HTML layout 
• Media queries targeting screen size 
@media screen and (max-width:48em) 
FLUID BETWEEN BREAKPOINTS
REMEMBER?
THE RISE OF FRONTEND 
DEVELOPMENT 
.

Recommended for you

Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015

It is easy to think what we have as developers is what people use and that lead us to make the web bloated.

javascriptwebdevelopmentsummitfuturedecoded2015
Parisjs fastvideoandimages
Parisjs fastvideoandimagesParisjs fastvideoandimages
Parisjs fastvideoandimages

Doug Sillars discusses optimizing images and video delivery for fast loading on mobile. He provides 4 simple optimizations for images: adjusting quality, format, sizing through responsive images, and lazy loading. For video, he examines startup delays and how to balance network load through adaptive bitrate streaming. Proper preloading and avoiding 3rd party interference can improve video start. Tools like WebPageTest and ImageMagick help optimize and measure performance.

Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote

In the last year or so things changed drastically. Everybody uses an iPhone6, is connected 24/7 at high-speed without data caps, is healthy, has shiny teeth and loves spending money on your products. All you need to do is constantly innovate and you'll be a major success. The term for this is "the modern web". Another word for it is nonsense. There is a web people want and there is one that people use. We should start thinking about upgrading the one people use and stop chasing our own tail trying to mimick other environments.

wrocsharphtml5mobile
Pantalk: Responsive Web Design
DON‘T START 
FROM SCRAT(CH) 
1
DON‘T START 
FROM SCRATCH 
- HTML 5 BOILERPLATE 
BY PAUL IRISH 
- WEB STARTER KIT 
BY GOOGLE 
1
GOOGLE WEB STARTER KIT

Recommended for you

MeasureWorks - Shoppingtoday - 5 must-do's for the holiday season
MeasureWorks - Shoppingtoday - 5 must-do's for the holiday seasonMeasureWorks - Shoppingtoday - 5 must-do's for the holiday season
MeasureWorks - Shoppingtoday - 5 must-do's for the holiday season

Slides from my session at Shoppingtoday 2015, a 5 step approach to get your site fast and ready for peak volumes for your customers during the holidays season...

soastameasureworksweb performance
Optimizing Web Performance for Mobile Users
Optimizing Web Performance for Mobile UsersOptimizing Web Performance for Mobile Users
Optimizing Web Performance for Mobile Users

The document discusses optimizing web performance for mobile users. It notes that most internet users now access the web via mobile, with over 68% of the world using unique mobile devices. Slow page load times can negatively impact user engagement and conversions. The document recommends minimizing page size by compressing and minifying scripts and stylesheets, optimizing images, code splitting large scripts, caching static files, prioritizing visible content, reducing HTTP requests, and lazy loading images to improve performance for mobile users.

software developmentweb design and developmentmobile web
FID to INP: Mastering the New Core Web Vitals Metric
FID to INP: Mastering the New Core Web Vitals MetricFID to INP: Mastering the New Core Web Vitals Metric
FID to INP: Mastering the New Core Web Vitals Metric

Since 2020, Google has been monitoring the performance of websites with their collection of "Core Web Vitals" metrics. Now, one of those metrics is changing. Starting March 12, First Input Delay (FID) will be replaced with the new Interaction to Next Paint (INP). Find out the rationale behind the change, its implications for search engine optimization, and how it'll impact your agency at this critical webinar for those looking to rank on Google.

cwvfidinp
FRAMEWORKS LIKE 
FOUNDATION AND 
BOOTSTRAP
Pantalk: Responsive Web Design
FRAMEWORKS AND 
PERFORMANCE 
Cheetah – very fast Framework – not so fast
MIXIN LIBRARIES + 
CUSTOM CODE

Recommended for you

What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015

A talk about future technologies of the web, and how our time is equally well spent cleaning up the web of now.

mobilewebdevelopment
Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education

Progressive Web Applications are a new way to think about using the web to provide great user experiences using the best web platform features. The education market has many opportunities to benefit their communities using PWAs to deliver information and application experiences across all devices and platforms.

progressive web applicationsmobilewebsite
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive Web

This document discusses 6 rules for responsive web design: 1. Responsive design doesn't end with squishy layouts - optimize based on user capabilities rather than just screen size. 2. There is no responsive pixie dust - streamline workflows and use rapid prototypes and style tiles to communicate fluid layouts. 3. Your workflow will change - iterate designs quickly through prototypes rather than big reveals. 4. Your tools will change - leverage preprocessors like SASS and frameworks like Foundation for responsive coding. 5. The web is responsive by default - prioritize content and build APIs to support multiple platforms. 6. Embrace unpredictability - acknowledge the constraints of different devices

new rulesrwd
2 USE A GRID
USE A GRID 
ANY GRID 
2
SCREEN SIZES & 
COLUMNS 
NOT 
DEVICES & 
PIXELS
REMEMBER?

Recommended for you

MeasureWorks - Windesheim Almere - Why Performance matters?
MeasureWorks  - Windesheim Almere - Why Performance matters?MeasureWorks  - Windesheim Almere - Why Performance matters?
MeasureWorks - Windesheim Almere - Why Performance matters?

Slides from my session for the marketing students at Windesheim College. About why performance matters to your end user, how to measure performance and what to look for when optimizing performance of your website...

web performance analyticsmpulseweb performance
MeasureWorks - Prepare your mobile User Experience for fast conversion
MeasureWorks - Prepare your mobile User Experience for fast conversionMeasureWorks - Prepare your mobile User Experience for fast conversion
MeasureWorks - Prepare your mobile User Experience for fast conversion

Slides from M-commerce Event 2014. 99% of consumers' time is spend on other websites than yours. And when luck happens and they visit to buy something you better make sure it performs and works. This talk will dive into the delicate balance between speed, usability and content and provides best practices to create a mobile user experience that's ready for fast conversion.

measureworksbol.comtwinkle100
The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses

CIO Council Cal Poly Humboldt September 22, 2023

national research platformdistributed supercomputerdistributed systems
USE A 
PREPROCESSOR 
3
USE A 
PREPROCESSOR 
Syntactically Awesome Stylesheets 
3
MIXIN EXAMPLE
4 
PROGRESSIVE 
ENHANCEMENT 
GRACEFUL 
DEGRADATION

Recommended for you

[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf

Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.

infrastructure as codeclouddevops
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing

Invited Remote Lecture to SC21 The International Conference for High Performance Computing, Networking, Storage, and Analysis St. Louis, Missouri November 18, 2021

distributed supercomputerdistributed machine learning
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time

Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality. Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality. Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality. Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank? ** Episode Overview ** In this first episode of our quality series, Kristen Hansen and the panel discuss: ⦿ What do we mean when we say patent quality? ⦿ Why is patent quality important? ⦿ How to balance quality and budget ⦿ The importance of searching, continuations, and draftsperson domain expertise ⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications https://www.aurorapatents.com/patently-strategic-podcast.html

patentspatent applicationpatent prosecution
EXAMPLE PROGRESSIVE 
ENHANCEMENT: 
ROUNDED CORNERS 
Button
A QUESTION OF PRICIPLE 
dowebsitesneedtolookexactlythesameineverybrowser.com
Pantalk: Responsive Web Design
IN DIFFERENT BROWSERS

Recommended for you

UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference

We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner! We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too! Check out our proposed agenda below 👇👇 08:30 ☕ Welcome coffee (30') 09:00 Opening note/ Intro to UiPath Community (10') Cristina Vidu, Global Manager, Marketing Community @UiPath Dawid Kot, Digital Transformation Lead @Proservartner 09:10 Cloud migration - Proservartner & DOVISTA case study (30') Marcin Drozdowski, Automation CoE Manager @DOVISTA Pawel Kamiński, RPA developer @DOVISTA Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner 09:40 From bottlenecks to breakthroughs: Citizen Development in action (25') Pawel Poplawski, Director, Improvement and Automation @McCormick & Company Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company 10:05 Next-level bots: API integration in UiPath Studio (30') Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner 10:35 ☕ Coffee Break (15') 10:50 Document Understanding with my RPA Companion (45') Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath 11:35 Power up your Robots: GenAI and GPT in REFramework (45') Krzysztof Karaszewski, Global RPA Product Manager 12:20 🍕 Lunch Break (1hr) 13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30') Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance 13:50 Communications Mining - focus on AI capabilities (30') Thomasz Wierzbicki, Business Analyst @Office Samurai 14:20 Polish MVP panel: Insights on MVP award achievements and career profiling

#uipathcommunity#automation#automationdeveloper
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx

This is a slide deck that showcases the updates in Microsoft Copilot for May 2024

microsoftmicrosoft copilot
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf

Profile portofolio

CANIUSE.COM ?
CANIUSE.COM
BUILDING A BRIDGE 
WITH 
POLYFILLS, SHIMS 
MODERNIZR 
old browsers new features 
java script libraries
5 MODULARISE

Recommended for you

Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world

The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries: 1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes. 2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions. 3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines. 4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors. 5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering. 6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands. 7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems. 8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering. 9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively. Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.

fdmffffused deposition modeling
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024

Everything that I found interesting last month about the irresponsible use of machine intelligence

quantumfaxmachine
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf

As a popular open-source library for analytics engineering, dbt is often used in combination with Airflow. Orchestrating and executing dbt models as DAGs ensures an additional layer of control over tasks, observability, and provides a reliable, scalable environment to run dbt models. This webinar will cover a step-by-step guide to Cosmos, an open source package from Astronomer that helps you easily run your dbt Core projects as Airflow DAGs and Task Groups, all with just a few lines of code. We’ll walk through: - Standard ways of running dbt (and when to utilize other methods) - How Cosmos can be used to run and visualize your dbt projects in Airflow - Common challenges and how to address them, including performance, dependency conflicts, and more - How running dbt projects in Airflow helps with cost optimization Webinar given on 9 July 2024

apache airflowdbtdbt-core
5 MODULARISE 
SMACSS 
BEM
Don‘t start from scratch 
Think columns & devices 
Use a preprocessor 
Progressive enhancement 
Modularize
SO, ONCE YOU HAVE 
THE BASICS… 
WHAT NEXT?
SPEED & PERFORMANCE 
– Google PageSpeed Insights 
– Google Web Starter Kit

Recommended for you

Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry

Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data. The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs. Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution! Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.

cloudcloud native observabilitycloud native
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf

In the modern digital era, social media platforms have become integral to our daily lives. These platforms, including Facebook, Instagram, WhatsApp, and Snapchat, offer countless ways to connect, share, and communicate.

social media hackerfacebook hackerhire a instagram hacker
Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024

This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator. Link to presentation recording and transcript: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/ Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.

a11yaccessibilityalt text
RESPONSIVE IMAGES 
– responsiveimages.org 
– scottjehl.github.io/picturefill
THE DIGITAL WORLD 
IS GETTING BETTER
… WE ARE PART OF IT. 
WE MAKE THE USERS’ 
LIVES EASIER.
THX

Recommended for you

Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers

The integration of programming into civil engineering is transforming the industry. We can design complex infrastructure projects and analyse large datasets. Imagine revolutionizing the way we build our cities and infrastructure, all by the power of coding. Programming skills are no longer just a bonus—they’re a game changer in this era. Technology is revolutionizing civil engineering by integrating advanced tools and techniques. Programming allows for the automation of repetitive tasks, enhancing the accuracy of designs, simulations, and analyses. With the advent of artificial intelligence and machine learning, engineers can now predict structural behaviors under various conditions, optimize material usage, and improve project planning.

programmingcodingcivil engineering
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL

Blockchain technology is transforming industries and reshaping the way we conduct business, manage data, and secure transactions. Whether you're new to blockchain or looking to deepen your knowledge, our guidebook, "Blockchain for Dummies", is your ultimate resource.

blockchainweb3blockchain technology
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition

The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.

SLIDES AND LINKS 
screenconcept.com
TWEET US YOUR QUESTIONS 
MELINDA LINI 
@MELINDALINI 
FELIPE KAUFMANN 
@EFFKAY

More Related Content

What's hot

UX & Responsive Design
UX & Responsive DesignUX & Responsive Design
UX & Responsive Design
Clarissa Peterson
 
Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.
Cristiano Rastelli
 
Content Strategy for Responsive Websites
Content Strategy for Responsive WebsitesContent Strategy for Responsive Websites
Content Strategy for Responsive Websites
Clarissa Peterson
 
The Immobile Web
The Immobile WebThe Immobile Web
The Immobile Web
Jason Grigsby
 
Designing for The Modern Web
Designing for The Modern WebDesigning for The Modern Web
Designing for The Modern Web
Sara Cannon
 
The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)
Christian Heilmann
 
Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Introduction to Responsive Design v.2
Introduction to Responsive Design v.2
Clarissa Peterson
 
The Case for Progressive Web Apps
The Case for Progressive Web AppsThe Case for Progressive Web Apps
The Case for Progressive Web Apps
Jason Grigsby
 
Responsive Design for Non-Techies
Responsive Design for Non-TechiesResponsive Design for Non-Techies
Responsive Design for Non-Techies
Malcolm Jones
 
Sem days mobile 2015
Sem days mobile 2015Sem days mobile 2015
Sem days mobile 2015
Anna Morrison
 
The three most common mobile SEO challenges our clients are facing, by Mark T...
The three most common mobile SEO challenges our clients are facing, by Mark T...The three most common mobile SEO challenges our clients are facing, by Mark T...
The three most common mobile SEO challenges our clients are facing, by Mark T...
SEO monitor
 
Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web Design
Clarissa Peterson
 
February 2018: Sustainable UX Conference
February 2018: Sustainable UX ConferenceFebruary 2018: Sustainable UX Conference
February 2018: Sustainable UX Conference
Lisa Huang
 
Responsive Design
Responsive Design Responsive Design
Responsive Design
Clarissa Peterson
 
The Soul in The Machine - Developing for Humans
The Soul in The Machine - Developing for HumansThe Soul in The Machine - Developing for Humans
The Soul in The Machine - Developing for Humans
Christian Heilmann
 
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14
Precedent
 
SMX@adtech: Mobile Local and Video Search — Cindy Krum
SMX@adtech: Mobile Local and Video Search — Cindy KrumSMX@adtech: Mobile Local and Video Search — Cindy Krum
SMX@adtech: Mobile Local and Video Search — Cindy Krum
adtech_fan
 
Nodevember 2017: AMP Primer
Nodevember 2017: AMP PrimerNodevember 2017: AMP Primer
Nodevember 2017: AMP Primer
Lisa Huang
 
Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your website
Jason Grigsby
 
Developing Android Apps for TV in Minutes with Amazon Fire App Builder
Developing Android Apps for TV in Minutes with Amazon Fire App BuilderDeveloping Android Apps for TV in Minutes with Amazon Fire App Builder
Developing Android Apps for TV in Minutes with Amazon Fire App Builder
Amazon Appstore Developers
 

What's hot (20)

UX & Responsive Design
UX & Responsive DesignUX & Responsive Design
UX & Responsive Design
 
Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.Adaptive, Responsive, Mobile. A liquid web.
Adaptive, Responsive, Mobile. A liquid web.
 
Content Strategy for Responsive Websites
Content Strategy for Responsive WebsitesContent Strategy for Responsive Websites
Content Strategy for Responsive Websites
 
The Immobile Web
The Immobile WebThe Immobile Web
The Immobile Web
 
Designing for The Modern Web
Designing for The Modern WebDesigning for The Modern Web
Designing for The Modern Web
 
The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)
 
Introduction to Responsive Design v.2
Introduction to Responsive Design v.2Introduction to Responsive Design v.2
Introduction to Responsive Design v.2
 
The Case for Progressive Web Apps
The Case for Progressive Web AppsThe Case for Progressive Web Apps
The Case for Progressive Web Apps
 
Responsive Design for Non-Techies
Responsive Design for Non-TechiesResponsive Design for Non-Techies
Responsive Design for Non-Techies
 
Sem days mobile 2015
Sem days mobile 2015Sem days mobile 2015
Sem days mobile 2015
 
The three most common mobile SEO challenges our clients are facing, by Mark T...
The three most common mobile SEO challenges our clients are facing, by Mark T...The three most common mobile SEO challenges our clients are facing, by Mark T...
The three most common mobile SEO challenges our clients are facing, by Mark T...
 
Optimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web DesignOptimizing User Experience with Responsive Web Design
Optimizing User Experience with Responsive Web Design
 
February 2018: Sustainable UX Conference
February 2018: Sustainable UX ConferenceFebruary 2018: Sustainable UX Conference
February 2018: Sustainable UX Conference
 
Responsive Design
Responsive Design Responsive Design
Responsive Design
 
The Soul in The Machine - Developing for Humans
The Soul in The Machine - Developing for HumansThe Soul in The Machine - Developing for Humans
The Soul in The Machine - Developing for Humans
 
Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14Mobilising Digital - Sydney 26/03/14
Mobilising Digital - Sydney 26/03/14
 
SMX@adtech: Mobile Local and Video Search — Cindy Krum
SMX@adtech: Mobile Local and Video Search — Cindy KrumSMX@adtech: Mobile Local and Video Search — Cindy Krum
SMX@adtech: Mobile Local and Video Search — Cindy Krum
 
Nodevember 2017: AMP Primer
Nodevember 2017: AMP PrimerNodevember 2017: AMP Primer
Nodevember 2017: AMP Primer
 
Why Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your websiteWhy Progressive Web Apps will transform your website
Why Progressive Web Apps will transform your website
 
Developing Android Apps for TV in Minutes with Amazon Fire App Builder
Developing Android Apps for TV in Minutes with Amazon Fire App BuilderDeveloping Android Apps for TV in Minutes with Amazon Fire App Builder
Developing Android Apps for TV in Minutes with Amazon Fire App Builder
 

Viewers also liked

Responsive Webdesign verkaufen - MobileTech Conference 2014
Responsive Webdesign verkaufen - MobileTech Conference 2014Responsive Webdesign verkaufen - MobileTech Conference 2014
Responsive Webdesign verkaufen - MobileTech Conference 2014
die.agilen GmbH
 
Responsive_Web_Design
Responsive_Web_DesignResponsive_Web_Design
Responsive_Web_Design
BalaKrishna Kolliboina
 
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
denkwerk GmbH
 
Stages in Digital Business Transformation
Stages in Digital Business TransformationStages in Digital Business Transformation
Stages in Digital Business Transformation
Sabine Berghaus
 
Responsive by Design! - Successfull by Chance?
Responsive by Design! - Successfull by Chance?Responsive by Design! - Successfull by Chance?
Responsive by Design! - Successfull by Chance?
intuio GmbH
 
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!
Dirk Pogrzeba
 
Digital Media Night - Responsive Web Design
Digital Media Night - Responsive Web DesignDigital Media Night - Responsive Web Design
Digital Media Night - Responsive Web Design
Virtualtrends
 
Responsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfResponsive Design by Peter Grosskopf
Responsive Design by Peter Grosskopf
Peter Grosskopf
 
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
Zeix AG
 
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesign
Andreas Simon
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Hakan Çamoğlu
 
Webinar: Responsive Design
Webinar: Responsive DesignWebinar: Responsive Design
Webinar: Responsive Design
kuehlhaus AG
 
Responsive Web Design, So gelingt das Redesign
Responsive Web Design, So gelingt das RedesignResponsive Web Design, So gelingt das Redesign
Responsive Web Design, So gelingt das Redesign
Screen Concept
 
Responsive Design - Reality Check
Responsive Design - Reality CheckResponsive Design - Reality Check
Responsive Design - Reality Check
Sabine Berghaus
 
Eins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive DesignEins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive Design
denkwerk GmbH
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick
Amazee Labs
 
Responsive Web Design Has Become One Of The Hottest Trend
Responsive Web Design Has Become One Of The Hottest TrendResponsive Web Design Has Become One Of The Hottest Trend
Responsive Web Design Has Become One Of The Hottest Trend
AditMicrosys Australia
 
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design
Johannes Waibel
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Huy Le
 

Viewers also liked (19)

Responsive Webdesign verkaufen - MobileTech Conference 2014
Responsive Webdesign verkaufen - MobileTech Conference 2014Responsive Webdesign verkaufen - MobileTech Conference 2014
Responsive Webdesign verkaufen - MobileTech Conference 2014
 
Responsive_Web_Design
Responsive_Web_DesignResponsive_Web_Design
Responsive_Web_Design
 
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
 
Stages in Digital Business Transformation
Stages in Digital Business TransformationStages in Digital Business Transformation
Stages in Digital Business Transformation
 
Responsive by Design! - Successfull by Chance?
Responsive by Design! - Successfull by Chance?Responsive by Design! - Successfull by Chance?
Responsive by Design! - Successfull by Chance?
 
Responsive goes Agile!
Responsive goes Agile!Responsive goes Agile!
Responsive goes Agile!
 
Digital Media Night - Responsive Web Design
Digital Media Night - Responsive Web DesignDigital Media Night - Responsive Web Design
Digital Media Night - Responsive Web Design
 
Responsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfResponsive Design by Peter Grosskopf
Responsive Design by Peter Grosskopf
 
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
Zeix i2 summit2012_responsivedesign&contentstrategy_v1-0_2012-11-21
 
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesign
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Webinar: Responsive Design
Webinar: Responsive DesignWebinar: Responsive Design
Webinar: Responsive Design
 
Responsive Web Design, So gelingt das Redesign
Responsive Web Design, So gelingt das RedesignResponsive Web Design, So gelingt das Redesign
Responsive Web Design, So gelingt das Redesign
 
Responsive Design - Reality Check
Responsive Design - Reality CheckResponsive Design - Reality Check
Responsive Design - Reality Check
 
Eins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive DesignEins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive Design
 
Responsive Web Design - Ein Überblick
Responsive Web Design - Ein ÜberblickResponsive Web Design - Ein Überblick
Responsive Web Design - Ein Überblick
 
Responsive Web Design Has Become One Of The Hottest Trend
Responsive Web Design Has Become One Of The Hottest TrendResponsive Web Design Has Become One Of The Hottest Trend
Responsive Web Design Has Become One Of The Hottest Trend
 
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design
2011 - CMS-Inhalte für mobile Endgeräte / Responsive Design
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 

Similar to Pantalk: Responsive Web Design

Ds latino alejandrov4
Ds latino alejandrov4Ds latino alejandrov4
Ds latino alejandrov4
alejandro_xf
 
Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017
Christian Heilmann
 
MeasureWorks - Design for Fast Experiences (Startup session).key
MeasureWorks  - Design for Fast Experiences (Startup session).keyMeasureWorks  - Design for Fast Experiences (Startup session).key
MeasureWorks - Design for Fast Experiences (Startup session).key
MeasureWorks
 
Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?
Christian Heilmann
 
Progressive Web Apps - Intro and State of Market in Australia
Progressive Web Apps - Intro and State of Market in AustraliaProgressive Web Apps - Intro and State of Market in Australia
Progressive Web Apps - Intro and State of Market in Australia
Erudite
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017
Christian Heilmann
 
IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...
IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...
IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...
John Head
 
Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013
Jon Arne Sæterås
 
Testing Mobile App Performance
Testing Mobile App PerformanceTesting Mobile App Performance
Testing Mobile App Performance
TechWell
 
Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015
Christian Heilmann
 
Parisjs fastvideoandimages
Parisjs fastvideoandimagesParisjs fastvideoandimages
Parisjs fastvideoandimages
Doug Sillars
 
Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote
Christian Heilmann
 
MeasureWorks - Shoppingtoday - 5 must-do's for the holiday season
MeasureWorks - Shoppingtoday - 5 must-do's for the holiday seasonMeasureWorks - Shoppingtoday - 5 must-do's for the holiday season
MeasureWorks - Shoppingtoday - 5 must-do's for the holiday season
MeasureWorks
 
Optimizing Web Performance for Mobile Users
Optimizing Web Performance for Mobile UsersOptimizing Web Performance for Mobile Users
Optimizing Web Performance for Mobile Users
Muhammad Samu
 
FID to INP: Mastering the New Core Web Vitals Metric
FID to INP: Mastering the New Core Web Vitals MetricFID to INP: Mastering the New Core Web Vitals Metric
FID to INP: Mastering the New Core Web Vitals Metric
Anton Shulke
 
What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015
Christian Heilmann
 
Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education
Chris Love
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive Web
Matt Carver
 
MeasureWorks - Windesheim Almere - Why Performance matters?
MeasureWorks  - Windesheim Almere - Why Performance matters?MeasureWorks  - Windesheim Almere - Why Performance matters?
MeasureWorks - Windesheim Almere - Why Performance matters?
MeasureWorks
 
MeasureWorks - Prepare your mobile User Experience for fast conversion
MeasureWorks - Prepare your mobile User Experience for fast conversionMeasureWorks - Prepare your mobile User Experience for fast conversion
MeasureWorks - Prepare your mobile User Experience for fast conversion
MeasureWorks
 

Similar to Pantalk: Responsive Web Design (20)

Ds latino alejandrov4
Ds latino alejandrov4Ds latino alejandrov4
Ds latino alejandrov4
 
Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017Progressive Web Apps - Goto Chicago 2017
Progressive Web Apps - Goto Chicago 2017
 
MeasureWorks - Design for Fast Experiences (Startup session).key
MeasureWorks  - Design for Fast Experiences (Startup session).keyMeasureWorks  - Design for Fast Experiences (Startup session).key
MeasureWorks - Design for Fast Experiences (Startup session).key
 
Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?Progressive Web Apps – the return of the web?
Progressive Web Apps – the return of the web?
 
Progressive Web Apps - Intro and State of Market in Australia
Progressive Web Apps - Intro and State of Market in AustraliaProgressive Web Apps - Intro and State of Market in Australia
Progressive Web Apps - Intro and State of Market in Australia
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017
 
IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...
IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...
IBM Digital Experience 2015 - APPLICATION MODERNIZATION IN THE DIGITAL EXPERI...
 
Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013Mobile is slow - Over the Air 2013
Mobile is slow - Over the Air 2013
 
Testing Mobile App Performance
Testing Mobile App PerformanceTesting Mobile App Performance
Testing Mobile App Performance
 
Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015Of innovation and impatience - Future Decoded 2015
Of innovation and impatience - Future Decoded 2015
 
Parisjs fastvideoandimages
Parisjs fastvideoandimagesParisjs fastvideoandimages
Parisjs fastvideoandimages
 
Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote Innovating the other web - #wrocsharp keynote
Innovating the other web - #wrocsharp keynote
 
MeasureWorks - Shoppingtoday - 5 must-do's for the holiday season
MeasureWorks - Shoppingtoday - 5 must-do's for the holiday seasonMeasureWorks - Shoppingtoday - 5 must-do's for the holiday season
MeasureWorks - Shoppingtoday - 5 must-do's for the holiday season
 
Optimizing Web Performance for Mobile Users
Optimizing Web Performance for Mobile UsersOptimizing Web Performance for Mobile Users
Optimizing Web Performance for Mobile Users
 
FID to INP: Mastering the New Core Web Vitals Metric
FID to INP: Mastering the New Core Web Vitals MetricFID to INP: Mastering the New Core Web Vitals Metric
FID to INP: Mastering the New Core Web Vitals Metric
 
What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015What's next? J and beyond keynote 2015
What's next? J and beyond keynote 2015
 
Progressive Web Apps for Education
Progressive Web Apps for EducationProgressive Web Apps for Education
Progressive Web Apps for Education
 
New Rules of The Responsive Web
New Rules of The Responsive WebNew Rules of The Responsive Web
New Rules of The Responsive Web
 
MeasureWorks - Windesheim Almere - Why Performance matters?
MeasureWorks  - Windesheim Almere - Why Performance matters?MeasureWorks  - Windesheim Almere - Why Performance matters?
MeasureWorks - Windesheim Almere - Why Performance matters?
 
MeasureWorks - Prepare your mobile User Experience for fast conversion
MeasureWorks - Prepare your mobile User Experience for fast conversionMeasureWorks - Prepare your mobile User Experience for fast conversion
MeasureWorks - Prepare your mobile User Experience for fast conversion
 

Recently uploaded

The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
Larry Smarr
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
Kief Morris
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
Larry Smarr
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
Aurora Consulting
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
UiPathCommunity
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
Stephanie Beckett
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
ArgaBisma
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
Emerging Tech
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
Matthew Sinclair
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
Tatiana Al-Chueyr
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
Eric D. Schabell
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
HackersList
 
Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024
BookNet Canada
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
Awais Yaseen
 
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
Liveplex
 
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition
Yevgen Sysoyev
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
Matthew Sinclair
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
rajancomputerfbd
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
huseindihon
 
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
Toru Tamaki
 

Recently uploaded (20)

The Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU CampusesThe Increasing Use of the National Research Platform by the CSU Campuses
The Increasing Use of the National Research Platform by the CSU Campuses
 
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
[Talk] Moving Beyond Spaghetti Infrastructure [AOTB] 2024-07-04.pdf
 
The Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive ComputingThe Rise of Supernetwork Data Intensive Computing
The Rise of Supernetwork Data Intensive Computing
 
Quality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of TimeQuality Patents: Patents That Stand the Test of Time
Quality Patents: Patents That Stand the Test of Time
 
UiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs ConferenceUiPath Community Day Kraków: Devs4Devs Conference
UiPath Community Day Kraków: Devs4Devs Conference
 
What's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptxWhat's New in Copilot for Microsoft365 May 2024.pptx
What's New in Copilot for Microsoft365 May 2024.pptx
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
 
20240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 202420240705 QFM024 Irresponsible AI Reading List June 2024
20240705 QFM024 Irresponsible AI Reading List June 2024
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
 
How Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdfHow Social Media Hackers Help You to See Your Wife's Message.pdf
How Social Media Hackers Help You to See Your Wife's Message.pdf
 
Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024Details of description part II: Describing images in practice - Tech Forum 2024
Details of description part II: Describing images in practice - Tech Forum 2024
 
Best Programming Language for Civil Engineers
Best Programming Language for Civil EngineersBest Programming Language for Civil Engineers
Best Programming Language for Civil Engineers
 
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALLBLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
BLOCKCHAIN FOR DUMMIES: GUIDEBOOK FOR ALL
 
DealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 editionDealBook of Ukraine: 2024 edition
DealBook of Ukraine: 2024 edition
 
20240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 202420240704 QFM023 Engineering Leadership Reading List June 2024
20240704 QFM023 Engineering Leadership Reading List June 2024
 
Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
 
find out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challengesfind out more about the role of autonomous vehicles in facing global challenges
find out more about the role of autonomous vehicles in facing global challenges
 
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...
 

Pantalk: Responsive Web Design