SlideShare a Scribd company logo
1 of 8
From Zero to Responsive
Lessons Learned from the Wisconsin Center for the
Book Redesign
Rob Nunez
Welcome
History:
○ UWM SOIS partnered with WCB in 2012
○ 3rd site overhaul for the team
○ 2 Designers and 1 Developer
○ About 3 months of work
Device Screen Sizes
Plan for 3G
Adaptive Images
Use CSS3 when possible
CSS + image CSS3 Difference
Size 110 KB 8 KB 102 KB
Requests 24 14 10
Debugging Tools
FireFox:
● FireBug
● MeasureIT
● ColorZilla
Chrome:
● Native Inspector
● Pendule
Both
● LiveReload
● Grunt
● Sublime or Notepad++
Thank you
Contact:
Rob Nunez
robert.nunez@marquette.edu
@robertnunez
Website:
wcb.uwm.edu

More Related Content

Viewers also liked

Crisis de los 30 Schoenberg,alban berg, webern. taller d musica contemporanea
Crisis de los 30   Schoenberg,alban berg, webern. taller d musica contemporaneaCrisis de los 30   Schoenberg,alban berg, webern. taller d musica contemporanea
Crisis de los 30 Schoenberg,alban berg, webern. taller d musica contemporaneaEscuela Estafatal de Mosos
 
Informe de situación de la Gestión Administrativa de la Gerencia de Urbanismo
Informe de situación de la Gestión Administrativa de la Gerencia de UrbanismoInforme de situación de la Gestión Administrativa de la Gerencia de Urbanismo
Informe de situación de la Gestión Administrativa de la Gerencia de UrbanismoAyuntamiento de Zaragoza
 
Modelos pedagógicos tradicional Juber Huaripata
Modelos  pedagógicos tradicional Juber HuaripataModelos  pedagógicos tradicional Juber Huaripata
Modelos pedagógicos tradicional Juber Huaripataadbeluz
 
Integrating Application Security into a Software Development Process
Integrating Application Security into a Software Development ProcessIntegrating Application Security into a Software Development Process
Integrating Application Security into a Software Development ProcessAchim D. Brucker
 
Los candidatos presidenciales desde la mirada de las marcas
Los candidatos presidenciales desde la mirada de las marcasLos candidatos presidenciales desde la mirada de las marcas
Los candidatos presidenciales desde la mirada de las marcasAlmabrands
 
Virtualizacion de Clusters para prevencion de DDoS
Virtualizacion de Clusters para prevencion de DDoSVirtualizacion de Clusters para prevencion de DDoS
Virtualizacion de Clusters para prevencion de DDoSRaul Robles
 
topigs balanced breeding presentation vietnam
topigs balanced breeding presentation vietnamtopigs balanced breeding presentation vietnam
topigs balanced breeding presentation vietnamNguyen Quoc Trung
 
Email Address Harvesting
Email Address HarvestingEmail Address Harvesting
Email Address HarvestingMichael Lamont
 
InvitacióN Desayuno Trabajo BPM Seguros
InvitacióN Desayuno Trabajo BPM SegurosInvitacióN Desayuno Trabajo BPM Seguros
InvitacióN Desayuno Trabajo BPM Segurosjsa33bis
 
Sophie & carter chelsea fine (p)
Sophie & carter   chelsea fine (p)Sophie & carter   chelsea fine (p)
Sophie & carter chelsea fine (p)Sabri N
 
Cálculo ii-práctica-6-fx9860 g
Cálculo ii-práctica-6-fx9860 gCálculo ii-práctica-6-fx9860 g
Cálculo ii-práctica-6-fx9860 gsebastian buitrago
 
Trabajo final nº3 biologia
Trabajo final nº3 biologiaTrabajo final nº3 biologia
Trabajo final nº3 biologiaDito Vivas
 
Wirtualny case study z pierwszych 12 miesięcy życia e-sklepu
Wirtualny case study z pierwszych 12 miesięcy życia e-sklepuWirtualny case study z pierwszych 12 miesięcy życia e-sklepu
Wirtualny case study z pierwszych 12 miesięcy życia e-sklepuMichał Bąk
 

Viewers also liked (18)

Clustering
ClusteringClustering
Clustering
 
28 part 3-aab e kaosar 3rd file
28 part 3-aab e kaosar 3rd file28 part 3-aab e kaosar 3rd file
28 part 3-aab e kaosar 3rd file
 
Crisis de los 30 Schoenberg,alban berg, webern. taller d musica contemporanea
Crisis de los 30   Schoenberg,alban berg, webern. taller d musica contemporaneaCrisis de los 30   Schoenberg,alban berg, webern. taller d musica contemporanea
Crisis de los 30 Schoenberg,alban berg, webern. taller d musica contemporanea
 
GS Portfolio
GS PortfolioGS Portfolio
GS Portfolio
 
Informe de situación de la Gestión Administrativa de la Gerencia de Urbanismo
Informe de situación de la Gestión Administrativa de la Gerencia de UrbanismoInforme de situación de la Gestión Administrativa de la Gerencia de Urbanismo
Informe de situación de la Gestión Administrativa de la Gerencia de Urbanismo
 
Modelos pedagógicos tradicional Juber Huaripata
Modelos  pedagógicos tradicional Juber HuaripataModelos  pedagógicos tradicional Juber Huaripata
Modelos pedagógicos tradicional Juber Huaripata
 
Kalathos
KalathosKalathos
Kalathos
 
Integrating Application Security into a Software Development Process
Integrating Application Security into a Software Development ProcessIntegrating Application Security into a Software Development Process
Integrating Application Security into a Software Development Process
 
Los candidatos presidenciales desde la mirada de las marcas
Los candidatos presidenciales desde la mirada de las marcasLos candidatos presidenciales desde la mirada de las marcas
Los candidatos presidenciales desde la mirada de las marcas
 
Virtualizacion de Clusters para prevencion de DDoS
Virtualizacion de Clusters para prevencion de DDoSVirtualizacion de Clusters para prevencion de DDoS
Virtualizacion de Clusters para prevencion de DDoS
 
topigs balanced breeding presentation vietnam
topigs balanced breeding presentation vietnamtopigs balanced breeding presentation vietnam
topigs balanced breeding presentation vietnam
 
Syllabus
SyllabusSyllabus
Syllabus
 
Email Address Harvesting
Email Address HarvestingEmail Address Harvesting
Email Address Harvesting
 
InvitacióN Desayuno Trabajo BPM Seguros
InvitacióN Desayuno Trabajo BPM SegurosInvitacióN Desayuno Trabajo BPM Seguros
InvitacióN Desayuno Trabajo BPM Seguros
 
Sophie & carter chelsea fine (p)
Sophie & carter   chelsea fine (p)Sophie & carter   chelsea fine (p)
Sophie & carter chelsea fine (p)
 
Cálculo ii-práctica-6-fx9860 g
Cálculo ii-práctica-6-fx9860 gCálculo ii-práctica-6-fx9860 g
Cálculo ii-práctica-6-fx9860 g
 
Trabajo final nº3 biologia
Trabajo final nº3 biologiaTrabajo final nº3 biologia
Trabajo final nº3 biologia
 
Wirtualny case study z pierwszych 12 miesięcy życia e-sklepu
Wirtualny case study z pierwszych 12 miesięcy życia e-sklepuWirtualny case study z pierwszych 12 miesięcy życia e-sklepu
Wirtualny case study z pierwszych 12 miesięcy życia e-sklepu
 

More from Rob Nunez

Ditching Dewey: A Survey of U.S. Public Libraries
Ditching Dewey: A Survey of U.S. Public LibrariesDitching Dewey: A Survey of U.S. Public Libraries
Ditching Dewey: A Survey of U.S. Public LibrariesRob Nunez
 
Don't Click That Link! Cybersecurity Best Practices for Your Institution and ...
Don't Click That Link! Cybersecurity Best Practices for Your Institution and ...Don't Click That Link! Cybersecurity Best Practices for Your Institution and ...
Don't Click That Link! Cybersecurity Best Practices for Your Institution and ...Rob Nunez
 
Bringing tech to tech services
Bringing tech to tech servicesBringing tech to tech services
Bringing tech to tech servicesRob Nunez
 
Choosing Privacy
Choosing PrivacyChoosing Privacy
Choosing PrivacyRob Nunez
 
Growing from thing 1 to thing 2
Growing from thing 1 to thing 2Growing from thing 1 to thing 2
Growing from thing 1 to thing 2Rob Nunez
 
What is Collection Services?
What is Collection Services?What is Collection Services?
What is Collection Services?Rob Nunez
 
How to Change Everything About Your Library in Five Easy Steps
How to Change Everything About Your Library in Five Easy StepsHow to Change Everything About Your Library in Five Easy Steps
How to Change Everything About Your Library in Five Easy StepsRob Nunez
 
Graphic and Web Design Principles
Graphic and Web Design Principles                      Graphic and Web Design Principles
Graphic and Web Design Principles Rob Nunez
 
Metadata presentation
Metadata presentationMetadata presentation
Metadata presentationRob Nunez
 
Emerging Technologies in Libraries
Emerging Technologies in LibrariesEmerging Technologies in Libraries
Emerging Technologies in LibrariesRob Nunez
 

More from Rob Nunez (11)

Ditching Dewey: A Survey of U.S. Public Libraries
Ditching Dewey: A Survey of U.S. Public LibrariesDitching Dewey: A Survey of U.S. Public Libraries
Ditching Dewey: A Survey of U.S. Public Libraries
 
Don't Click That Link! Cybersecurity Best Practices for Your Institution and ...
Don't Click That Link! Cybersecurity Best Practices for Your Institution and ...Don't Click That Link! Cybersecurity Best Practices for Your Institution and ...
Don't Click That Link! Cybersecurity Best Practices for Your Institution and ...
 
Bringing tech to tech services
Bringing tech to tech servicesBringing tech to tech services
Bringing tech to tech services
 
Choosing Privacy
Choosing PrivacyChoosing Privacy
Choosing Privacy
 
Growing from thing 1 to thing 2
Growing from thing 1 to thing 2Growing from thing 1 to thing 2
Growing from thing 1 to thing 2
 
What is Collection Services?
What is Collection Services?What is Collection Services?
What is Collection Services?
 
How to Change Everything About Your Library in Five Easy Steps
How to Change Everything About Your Library in Five Easy StepsHow to Change Everything About Your Library in Five Easy Steps
How to Change Everything About Your Library in Five Easy Steps
 
Graphic and Web Design Principles
Graphic and Web Design Principles                      Graphic and Web Design Principles
Graphic and Web Design Principles
 
Spingy camp
Spingy campSpingy camp
Spingy camp
 
Metadata presentation
Metadata presentationMetadata presentation
Metadata presentation
 
Emerging Technologies in Libraries
Emerging Technologies in LibrariesEmerging Technologies in Libraries
Emerging Technologies in Libraries
 

Recently uploaded

How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17Celine George
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Pooja Bhuva
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfSherif Taha
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...Nguyen Thanh Tu Collection
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxCeline George
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsKarakKing
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxDr. Ravikiran H M Gowda
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSCeline George
 

Recently uploaded (20)

How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 

HoLT Presentation - ALA 2013