Responsive Design: Past, Present, Future

•Download as PPTX, PDF•

0 likes•661 views

Web content now lives on multiple devices and platforms. We are designing content that will live on evolving smart devices, smart TVs, dumb devices, and low res screen platforms. What are the design implications for multiscreen patterns such as coherence, device shifting and the growing trend of zero UI? Designing digital products is about how people connect with content on the various ecosystems of screens. The nature of digital is changing and how we design and implement needs to rapidly evolve.

Internet

Responsive Design:
Past, Present & Future
FITC Spotlight Advanced
Responsive Design 2016
@andrewsmyk

640 x 480
800 x 600
1024 x 768
1200 x 900
1920 x 1200
@andrewsmyk
past

I am gonna have to media query the shit out of this.

design with text only
@andrewsmyk
present

design with text only
@andrewsmyk
past
present
future

design with text only:
helps keep your media queries as simple as possible.
@andrewsmyk
present

design with text only:
Pages are low weight with high performance.
@andrewsmyk
present

An unstyled HTML page is
ubiquitous and device agnostic.
@andrewsmyk
past
present
future

“Design consistency is not about pixels.”
@andrewsmyk
present

Responsive Typography
Building for Hierarchy
Size
Weight
Color
Position
Type Contrast

Responsive Typography
9 12 16 21 28 37 50 67 89

Responsive Typography
Creates Typographic
rhythm

Responsive Typography
Why Modular Scales?
increases readability
increases legibility
balances white-space
balances typographic texture
type contrast

Responsive Typography
Modular Scales
2:3 (perfect fifth)
3:4 (perfect fourth) *
1:1.618 (golden section)
4:5 (major third)
3:5 (major sixth)
9:16 (minor seventh) *

Responsive Typography
Modular Math for 3:4
¾ = .75
16px base font
16/.75 = 21px
21/.75 = 28px
28/.75 = 37px
37/.75 = 50px

Responsive Typography
9 12 16 21 28 37 50 67 89
10 13 18 24 32 42 56 74

Responsive Typography
Modular Line Height
- As the screen gets smaller, increase line height
- 1/.75 = 1.3

It’s all about the content.
@andrewsmyk
present

Content Modeling & Strategy
• Content Engagement
• Content Curation
• Rank and Prioritize Content
@andrewsmyk
present

accessibility:
#a11y
WCAG
@andrewsmyk
present

Provide text alternatives (WCAG2)
Readable and Understandable (WCAG2)
Content Appears and Operates
in Predictable Ways (WCAG2)
Robust Compatibility with Current
and Future Devices (WCAG2)
@andrewsmyk
present

Use Role attribute properly (a11y)
Link are recognizable (a11y)
Logical Layouts and Patterns (a11y)
Semantic Headings and Structures (a11y)
@andrewsmyk
present

@andrewsmyk
present
progressive
web apps

Responsive
App-like-interactions
Discoverable
Installable
Linkable
@andrewsmyk
present

Browser Dependent
URL masking
Empty Shell (wait for content downloading)
@andrewsmyk
present

@media (distance: far) {
/* increase text size here */
}
@andrewsmyk
future

“Adjust to Screen”
iPad viewport of 768 as a baseline
for large screens at distance.
@andrewsmyk
future

@andrewsmyk
future
Facial Recognition and Distance

@andrewsmyk
www.andrewsmyk.com/advancedrwd

Viewers also liked

Recruitment

Andrew Smyk

Digital Kids on Branding, Privacy and Technology Bias - PSUWeb13

Andrew Smyk

Leveraging mobile to increase student engagement - HighEdWeb - Arkansas

Andrew Smyk

Digital Kids on Branding, Privacy and Technology Bias - HeWebAR 2013

Andrew Smyk

Mobile technology’s innovation and growth have outpaced and outgrown our current teaching ideals and delivery methodologies at all levels of education. We are entering into a perfect storm for m-learning. Instead of top-down transmitting models, we could engage learners with collaborative models that are already in place via text messaging and crowdsourcing available via social networks. We could encourage anywhere, anytime learning through instant access to information and more satisfying inquiry for teachers and learners.

Rethinking mlearning and the Promise of Flying Cars ConfabEdu 2014

Andrew Smyk

Digital Kids on Branding, Privacy and Technology Bias - MinneWebCon13

Andrew Smyk

Leveraging Mobile to Increase Student Engagement - HighEdWeb - Michigan

Andrew Smyk

Mobile technology innovation and growth have outpaced and outgrown our current teaching ideals and delivery methodologies at all levels of education. We are entering into a perfect storm for m-learning. Instead of top-down transmitting models, we could engage learners with collaborative models that are already in place via text messaging, and crowd sourcing that are available via social networks. We could encourage anywhere, anytime learning through instant access to information and more satisfying inquiry for teachers and learners. What is lacking in online learning delivery is the integration of mobile for content, access to course content and creating situated learning. The future of learning opportunities lies in context-aware ubiquitous learning, leveraging peer-to-peer, personalization, and multimedia interaction. Digital is the old way of thinking. Mobile is the new way – the way we think today.

Rethinking Mobile Learning and the Promise of Flying Cars

Andrew Smyk

Look at mobile from a child’s perspective to gain insight to practical take-a-ways for implementation with real world examples. See how storytelling, usability and interactive design change the mobile user experience when designed and developed with a four year in mind. In this session, explore a project case study involving the UX for the various mobile platforms and decisions regarding navigation, content strategy based on testing the user experience with my 4 year old daughter by changing to kid friendly content and images. Take advantage of the humbling and brutal honesty of kids to build practical and engaging mobile web applications. Feedback was used to make changes to the RWD site’s user experience and the content strategy. If you can engage a 4 year old with good UX, you can certainly engage the target market with good UI/UX, presentation and navigation. Answer the pressing question “where are the ponies?” in your mobile UX.

What You Can Learn From a 4 Year Old About Ponies and Mobile UX

Andrew Smyk

Simple communication strategies and social media tools can help maintain student enthusiasm for enrolling in your program and keeping applicants engaged through the “out of sight, out of mind” summer months. In this session, Andrew we will go over how to develop, launch and maintain a cross-channel recruitment and admissions strategy to increase enrolment and recruit highly motivated and focused students for an academic program. This is not an exercise in filling seats, but a way to get the type of student your academic departments want in their programs.

Building Effective Cross-Channel Communication Strategies with Applicants

Andrew Smyk

From Digital, to Physical and Back Again

Andrew Smyk

Kids are growing up in a world filled with ubiquitous mobile devices and access to the world’s knowledge literally at their finger tips. We are seeing students who are mobile and connected. Tech-savvy kids are growing up to be tech-savvy college bound teens who are connected, social and will bring with them a new paradigm of gesture bias and interaction preferences with technologies, media and privacy. This cohort will break down the traditional ideas of branding, marketing and personal privacy and continue in their dependence on online information and social media. How will this bias for gesture/touch over mouse/keyboard influence the adoption of technology? How will the consumption of content change? How will we adapt and change to meet the new expectations of the digital kids?

Digital Kids and Technology Bias - Girl Geeks TO Edition

Andrew Smyk

Managing Responsive Design Projects

Andrew Smyk

your UX is not my UX

Andrew Smyk

Manage client expectations and get sign off for multi-screen, responsive projects with interactive mock-ups. Move away from the traditional use of Photoshop for interface mock-ups for multi-device interface and interaction designs. Incorporate client involvement for flexible decision making in responsive web design projects and building cost of devices into pricing models, guerrilla usability testing and project deliverables.

Managing Responsive Design Projects

Andrew Smyk

Viewers also liked (15)

Recruitment

Digital Kids on Branding, Privacy and Technology Bias - PSUWeb13

Leveraging mobile to increase student engagement - HighEdWeb - Arkansas

Digital Kids on Branding, Privacy and Technology Bias - HeWebAR 2013

Rethinking mlearning and the Promise of Flying Cars ConfabEdu 2014

Digital Kids on Branding, Privacy and Technology Bias - MinneWebCon13

Leveraging Mobile to Increase Student Engagement - HighEdWeb - Michigan

Rethinking Mobile Learning and the Promise of Flying Cars

What You Can Learn From a 4 Year Old About Ponies and Mobile UX

Building Effective Cross-Channel Communication Strategies with Applicants

From Digital, to Physical and Back Again

Digital Kids and Technology Bias - Girl Geeks TO Edition

Managing Responsive Design Projects

your UX is not my UX

Managing Responsive Design Projects

Similar to Responsive Design: Past, Present, Future

Responsive Design, Past, Present and Future Andrew Smyk, Sheridan College Overview Web content now lives on multiple devices and platforms. We are designing content that will live on evolving smart devices, smart TVs, dumb devices, and low res screen platforms. What are the design implications for multiscreen patterns such as coherence, device shifting and the growing trend of zero UI? Designing digital products is about how people connect with content on the various ecosystems of screens. The nature of digital is changing and how we design and implement needs to rapidly evolve. Objective Think beyond the pixel and how to build content for past, present and future design considerations. Target Audience UX designers, developers and product managers who current implement fluid/responsive sites. Attendees should have experience in design and implementing responsive designs for multiple devices and platforms. Five Things Audience Members Will Learn How to design with type for being A11y compliant and backwards compatible. Designing for readability. How to incorporate lightweight design process. Why we need to think beyond smart devices? What is the future of responsive design beyond standard media queries?

Responsive Design, Past, Present and Future

FITC

Advanced Design Methods 1, Day 1

Aaron Gustafson

Responsive Web Design

Andy Croll

Responsive Design & Mobile First

Luke Brooker

Coding for Designers

Milly Schmidt

Managing Responsive Design Projects with Andrew Smyk Presented on September 18 2014 at FITC's Web Unleashed Toronto 2014 Conference Please join Andrew Smyk in this session to learn and discuss how to: Manage client expectations and get sign off for multi-screen, responsive projects with interactive mock-ups. Move away from the traditional use of Photoshop for interface mock-ups for multi-device interface and interaction designs. Incorporate client involvement for flexible decision making in responsive web design projects and building cost of devices into pricing models, guerrilla usability testing and project deliverables. OBJECTIVE Learn why you should be designing at the very end in the desired devices. TARGET AUDIENCE This session is for freelancers, account managers, project managers or anyone who produces deliverables for clients. ASSUMED AUDIENCE KNOWLEDGE Attendees should have a working knowledge of project workflows and deliverables. AUDIENCE MEMBERS WILL LEARN Wire-framing in the browser Moving away from Photoshop mock-ups Flexible decision making using dynamic mock-ups Guerilla user testing Building a device lab and device testing Exposure to new tool sets

Managing Responsive Design Projects

FITC

Responsive Design

evantravers

Phones, laptops, game consoles, TVs, and even smartwatches - what do they have in common? Internet access and their own web browsers. On one hand it’s a blessing, having immediate access to information, but on the other hand, the number of available combinations of screens and their parameters is simply overwhelming. During this presentation, I will try to explain some of the current problems faced not only designers and developers but by regular people browsing the web. As a bonus, I would like to share his vision regarding possible development directions thanks to upcoming innovations in media types.

State of responsive web design in 2019 and beyond

Kamil Biedrzycki

Drupal as a Data Purveyor, Part I

Tim Hamilton

Responsive web design

Chris Love

After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain. One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different, and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it.

Adapting to Reality [Starbucks Lunch & Learn]

Aaron Gustafson

Some web design ideas

Matt Stevens

There is no mobile or desktop Web: we view the same Web, but in different ways. So what is the secret sauce to give the best experience to our users? Drown your fixed-width design, destroy your device-specific approaches and ride the web's unicorn while an orchestra is playing we are the champion in the background: you found the holy grail! It's responsive web design. It's not new. It's not magical. Still, we need it as the bytes going thru the wires doesn't always give us the best experience out there. So stop watching cats videos, and learn more about how you can use Responsive Web Design's approach to your current site, today.

Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25

Frédéric Harper

Devices are as unique as their users. Detecting the end user’s platform is a fruitless expenditure that often leads to wrong assumptions. Maintaining multiple web applications for different platforms is not cost effective and stressful. Responsive web design is a way to design your applications for devices of all shapes, sizes and resolutions. This session covers a definition, examples and how to execute a proper mobile first responsive design. We will also cover how to use responsive images to ensure your application performs well.

Using Responsive Web Design To Make Your Web Work Everywhere

Chris Love

Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...

Frédéric Harper

Designing future proof websites

Four Kitchens

My talk from Digital Marketing 2013 (http://dm13.dk). Making a fluid layout with Responsive web design is just a small part of creating a design, that works and looks stunningly across all devices. Good, modern web design is about so much more. It's about getting rid of clutter and unnecessary content, about optimized images for better performance, about changing the way you work and the tools you use, and a lot more.

Responsive web design - or just web design?

Claus Stadel

Aaron Carlino: Head lessons - virtual stripecon 2021

StripeConTeam

After enjoying more than a decade of relative stability in designing for the 'desktop' web, smartphones had to come along and throw a wrench in the works. It seemed that in an instant, everything changed and nothing was certain any more. The truth is, though, nothing was ever certain. One of the web’s major strengths is its ability to adapt, to travel anywhere and everywhere in service of its users. All those years we were the ones restraining it with our desire to create a single monolithic experience. But experience is not monolithic. Every person is different and we all bring our unique perspectives, experiences, and capabilities to the table. A one-size-fits-all approach rarely fits anyone well. When we embrace that, our designs, products, and experiences will be all the better for it. In this talk, Aaron will discuss and dissect several adaptive interfaces and demonstrate how they smartly morph to meet their users’ needs — slow connections, older browsers, narrow screens, and even no screens at all. He’ll also introduce you to a battle-tested tool for planning, discussing, building and testing adaptive interfaces.

Exploring Adaptive Interfaces [Generate 2017]

Aaron Gustafson

Using Responsive Web Design To Make Your Web Work Everywhere - Updated

Chris Love

Similar to Responsive Design: Past, Present, Future (20)

Responsive Design, Past, Present and Future

Advanced Design Methods 1, Day 1

Responsive Web Design

Responsive Design & Mobile First

Coding for Designers

Managing Responsive Design Projects

Responsive Design

State of responsive web design in 2019 and beyond

Drupal as a Data Purveyor, Part I

Responsive web design

Adapting to Reality [Starbucks Lunch & Learn]

Some web design ideas

Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25

Using Responsive Web Design To Make Your Web Work Everywhere

Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...

Designing future proof websites

Responsive web design - or just web design?

Aaron Carlino: Head lessons - virtual stripecon 2021

Exploring Adaptive Interfaces [Generate 2017]

Using Responsive Web Design To Make Your Web Work Everywhere - Updated

Recently uploaded

It's important to remember that accessing the dark web can be risky and requires specialized skills and tools. Many organizations leverage threat intelligence companies that have a safe and legal way to monitor these areas and extract valuable information. Let's shine some light on the Dark Web. Kyle Hettinger from Recorded Future's Dark Web research team joins GDG Cloud Southlake joins to Demystify the Dark Web. Kyle has been doing cybercrime investigations for over 10 years, and has collaborated with both public and private sector partners to identify, mitigate, and neutralize cybercriminals.

GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web

James Anderson

DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024

APNIC

Russian Call Girls in %(+971524965298 )# Call Girls in Dubai

Dubai call girls 971524965298 Call girls in Bur Dubai

Call Girls In Model Towh Delhi +91-8264348440 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in Delhi NCR 24 Hours Available Service Call Girls, Contact Us +91-8264348440 (Any Time. Any Where) Call Girls in Delhi, Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service Delhi NCRWelcome To Delhi Escorts Service – An All Over New Delhi Very Sexy Hot Call Girls Agency Service Escorts In South DelhiNCRDelhi’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Delhi Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort Service – 24×7 .Call Whatsapp, +91-8264348440 Our Services and Rates: –– In call Shot 1500 Out Call Short 2000: – In call Night 6000 Out Call Night 7000Minimum To Maximum Range AvailableOnly Serious And Genuine Persons Can Contact Us : +91-8264348440 Call Girls in Delhi At All Location :– Malviya Nagar, Saket, Hauz Khas, Dwarka, Mahipalpur, Aerocity, Lajpat Nagar, Nehru Place karol Bagh, Near Metro Station :Call Us Whatapp Call Now +91-8264348440

Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝

soniya singh

Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R. Why you Choose Us- +91-8264348440 I Have Extremely Beautiful Broad Minded Cute Sexy & Hot Call Girls Delhi and Escorts, We Are Located in 3* 4* 5* Hotels. Safe & Secure High Class Services Affordable Rate 100% Satisfaction, Unlimited Enjoyment. Any Time for Model/Teens Escort in Delhi High class luxury and premium escorts agency. ★ CALL US High Class Luxury and Premium Escort Service We Provide Well Educated,Royal Class Female,High-Class Escort Service Offering a Top High Class Escort Service In The & Several Nearby All Places of . ★ To Enjoy With Hot and Sexy Girls . ★ We Are Providing :- • 3* 5* 7*Hotels Service • Hygienic Full AC Neat and Clean Rooms Avail. • Daily New Escorts Staff Available • Minimum to Maximum Range Available. Our escort service •BJ (Blowjob) •FK (French kissing) •Kissing with tongue •O-Level (Oral sex) •Long Silky Brown Hair •69 (69 sex) •A-Level (5 start Escort) •Dating

Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.

soniya singh

All Time Service Available Call Girls Mg Road 👌 ⏭️ 6378878445 Why you Choose Us- +91-6378878445 Bangalore Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertaining. Plus they look fabulously elegant; making an impressionable I Have Extremely Beautiful Broad Minded Cute Sexy & Hot Call Girls and Escorts, We Are Located in 3* 4* 5* Hotels. Safe & Secure High Class Services Affordable Rate 100% Satisfaction, Unlimited Enjoyment. Any Time for Model/Teens Escort in Delhi High class luxury and premium escorts agency. CALL US High Class Luxury and Premium Escort Service We Provide Well Educated,Royal Class Female,High-Class Escort Service Offering a Top High Class Escort Service In The & Several Nearby All Places of . (L030524]k)

All Time Service Available Call Girls Mg Road 👌 ⏭️ 6378878445

ruhi

Call Girls In Defence Colony Delhi +91-8264348440 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in Delhi NCR 24 Hours Available Service Call Girls, Contact Us +91-8264348440 (Any Time. Any Where) Call Girls in Delhi, Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service Delhi NCRWelcome To Delhi Escorts Service – An All Over New Delhi Very Sexy Hot Call Girls Agency Service Escorts In South DelhiNCRDelhi’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Delhi Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort Service – 24×7 .Call Whatsapp, +91-8264348440 Our Services and Rates: –– In call Shot 1500 Out Call Short 2000: – In call Night 6000 Out Call Night 7000Minimum To Maximum Range AvailableOnly Serious And Genuine Persons Can Contact Us : +91-8264348440 Call Girls in Delhi At All Location :– Malviya Nagar, Saket, Hauz Khas, Dwarka, Mahipalpur, Aerocity, Lajpat Nagar, Nehru Place karol Bagh, Near Metro Station :Call Us Whatapp Call Now +91-8264348440

Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝

soniya singh

AWS Community DAY Albertini-Ellan Cloud Security (1).pptx

ellan12

Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Service At Affordable Rate Booking Contact Details WhatsApp Chat: +91-6297143586 pune Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertaining. Plus they look fabulously elegant; making an impressionable. Independent Escorts pune understands the value of confidentiality and discretion - they will go the extra mile to meet your needs. Simply contact them via text messaging or through their online profiles; they'd be more than delighted to accommodate any request or arrange a romantic date or fun-filled night together. We provide - 01-may-2024(v.n)

Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...

Call Girls in Nagpur High Profile

Call Girls Dubai Dubai Call Girls Agency Vip Call Girls Dubai Hot Call Girls Dubai Out Call Girls Dubai Best Call Girls Dubai Indian And Pakistani Call Girls Dubai Independent Call Girls Dubai Dubai Indian Call Girls Agency Class Call Girls In Dubai #First Class Call Girls In Dubai #Full Massage Services Call Girls In Dubai Full Night Call Girls Dubai Hourly Call Girls Dubai Call Girls Deira Dubai Dating Call Girls In Deira Dubai Silicon Oasis Call Girls Dubai International City Call Girls Dubai Al Jaddaf Al Satwa Al Quoz Al Barsha South Media City Discovery Garden Call Girls Dubai Al Jaffiliya,Business Bay,Al Karama,Bur Dubai,Deira,Dubai,Palm Jumeirah,Al Wasl,Trade Centre,Dubai Mall,JBR,JVC,JLT,Discovery Garden Al Nahda Call Girls Dubai Al Qusais Call Girls Dubai Dating Call Girls Dubai Dubai Call Girls Services Provide In Ajman_Dubai_RAK_UMQ_Fujairah_Abu_Dhabi#Indian #Tamil #Kerala #Russian #Philippine #Morocco #Thailand #English Models In Dubai #If You Want Serv#Dubai Pakistani Call Girls Agency #Beautiful Call Girls in Dubai #High ices Just Send Me Text On Whatsapp #

Al Barsha Night Partner +0567686026 Call Girls Dubai

Escorts Call Girls

Trump Diapers Over Dems t shirts Sweatshirt

rahman018755

VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And Reasonable Packages Near You Booking Now open +91- 8005736733 Why you Choose Us- +91- 8005736733 HOT⇄ 8005736733 Mr ashu ji Call Mr ashu Ji +91- 8005736733 𝐇𝐨𝐭𝐞𝐥 𝐑𝐨𝐨𝐦𝐬 𝐈𝐧𝐜𝐥𝐮𝐝𝐢𝐧𝐠 𝐑𝐚𝐭𝐞 𝐒𝐡𝐨𝐭𝐬/𝐇𝐨𝐮𝐫𝐲🆓 .█▬█⓿▀█▀ 𝐈𝐍𝐃𝐄𝐏𝐄𝐍𝐃𝐄𝐍𝐓 𝐆𝐈𝐑𝐋 𝐕𝐈𝐏 𝐄𝐒𝐂𝐎𝐑𝐓 Hello Guys ! High Profiles young Beauties and Good Looking standard Profiles Available , Enquire Now if you are interested in Hifi Service and want to get connect with someone who can understand your needs. Service offers you the most beautiful High Profile sexy independent female Escorts in genuine ✔✔✔ To enjoy with hot and sexy girls ✔✔✔$V15 ★providing:- • Models • vip Models • Russian Models • Foreigner Models • TV Actress and Celebrities • Receptionist • Air Hostess • Call Center Working Girls/Women • Hi-Tech Co. Girls/Women • Housewife

VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...

SUHANI PANDEY

Call Girls In Pratap Nagar Delhi +91-8264348440 !! Best Woman Seeking Man Call Girls Service, Escorts Service in Home Hotel in Delhi NCR 24 Hours Available Service Call Girls, Contact Us +91-8264348440 (Any Time. Any Where) Call Girls in Delhi, Noida, Gurgaon, Ghaziabad,Sexy Indian Female Escorts Service Delhi NCRWelcome To Delhi Escorts Service – An All Over New Delhi Very Sexy Hot Call Girls Agency Service Escorts In South DelhiNCRDelhi’s No. 1 High Profile Independent Female Escorts Service. We Provide Good Quality Educated Profile At Very Regnebal Price 100% Safe And Original.We Are Provide Escorts Service All OYO Hotels ,3*,4*,5* Star Hotel And Home Flat, Apartment. Guest-House. Services In -Call And Out – Call Both Are Services Available. 24Hrs. Any Time Any Where. In All Over Delhi Noida Gurgaon Ghaziabad Faridabad.More Information And Contact Profile Real Pic Visit Our Website City Wise Escorts Service Agency.Good Looking Cheap And Best Models Girls U Can Get Best Click On Link……Night Call Girls Now In Hotel Le Meridien Gurgaon Near Female Escort Service – 24×7 .Call Whatsapp, +91-8264348440 Our Services and Rates: –– In call Shot 1500 Out Call Short 2000: – In call Night 6000 Out Call Night 7000Minimum To Maximum Range AvailableOnly Serious And Genuine Persons Can Contact Us : +91-8264348440 Call Girls in Delhi At All Location :– Malviya Nagar, Saket, Hauz Khas, Dwarka, Mahipalpur, Aerocity, Lajpat Nagar, Nehru Place karol Bagh, Near Metro Station :Call Us Whatapp Call Now +91-8264348440

Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝

soniya singh

Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R. Why you Choose Us- +91-8264348440 I Have Extremely Beautiful Broad Minded Cute Sexy & Hot Call Girls Delhi and Escorts, We Are Located in 3* 4* 5* Hotels. Safe & Secure High Class Services Affordable Rate 100% Satisfaction, Unlimited Enjoyment. Any Time for Model/Teens Escort in Delhi High class luxury and premium escorts agency. ★ CALL US High Class Luxury and Premium Escort Service We Provide Well Educated,Royal Class Female,High-Class Escort Service Offering a Top High Class Escort Service In The & Several Nearby All Places of . ★ To Enjoy With Hot and Sexy Girls . ★ We Are Providing :- • 3* 5* 7*Hotels Service • Hygienic Full AC Neat and Clean Rooms Avail. • Daily New Escorts Staff Available • Minimum to Maximum Range Available. Our escort service •BJ (Blowjob) •FK (French kissing) •Kissing with tongue •O-Level (Oral sex) •Long Silky Brown Hair •69 (69 sex) •A-Level (5 start Escort) •Dating {{{N.M}}} 30-04-2024

Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.

soniya singh

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service

Delhi Call girls

'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...

APNIC

Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵 (Simran) Call Girls in Chandigarh- 9053900678Escorts Service 50% Off with Cash ON Delivery★ 😋 Chandigarh Call girls ✂️ Service Hello my dear gentleman ❤️ Are you looking for a smart, beautiful Girl ? I will seduce you and intoxicate you from head to toe, with beautiful green eyes, soft pout, curly hair, big natural breasts, and flawless curves. I'm flirtatious, I exude confidence and incredible attractiveness, and I've mastered the art of seduction, which makes me the perfect companion for any occasion that calls for a little depraved play. Unforgettable appointment at your hotel or in my apartment. Call Girls in Chandigarh Chandigarh Call Girl Service call girl Chandigarh Chandigarh call girl escort in Chandigarh Chandigarh escort. Chandigarh escort service, Escort service in Chandigarh, Chandigarh escorts service, Chandigarh escorts agency. I Have Extremely Beautiful Broad Minded Cute Sexy & Hot Call Girls and Escorts, We Are Located in 3* 4* 5* Hotels in Chandigarh. Safe & Secure High-Class Services Affordable Rate 100% Satisfaction, Unlimited Enjoyment. Any Time for Model/Teens Escort in Chandigarh High-Class luxury and Premium Escorts ServiCe. Hot And Sexy Independent Model Escort Service In Chandigarh Unlimited Enjoy Genuine 100% Profiles And Trusted Door Step Call Girls Feel Free To Call Us Female Service Hot Busty & Sexy Party Girls Available For Complete Enjoyment. We Guarantee Full Satisfaction & In Case Of Any Unhappy Experience, We Would Refund Your Fees, Without Any Questions. Feel Free To Call Us Female Service Provider Hours Open Thanks. ★ CALL US High Class Luxury and Premium Escorts ServiCe We Provide Well Educated, Royal Class Female, High-Class Escorts Offering a Top High-Class Escorts Service In the & Several Nearby All Places Of . ★ Get The High Profile, Bollywood Queens , Well Educated , Good Looking , Full Cooperative Model Services. You Can See Me at My Comfortable Hotels or I Can Visit You In hotel Our Service Available IN All SERVICE, 3/4/5 STAR HOTEL , In Call /Out Call Services.24 hrs , ★ To Enjoy With Hot and Sexy Girls . ★ We Are Providing :- • Models • Vip Models • Russian Models • Foreigner Models • TV Actress and Celebrities • Receptionist • Air Hostess • Call Center Working Girls/Women • Hi-Tech Co. Girls/Women • Housewife • Collage Going Girls. • Travelling Escorts. • Ramp-Models • Foreigner And Many More.. Incall & Outcall Available… • INDEPENDENT GIRLS / HOUSE WIFES ★ I Guarantee You To Have An Unforgettable Experience With Me.A Curvy Body, long Hair and Silky Smooth Skin. She Is an Independent Escorts Model Will Give You More Pleasure & Full Satisfaction. ★OUR BEST SERVICES: – FOR BOOKING CALL Call/WhatsApp ☎+91-9115573837☎ ★ A-Level (5 Star Escort) ★ Strip-Tease ★ BBBJ (Bareback Blowjob) ★ Spending time in my rooms ★ BJ (Blowjob Without a Condom) ★ COF (Come On Face) ★ Completion ★ (Oral To Completion) ★ Special Massage ★ O-Level (Oral s

Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵

Chandigarh Call girls 9053900678 Call girls in Chandigarh

Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available

Seo

valsad Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call Girls In valsad Book All India 5 Star Hotels 👄 Escorts Service Available Whatsapp Chaya ☎️ : [+91-6378878445] Escorts Service are always ready to make their clients happy. Their exotic looks and sexy personalities are sure to turn heads. You can enjoy with them, including massages and erotic encounters. Our area Escorts are young and sexy, so you can expect to have an exotic time with them. They are trained to satiate your naughty nerves and they can handle anything that you want. They are also intelligent, so they know how to make you feel comfortable and relaxed Independent Escorts Service They know all the sex positions and can satisfy you in any way that you desire. They can even give you erotic massages to help you relax before your session. This is essential, because a man who is stressed won’t be receptive to the pleasures of sex. They also know how to play with your sexy organs, so you’ll have plenty of foreplay and cuddling. P452024SS SERVICE ✅ ❣️ ⭐➡️HOT & SEXY MODELS // COLLEGE GIRLS HOUSE WIFE RUSSIAN , AIR HOSTES ,VIP MODELS . AVAILABLE FOR COMPLETE ENJOYMENT WITH HIGH PROFILE INDIAN MODEL AVAILABLE HOTEL & HOME ★ SAFE AND SECURE HIGH CLASS SERVICE AFFORDABLE RATE ★ SATISFACTION,UNLIMITED ENJOYMENT. ★ All Meetings are confidential and no information is provided to any one at any cost. ★ EXCLUSIVE PROFILes Are Safe and Consensual with Most Limits Respected ★ Service Available In: - HOME & HOTEL Star Hotel Service .In Call & Out call SeRvIcEs : ★ A-Level (star escort) ★ Strip-tease ★ BBBJ (Bareback Blowjob)Receive advanced sexual techniques in different mode make their life more pleasurable. ★ Spending time in hotel rooms ★ BJ (Blowjob Without a Condom) ★ Completion (Oral to completion) ★ Covered (Covered blowjob Without condom ★ANAL SERVICES.

valsad Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call Girls...

Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure

Call Girl Pune Indira Call Now: 8250077686 Pune Escorts Booking Contact Details WhatsApp Chat: +91-8250077686 Pune Escort Service includes providing maximum physical satisfaction to their clients as well as engaging conversation that keeps your time enjoyable and entertainin. Plus they look fabulously elegant; making an impressionable. Independent Escorts Pune understands the value of confidentiality and discretion - they will go the extra mile to meet your needs. Simply contact them via text messaging or through their online profiles; they'd be more than delighted to accommodate any request or arrange a romantic date or fun-filled night together. We provide –

(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7

Call Girls in Nagpur High Profile Call Girls

Recently uploaded (20)

GDG Cloud Southlake 32: Kyle Hettinger: Demystifying the Dark Web

DDoS In Oceania and the Pacific, presented by Dave Phelan at NZNOG 2024

Russian Call Girls in %(+971524965298 )# Call Girls in Dubai

Call Girls In Model Towh Delhi 💯Call Us 🔝8264348440🔝

Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.

All Time Service Available Call Girls Mg Road 👌 ⏭️ 6378878445

Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝

AWS Community DAY Albertini-Ellan Cloud Security (1).pptx

Top Rated Pune Call Girls Daund ⟟ 6297143586 ⟟ Call Me For Genuine Sex Servi...

Al Barsha Night Partner +0567686026 Call Girls Dubai

Trump Diapers Over Dems t shirts Sweatshirt

VVIP Pune Call Girls Sinhagad WhatSapp Number 8005736733 With Elite Staff And...

Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝

Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.

Enjoy Night⚡Call Girls Dlf City Phase 3 Gurgaon >༒8448380779 Escort Service

'Future Evolution of the Internet' delivered by Geoff Huston at Everything Op...

Low Sexy Call Girls In Mohali 9053900678 🥵Have Save And Good Place 🥵

Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available

valsad Escorts Service ☎️ 6378878445 ( Sakshi Sinha ) High Profile Call Girls...

(INDIRA) Call Girl Pune Call Now 8250077686 Pune Escorts 24x7

Responsive Design: Past, Present, Future

2. Responsive Design: Past, Present & Future FITC Spotlight Advanced Responsive Design 2016 @andrewsmyk

4. www.andrewsmyk.com/advancedrwd

5. @andrewsmyk

6. @andrewsmyk

7. @andrewsmyk future past present

8. @andrewsmyk future past present

9. 640 x 480 800 x 600 @andrewsmyk past

10. 640 800 @andrewsmyk past

11. @andrewsmyk past

12. 640 x 480 800 x 600 1024 x 768 1200 x 900 1920 x 1200 @andrewsmyk past

13. @andrewsmyk past

14. @andrewsmyk past

15. @andrewsmyk past

16.

17. @andrewsmyk present

18.

19.

20. @andrewsmyk present

21. I am gonna have to media query the shit out of this.

22. design with text only @andrewsmyk present

23. @andrewsmyk past present future

24. design with text only @andrewsmyk past present future

25. @andrewsmyk past present future

26. design with text only: helps keep your media queries as simple as possible. @andrewsmyk present

27. design with text only: Pages are low weight with high performance. @andrewsmyk present

28. An unstyled HTML page is ubiquitous and device agnostic. @andrewsmyk past present future

29. “Design consistency is not about pixels.” @andrewsmyk present

30. Responsive Typography Building for Hierarchy Size Weight Color Position Type Contrast

31. Responsive Typography Modular scale

32. Responsive Typography 9 12 16 21 28 37 50 67 89

33. Responsive Typography Creates Typographic rhythm

34. Responsive Typography Why Modular Scales? increases readability increases legibility balances white-space balances typographic texture type contrast

35. Responsive Typography Modular Scales 2:3 (perfect fifth) 3:4 (perfect fourth) * 1:1.618 (golden section) 4:5 (major third) 3:5 (major sixth) 9:16 (minor seventh) *

36. Responsive Typography Modular Math for 3:4 ¾ = .75 16px base font 16/.75 = 21px 21/.75 = 28px 28/.75 = 37px 37/.75 = 50px

37. Responsive Typography 9 12 16 21 28 37 50 67 89

38. Responsive Typography 9 12 16 21 28 37 50 67 89 10 13 18 24 32 42 56 74

39. Responsive Typography Modular Line Height - As the screen gets smaller, increase line height - 1/.75 = 1.3

40.

41.

42. @andrewsmyk

43. @andrewsmyk

44.

45.

46. It’s all about the content. @andrewsmyk present

47. Content Modeling & Strategy • Content Engagement • Content Curation • Rank and Prioritize Content @andrewsmyk present

48.

49.

50. accessibility: #a11y WCAG @andrewsmyk present

51. Provide text alternatives (WCAG2) Readable and Understandable (WCAG2) Content Appears and Operates in Predictable Ways (WCAG2) Robust Compatibility with Current and Future Devices (WCAG2) @andrewsmyk present

52. Use Role attribute properly (a11y) Link are recognizable (a11y) Logical Layouts and Patterns (a11y) Semantic Headings and Structures (a11y) @andrewsmyk present

53. A A A @andrewsmyk present

54. A A A @andrewsmyk future

55. @andrewsmyk present

56. @andrewsmyk present progressive web apps

57. Responsive App-like-interactions Discoverable Installable Linkable @andrewsmyk present

58. Browser Dependent URL masking Empty Shell (wait for content downloading) @andrewsmyk present

59. @andrewsmyk present

60.

61.

62. @andrewsmyk present

63. @media (distance: far) { /* increase text size here */ } @andrewsmyk future

64. “Adjust to Screen” iPad viewport of 768 as a baseline for large screens at distance. @andrewsmyk future