Going Mobile: 960 to 320

•

0 likes•958 views

This document summarizes Christopher Cochran's presentation on going mobile from 960 pixels to 320 pixels. Some key points are that mobile is convenient, personal, natural and cool. Mobile websites should be fast loading in 3 seconds or less, precise by understanding the user, and adaptive through progressive enhancement and feature detection. The presentation provides recommendations on how to design for mobile, including making content the priority, using responsive design, and leveraging tools like Modernizr.

Technology Business

GOING
MOBILE:
960 to 320
CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

Christopher
Cochran
web/tech/design/music/food

Senior Designer @webdevstudios
dabbler of anything

@tweetsfromchris webdevstudios.com

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

MOBILE IS Convenient
MOBILE IS Personal
MOBILE IS Natural
MOBILE IS Cool
For some, mobile is the ONLY
connection to the web.

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

?
WHAT
else is
MOBILE
CHRISTOPHER COCHRAN
WebDevStudios

Sunday, July 15, 12
#WCBOS
2012

? ?
?
Nexus iOS BlackBerry iPhone ?

? iPad android Windows Galaxy
? Feature Phone Smart Phone
Droid Tablet Mini Tablet Retina

? ? ?
?
?

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

WHAT
MOBILE
should be

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

Fast
71% of global mobile internet users expect
websites to load as quickly, almost as quickly or
faster on their mobile phone compared to their
home computer.

Nearly 60% expect a website to load in 3 seconds
or less on their mobile phone.

Source: Equation Research on behalf of Compuware “What Users Want From Mobile”

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

NOT Fast =

57% Will not recommend the site.
43% Would unlikely return.

Source: Equation Research on behalf of Compuware “What Users Want From Mobile”

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

Precise
WHO is the USER?

What is IMPORTANT to the user?
(why & what are people coming to the site for)

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

Adaptive
PROGRESSIVE Feature Responsive
ENHANCEMENT DETECTION

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

?
So
HOW

CHRISTOPHER COCHRAN
WebDevStudios

Sunday, July 15, 12
#WCBOS
2012

Go Fast
Smaller or no images (lower http requests).
Output only what is needed.
display: none; is NOT your friend.

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

Be Precise
st
CONTENT is 1
(Mobile is all about content.)

Designing for the USER is
designing for the BUSINESS.

DESKTOP = Creation
TABLET = Consumption
PHONE = Get & Go

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

PROGRESSIVE
ENHANCEMENT

START with the LEAST
Common Denominator.

MOBILE FIRST = CONTENT FIRST = USER FIRST

ACCESSIBLE , LEAN, CLEAN, LIGHTWEIGHT

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

Feature
DETECTION

Modernizr

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

Responsive

THE WEB IS NOT A
FIXED MEDIUM
Fluid Grid Media Queries

WebDevStudios

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

TOOLS
of the
TRADE

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

GOING
MOBILE:
960 to 320
Christopher Cochran

@tweetsfromchris webdevstudios.com

CHRISTOPHER COCHRAN
WebDevStudios
#WCBOS
2012
Sunday, July 15, 12

Recently uploaded

We're living the AI revolution and Salesforce is adapting and bring new value to their customers. Einstein products are evolving rapidly and navigating their limitations, language support, and use cases can be challenging. Let's make review of what Einstein product are available currently, what are the capabilities and what can be used for in CEE region and how Rossie.ai can help to learn Salesforce speak Czech. We will explore the Einstein roadmap and I will make a short live demo (based on your vote) of some Einstein feature.

AI revolution and Salesforce, Jiří Karpíšek

CzechDreamin

I'm excited to share my latest predictions on how AI, robotics, and other technological advancements will reshape industries in the coming years. The slides explore the exponential growth of computational power, the future of AI and robotics, and their profound impact on various sectors. Why this matters: The success of new products and investments hinges on precise timing and foresight into emerging categories. This deck equips founders, VCs, and industry leaders with insights to align future products with upcoming tech developments. These insights enhance the ability to forecast industry trends, improve market timing, and predict competitor actions. Highlights: ▪ Exponential Growth in Compute: How $1000 will soon buy the computational power of a human brain ▪ Scaling of AI Models: The journey towards beyond human-scale models and intelligent edge computing ▪ Transformative Technologies: From advanced robotics and brain interfaces to automated healthcare and beyond ▪ Future of Work: How automation will redefine jobs and economic structures by 2040 With so many predictions presented here, some will inevitably be wrong or mistimed, especially with potential external disruptions. For instance, a conflict in Taiwan could severely impact global semiconductor production, affecting compute costs and related advancements. Nonetheless, these slides are intended to guide intuition on future technological trends.

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Peter Udo Diehl

Join us as we dive into the latest updates to the UiPath Orchestrator API, including new limits and features for 2024. Discover how these changes can enhance your automation projects and streamline your workflows. 📚 Overview of UiPath Orchestrator API 🔧 Recent changes to API limits 🛠️ How to adapt to new limits 📋 Best practices for using the Orchestrator API efficiently ❓ Q&A session

Exploring UiPath Orchestrator API: updates and limits in 2024 🚀

DianaGray10

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...

Product School

Knowledge engineering: from people to machines and back

Elena Simperl

New customer? New industry? New cloud? New team? A lot to handle! How to ensure the success of the project? Start it well! I've created the 3 areas of focus at the beginning of the project that helped me in multiple roles (BA, PO, and Consultant). Learn from real-world experiences and discover how these insights can empower you to deliver unparalleled value to your customers right from the project's start.

Powerful Start- the Key to Project Success, Barbara Laskowska

CzechDreamin

Key Trends Shaping the Future of Infrastructure.pdf

Cheryl Hung

Speed Wins: From Kafka to APIs in Minutes

confluent

To Graph or Not to Graph Knowledge Graph Architectures and LLMs

Paul Groth

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Product School

Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...

Product School

AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...

Product School

How world-class product teams are winning in the AI era by CEO and Founder, P...

Product School

You’ve heard good data matters in Machine Learning, but does it matter for Generative AI applications? Corporate data often differs significantly from the general Internet data used to train most foundation models. Join me for a demo on building an open source RAG (Retrieval Augmented Generation) stack using Milvus vector database for Retrieval, LangChain, Llama 3 with Ollama, Ragas RAG Eval, and optional Zilliz cloud, OpenAI.

Introduction to Open Source RAG and RAG Evaluation

Zilliz

The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.

Search and Society: Reimagining Information Access for Radical Futures

Bhaskar Mitra

I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.

"Impact of front-end architecture on development cost", Viktor Turskyi

Fwdays

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

Sri Ambati

Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application. In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics. Length: 30 minutes Session Overview ------------------------------------------- During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana: - What out-of-the-box solutions are available for real-time monitoring JMeter tests? - What are the benefits of integrating InfluxDB and Grafana into the load testing stack? - Which features are provided by Grafana? - Demonstration of InfluxDB and Grafana using a practice web application To view the webinar recording, go to: https://www.rttsweb.com/jmeter-integration-webinar

JMeter webinar - integration with InfluxDB and Grafana

RTTS

UiPath Test Automation using UiPath Test Suite series, part 3

DianaGray10

Assuring Contact Center Experiences for Your Customers With ThousandEyes

ThousandEyes

Recently uploaded (20)

AI revolution and Salesforce, Jiří Karpíšek

Future Visions: Predictions to Guide and Time Tech Innovation, Peter Udo Diehl

Exploring UiPath Orchestrator API: updates and limits in 2024 🚀

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...

Knowledge engineering: from people to machines and back

Powerful Start- the Key to Project Success, Barbara Laskowska

Key Trends Shaping the Future of Infrastructure.pdf

Speed Wins: From Kafka to APIs in Minutes

To Graph or Not to Graph Knowledge Graph Architectures and LLMs

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...

AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...

How world-class product teams are winning in the AI era by CEO and Founder, P...

Introduction to Open Source RAG and RAG Evaluation

Search and Society: Reimagining Information Access for Radical Futures

"Impact of front-end architecture on development cost", Viktor Turskyi

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

JMeter webinar - integration with InfluxDB and Grafana

UiPath Test Automation using UiPath Test Suite series, part 3

Assuring Contact Center Experiences for Your Customers With ThousandEyes

Featured

ChatGPT is a revolutionary addition to the world since its introduction in 2022. A big shift in the sector of information gathering and processing happened because of this chatbot. What is the story of ChatGPT? How is the bot responding to prompts and generating contents? Swipe through these slides prepared by Expeed Software, a web development company regarding the development and technical intricacies of ChatGPT!

Everything You Need To Know About ChatGPT

Expeed Software

Product Design Trends in 2024 | Teenage Engineerings

Pixeldarts

Mental health has been in the news quite a bit lately. Dozens of U.S. states are currently suing Meta for contributing to the youth mental health crisis by inserting addictive features into their products, while the U.S. Surgeon General is touring the nation to bring awareness to the growing epidemic of loneliness and isolation. The country has endured periods of low national morale, such as in the 1970s when high inflation and the energy crisis worsened public sentiment following the Vietnam War. The current mood, however, feels different. Gallup recently reported that national mental health is at an all-time low, with few bright spots to lift spirits. To better understand how Americans are feeling and their attitudes towards mental health in general, ThinkNow conducted a nationally representative quantitative survey of 1,500 respondents and found some interesting differences among ethnic, age and gender groups. Technology For example, 52% agree that technology and social media have a negative impact on mental health, but when broken out by race, 61% of Whites felt technology had a negative effect, and only 48% of Hispanics thought it did. While technology has helped us keep in touch with friends and family in faraway places, it appears to have degraded our ability to connect in person. Staying connected online is a double-edged sword since the same news feed that brings us pictures of the grandkids and fluffy kittens also feeds us news about the wars in Israel and Ukraine, the dysfunction in Washington, the latest mass shooting and the climate crisis. Hispanics may have a built-in defense against the isolation technology breeds, owing to their large, multigenerational households, strong social support systems, and tendency to use social media to stay connected with relatives abroad. Age and Gender When asked how individuals rate their mental health, men rate it higher than women by 11 percentage points, and Baby Boomers rank it highest at 83%, saying it’s good or excellent vs. 57% of Gen Z saying the same. Gen Z spends the most amount of time on social media, so the notion that social media negatively affects mental health appears to be correlated. Unfortunately, Gen Z is also the generation that’s least comfortable discussing mental health concerns with healthcare professionals. Only 40% of them state they’re comfortable discussing their issues with a professional compared to 60% of Millennials and 65% of Boomers. Race Affects Attitudes As seen in previous research conducted by ThinkNow, Asian Americans lag other groups when it comes to awareness of mental health issues. Twenty-four percent of Asian Americans believe that having a mental health issue is a sign of weakness compared to the 16% average for all groups. Asians are also considerably less likely to be aware of mental health services in their communities (42% vs. 55%) and most likely to seek out information on social media (51% vs. 35%).

How Race, Age and Gender Shape Attitudes Towards Mental Health

ThinkNow

AI Trends in Creative Operations 2024 by Artwork Flow.pdf

marketingartwork

Skeleton Culture Code

Skeleton Technologies

PEPSICO Presentation to CAGNY Conference Feb 2024

Neil Kimberley

Content Methodology: A Best Practices Report (Webinar)

contently

How to Prepare For a Successful Job Search for 2024

Albert Qian

A report by thenetworkone and Kurio. The contributing experts and agencies are (in an alphabetical order): Sylwia Rytel, Social Media Supervisor, 180heartbeats + JUNG v MATT (PL), Sharlene Jenner, Vice President - Director of Engagement Strategy, Abelson Taylor (USA), Alex Casanovas, Digital Director, Atrevia (ES), Dora Beilin, Senior Social Strategist, Barrett Hoffher (USA), Min Seo, Campaign Director, Brand New Agency (KR), Deshé M. Gully, Associate Strategist, Day One Agency (USA), Francesca Trevisan, Strategist, Different (IT), Trevor Crossman, CX and Digital Transformation Director; Olivia Hussey, Strategic Planner; Simi Srinarula, Social Media Manager, The Hallway (AUS), James Hebbert, Managing Director, Hylink (CN / UK), Mundy Álvarez, Planning Director; Pedro Rojas, Social Media Manager; Pancho González, CCO, Inbrax (CH), Oana Oprea, Head of Digital Planning, Jam Session Agency (RO), Amy Bottrill, Social Account Director, Launch (UK), Gaby Arriaga, Founder, Leonardo1452 (MX), Shantesh S Row, Creative Director, Liwa (UAE), Rajesh Mehta, Chief Strategy Officer; Dhruv Gaur, Digital Planning Lead; Leonie Mergulhao, Account Supervisor - Social Media & PR, Medulla (IN), Aurelija Plioplytė, Head of Digital & Social, Not Perfect (LI), Daiana Khaidargaliyeva, Account Manager, Osaka Labs (UK / USA), Stefanie Söhnchen, Vice President Digital, PIABO Communications (DE), Elisabeth Winiartati, Managing Consultant, Head of Global Integrated Communications; Lydia Aprina, Account Manager, Integrated Marketing and Communications; Nita Prabowo, Account Manager, Integrated Marketing and Communications; Okhi, Web Developer, PNTR Group (ID), Kei Obusan, Insights Director; Daffi Ranandi, Insights Manager, Radarr (SG), Gautam Reghunath, Co-founder & CEO, Talented (IN), Donagh Humphreys, Head of Social and Digital Innovation, THINKHOUSE (IRE), Sarah Yim, Strategy Director, Zulu Alpha Kilo (CA).

Social Media Marketing Trends 2024 // The Global Indie Insights

Kurio // The Social Media Age(ncy)

The search marketing landscape is evolving rapidly with new technologies, and professionals, like you, rely on innovative paid search strategies to meet changing demands. It’s important that you’re ready to implement new strategies in 2024. Check this out and learn the top trends in paid search advertising that are expected to gain traction, so you can drive higher ROI more efficiently in 2024. You’ll learn: - The latest trends in AI and automation, and what this means for an evolving paid search ecosystem. - New developments in privacy and data regulation. - Emerging ad formats that are expected to make an impact next year. Watch Sreekant Lanka from iQuanti and Irina Klein from OneMain Financial as they dive into the future of paid search and explore the trends, strategies, and technologies that will shape the search marketing landscape. If you’re looking to assess your paid search strategy and design an industry-aligned plan for 2024, then this webinar is for you.

Trends In Paid Search: Navigating The Digital Landscape In 2024

Search Engine Journal

From their humble beginnings in 1984, TED has grown into the world’s most powerful amplifier for speakers and thought-leaders to share their ideas. They have over 2,400 filmed talks (not including the 30,000+ TEDx videos) freely available online, and have hosted over 17,500 events around the world. With over one billion views in a year, it’s no wonder that so many speakers are looking to TED for ideas on how to share their message more effectively. The article “5 Public-Speaking Tips TED Gives Its Speakers”, by Carmine Gallo for Forbes, gives speakers five practical ways to connect with their audience, and effectively share their ideas on stage. Whether you are gearing up to get on a TED stage yourself, or just want to master the skills that so many of their speakers possess, these tips and quotes from Chris Anderson, the TED Talks Curator, will encourage you to make the most impactful impression on your audience. See the full article and more summaries like this on SpeakerHub here: https://speakerhub.com/blog/5-presentation-tips-ted-gives-its-speakers See the original article on Forbes here: http://www.forbes.com/forbes/welcome/?toURL=http://www.forbes.com/sites/carminegallo/2016/05/06/5-public-speaking-tips-ted-gives-its-speakers/&refURL=&referrer=#5c07a8221d9b

5 Public speaking tips from TED - Visualized summary

SpeakerHub

Everyone is in agreement that ChatGPT (and other generative AI tools) will shape the future of work. Yet there is little consensus on exactly how, when, and to what extent this technology will change our world. Businesses that extract maximum value from ChatGPT will use it as a collaborative tool for everything from brainstorming to technical maintenance. For individuals, now is the time to pinpoint the skills the future professional will need to thrive in the AI age. Check out this presentation to understand what ChatGPT is, how it will shape the future of work, and how you can prepare to take advantage.

ChatGPT and the Future of Work - Clark Boyd

Clark Boyd

Getting into the tech field. what next

Tessa Mero

Google's Just Not That Into You: Understanding Core Updates & Search Intent

Lily Ray

How to have difficult conversations

Rajiv Jayarajah, MAppComm, ACC

Introduction to Data Science

Christy Abraham Joy

Time Management & Productivity - Best Practices

Vit Horky

The six step guide to practical project management If you think managing projects is too difficult, think again. We’ve stripped back project management processes to the basics – to make it quicker and easier, without sacrificing the vital ingredients for success. “If you’re looking for some real-world guidance, then The Six Step Guide to Practical Project Management will help.” Dr Andrew Makar, Tactical Project Management

The six step guide to practical project management

MindGenius

Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...

RachelPearson36

During this webinar, Anand Bagmar demonstrates how AI tools such as ChatGPT can be applied to various stages of the software development life cycle (SDLC) using an eCommerce application case study. Find the on-demand recording and more info at https://applitools.info/b59 Key takeaways: • Learn how to use ChatGPT to add AI power to your testing and test automation • Understand the limitations of the technology and where human expertise is crucial • Gain insight into different AI-based tools • Adopt AI-based tools to stay relevant and optimize work for developers and testers * ChatGPT and OpenAI belong to OpenAI, L.L.C.

Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...

Applitools

Featured (20)

Everything You Need To Know About ChatGPT

Product Design Trends in 2024 | Teenage Engineerings

How Race, Age and Gender Shape Attitudes Towards Mental Health

AI Trends in Creative Operations 2024 by Artwork Flow.pdf

Skeleton Culture Code

PEPSICO Presentation to CAGNY Conference Feb 2024

Content Methodology: A Best Practices Report (Webinar)

How to Prepare For a Successful Job Search for 2024

Social Media Marketing Trends 2024 // The Global Indie Insights

Trends In Paid Search: Navigating The Digital Landscape In 2024

5 Public speaking tips from TED - Visualized summary

ChatGPT and the Future of Work - Clark Boyd

Getting into the tech field. what next

Google's Just Not That Into You: Understanding Core Updates & Search Intent

How to have difficult conversations

Introduction to Data Science

Time Management & Productivity - Best Practices

The six step guide to practical project management

Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...

Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...

Going Mobile: 960 to 320

1. GOING MOBILE: 960 to 320 CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

2. Christopher Cochran web/tech/design/music/food Senior Designer @webdevstudios dabbler of anything @tweetsfromchris webdevstudios.com CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

3. MOBILE IS Convenient MOBILE IS Personal MOBILE IS Natural MOBILE IS Cool For some, mobile is the ONLY connection to the web. CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

4. MOBILE IS Convenient MOBILE IS Personal MOBILE IS Natural MOBILE IS Cool For some, mobile is the ONLY connection to the web. CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

5. ? WHAT else is MOBILE CHRISTOPHER COCHRAN WebDevStudios Sunday, July 15, 12 #WCBOS 2012

6. ? ? ? Nexus iOS BlackBerry iPhone ? ? iPad android Windows Galaxy ? Feature Phone Smart Phone Droid Tablet Mini Tablet Retina ? ? ? ? ? CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

7. WHAT MOBILE should be CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

8. Fast 71% of global mobile internet users expect websites to load as quickly, almost as quickly or faster on their mobile phone compared to their home computer. Nearly 60% expect a website to load in 3 seconds or less on their mobile phone. Source: Equation Research on behalf of Compuware “What Users Want From Mobile” CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

9. NOT Fast = 57% Will not recommend the site. 43% Would unlikely return. Source: Equation Research on behalf of Compuware “What Users Want From Mobile” CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

10. Precise WHO is the USER? What is IMPORTANT to the user? (why & what are people coming to the site for) CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

11. Adaptive PROGRESSIVE Feature Responsive ENHANCEMENT DETECTION CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

12. ? So HOW CHRISTOPHER COCHRAN WebDevStudios Sunday, July 15, 12 #WCBOS 2012

13. Go Fast Smaller or no images (lower http requests). Output only what is needed. display: none; is NOT your friend. CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

14. Be Precise st CONTENT is 1 (Mobile is all about content.) Designing for the USER is designing for the BUSINESS. DESKTOP = Creation TABLET = Consumption PHONE = Get & Go CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

15. PROGRESSIVE ENHANCEMENT START with the LEAST Common Denominator. MOBILE FIRST = CONTENT FIRST = USER FIRST ACCESSIBLE , LEAN, CLEAN, LIGHTWEIGHT CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

16. Feature DETECTION Modernizr CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

17. Responsive THE WEB IS NOT A FIXED MEDIUM Fluid Grid Media Queries WebDevStudios CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

18. TOOLS of the TRADE CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

19. GOING MOBILE: 960 to 320 Christopher Cochran @tweetsfromchris webdevstudios.com CHRISTOPHER COCHRAN WebDevStudios #WCBOS 2012 Sunday, July 15, 12

Going Mobile: 960 to 320

Recommended

Recommended

More Related Content

Recently uploaded

Recently uploaded (20)

Featured

Featured (20)

Going Mobile: 960 to 320