SlideShare a Scribd company logo
1 of 36
Web directions south 2010 Bobby Graham, Director Publishing Department of Parliamentary Services October 2010
Conference tracks Design: jQuery <3s designers Development HTML5 for audio and video Big picture How digital affects books and publishing W3C RDFa everyone
“the creative's need for triage, the crucial role of incremental design improvements, and the importance of getting back to the hand and keeping things simple.” Simon Pascal Klein
“I'm a writer, (book) designer, publisher and developer (in whatever order makes sense for that day). As of 2011 I'm working with Flipboard to make real many of the things I think and write about here. Craig Mod
I'm an editor, publisher, writer, consultant, producer, programmer, designer and cook. Sometimes. James Bridle
The Iraq War: A Wikipedia historiography “This particular book—or rather, set of books—is every edit made to a single Wikipedia article, ‘The Iraq War’, during the five years between the article’s inception in December 2004 and November 2009, a total of 12,000 changes and almost 7,000 pages.”
“It amounts to twelve volumes: the size of a single old-style encyclopaedia. It contains arguments over numbers, differences of opinion on relevance and political standpoints, and frequent moments when someone erases the whole thing and just writes ‘Saddam Hussein was a dickhead’.”
graphic & web designer, rampant typophile and UI aficionado Simon Pascal Klein
“Setting type all pretty” limiting your palette of type families using a combination of families, styles, and weights using tracking and small caps for acronyms and tabular data sizing type in relative terms — in ems or percentages — and sticking it to a scale being careful when mixing different typefaces using the proper glyphs, e.g. proper punctuation playing with alternate styles for ampersands marking paragraphs setting and sizing horizontal flow via measures (line lengths) setting and sizing vertical flow via leading (line heights) playing with hanging punctuation treating text as part of the UI and setting it all in and/or around a good and organised grid
I’m a Canberra based Web designer and developer at the National Library of Australia and have been working on the web in cultural institutions since 1999. Paul Hagon
Enriching large data sets Resource Description Framework attributes (RDFa) add  attribute level extensions to XHTML for embedding rich metadata within web documents.
Flipboard for iPad
What’s the message? Books are not dead; just different.
Questions? 	Bobby Graham 	Director Publishing 	Parliamentary Library 	t: +61 2 6277 8190 	e: bobby.graham@aph.gov.au 	m: +61418271747e: graham.bobby@gmail.coml: http://au.linkedin.com/in/bobby01t: http://twitter.com/LibertyBasilf: http://www.facebook.com/?ref=home#!/slobodanka.grahamf: http://www.flickr.com/photos/libertylittlebasil/b: http://bobbygraham.posterous.com/

More Related Content

Similar to Web directions-south-2010

Books and Webs: Pulling the Down Rows
Books and Webs: Pulling the Down RowsBooks and Webs: Pulling the Down Rows
Books and Webs: Pulling the Down RowsPeter Brantley
 
Designing Ebooks with Web Standards
Designing Ebooks with Web StandardsDesigning Ebooks with Web Standards
Designing Ebooks with Web StandardsKristofer Layon
 
Introduction to ePublishing
Introduction to ePublishingIntroduction to ePublishing
Introduction to ePublishingApex CoVantage
 
Citizen Journalism Track
Citizen Journalism TrackCitizen Journalism Track
Citizen Journalism TrackMite Kuzevski
 
NCTE14 Stories in New Forms- Teaching Digital Literacies
NCTE14 Stories in New Forms- Teaching Digital LiteraciesNCTE14 Stories in New Forms- Teaching Digital Literacies
NCTE14 Stories in New Forms- Teaching Digital LiteraciesCharlene Chausis
 
National History Day: Tips for the Web Category
National History Day: Tips for the Web CategoryNational History Day: Tips for the Web Category
National History Day: Tips for the Web CategoryLee Cafferata
 
content modelling for personalization
content modelling for personalizationcontent modelling for personalization
content modelling for personalizationcleveg
 
Magnetic Interactivity
Magnetic InteractivityMagnetic Interactivity
Magnetic Interactivitycorinapanea5
 
Magnetic Interactivity: Creating Charming Interfaces
Magnetic Interactivity: Creating Charming InterfacesMagnetic Interactivity: Creating Charming Interfaces
Magnetic Interactivity: Creating Charming InterfacesDan Mall
 
Dh2014 e mopcobre-complete
Dh2014 e mopcobre-completeDh2014 e mopcobre-complete
Dh2014 e mopcobre-completeLaura Mandell
 
Web Design Concepts - Coding for Communicators
Web Design Concepts - Coding for CommunicatorsWeb Design Concepts - Coding for Communicators
Web Design Concepts - Coding for CommunicatorsCindy Royal
 
Bill McCoy - HTML5 Is the Silver Bullet
Bill McCoy - HTML5 Is the Silver BulletBill McCoy - HTML5 Is the Silver Bullet
Bill McCoy - HTML5 Is the Silver Bulletdbw2015
 
HICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne SakataHICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne Sakatahicapacity
 
Ebook enhancement
Ebook enhancementEbook enhancement
Ebook enhancementKosie Eloff
 

Similar to Web directions-south-2010 (20)

Books and Webs: Pulling the Down Rows
Books and Webs: Pulling the Down RowsBooks and Webs: Pulling the Down Rows
Books and Webs: Pulling the Down Rows
 
Designing Ebooks with Web Standards
Designing Ebooks with Web StandardsDesigning Ebooks with Web Standards
Designing Ebooks with Web Standards
 
Jan 8 2014 NISO Webinar: Device to Device: Adaptive Interfaces for Content
Jan 8 2014 NISO Webinar: Device to Device: Adaptive Interfaces for ContentJan 8 2014 NISO Webinar: Device to Device: Adaptive Interfaces for Content
Jan 8 2014 NISO Webinar: Device to Device: Adaptive Interfaces for Content
 
Introduction to ePublishing
Introduction to ePublishingIntroduction to ePublishing
Introduction to ePublishing
 
Interactive E-Books
Interactive E-BooksInteractive E-Books
Interactive E-Books
 
Multimedia chapter 2
Multimedia chapter 2Multimedia chapter 2
Multimedia chapter 2
 
Multimedia chapter 2
Multimedia chapter 2Multimedia chapter 2
Multimedia chapter 2
 
Citizen Journalism Track
Citizen Journalism TrackCitizen Journalism Track
Citizen Journalism Track
 
NCTE14 Stories in New Forms- Teaching Digital Literacies
NCTE14 Stories in New Forms- Teaching Digital LiteraciesNCTE14 Stories in New Forms- Teaching Digital Literacies
NCTE14 Stories in New Forms- Teaching Digital Literacies
 
National History Day: Tips for the Web Category
National History Day: Tips for the Web CategoryNational History Day: Tips for the Web Category
National History Day: Tips for the Web Category
 
Kasdorf The Web Imperative: How Web Technologies Are Transforming Publishing ...
Kasdorf The Web Imperative: How Web Technologies Are Transforming Publishing ...Kasdorf The Web Imperative: How Web Technologies Are Transforming Publishing ...
Kasdorf The Web Imperative: How Web Technologies Are Transforming Publishing ...
 
content modelling for personalization
content modelling for personalizationcontent modelling for personalization
content modelling for personalization
 
Recoupling
RecouplingRecoupling
Recoupling
 
Magnetic Interactivity
Magnetic InteractivityMagnetic Interactivity
Magnetic Interactivity
 
Magnetic Interactivity: Creating Charming Interfaces
Magnetic Interactivity: Creating Charming InterfacesMagnetic Interactivity: Creating Charming Interfaces
Magnetic Interactivity: Creating Charming Interfaces
 
Dh2014 e mopcobre-complete
Dh2014 e mopcobre-completeDh2014 e mopcobre-complete
Dh2014 e mopcobre-complete
 
Web Design Concepts - Coding for Communicators
Web Design Concepts - Coding for CommunicatorsWeb Design Concepts - Coding for Communicators
Web Design Concepts - Coding for Communicators
 
Bill McCoy - HTML5 Is the Silver Bullet
Bill McCoy - HTML5 Is the Silver BulletBill McCoy - HTML5 Is the Silver Bullet
Bill McCoy - HTML5 Is the Silver Bullet
 
HICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne SakataHICapacity UI talk by Kathryne Sakata
HICapacity UI talk by Kathryne Sakata
 
Ebook enhancement
Ebook enhancementEbook enhancement
Ebook enhancement
 

Recently uploaded

Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxDr. Sarita Anand
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the ClassroomPooky Knightsmith
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxPooja Bhuva
 
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
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structuredhanjurrannsibayan2
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024Elizabeth Walsh
 
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
 
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
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentationcamerronhm
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxannathomasp01
 
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
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
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
 
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
 

Recently uploaded (20)

Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
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
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
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
 
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.
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
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
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
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
 
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
 

Web directions-south-2010

  • 1. Web directions south 2010 Bobby Graham, Director Publishing Department of Parliamentary Services October 2010
  • 2.
  • 3. Conference tracks Design: jQuery <3s designers Development HTML5 for audio and video Big picture How digital affects books and publishing W3C RDFa everyone
  • 4. “the creative's need for triage, the crucial role of incremental design improvements, and the importance of getting back to the hand and keeping things simple.” Simon Pascal Klein
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. “I'm a writer, (book) designer, publisher and developer (in whatever order makes sense for that day). As of 2011 I'm working with Flipboard to make real many of the things I think and write about here. Craig Mod
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. I'm an editor, publisher, writer, consultant, producer, programmer, designer and cook. Sometimes. James Bridle
  • 17.
  • 18.
  • 19. The Iraq War: A Wikipedia historiography “This particular book—or rather, set of books—is every edit made to a single Wikipedia article, ‘The Iraq War’, during the five years between the article’s inception in December 2004 and November 2009, a total of 12,000 changes and almost 7,000 pages.”
  • 20. “It amounts to twelve volumes: the size of a single old-style encyclopaedia. It contains arguments over numbers, differences of opinion on relevance and political standpoints, and frequent moments when someone erases the whole thing and just writes ‘Saddam Hussein was a dickhead’.”
  • 21.
  • 22.
  • 23. graphic & web designer, rampant typophile and UI aficionado Simon Pascal Klein
  • 24. “Setting type all pretty” limiting your palette of type families using a combination of families, styles, and weights using tracking and small caps for acronyms and tabular data sizing type in relative terms — in ems or percentages — and sticking it to a scale being careful when mixing different typefaces using the proper glyphs, e.g. proper punctuation playing with alternate styles for ampersands marking paragraphs setting and sizing horizontal flow via measures (line lengths) setting and sizing vertical flow via leading (line heights) playing with hanging punctuation treating text as part of the UI and setting it all in and/or around a good and organised grid
  • 25.
  • 26.
  • 27. I’m a Canberra based Web designer and developer at the National Library of Australia and have been working on the web in cultural institutions since 1999. Paul Hagon
  • 28. Enriching large data sets Resource Description Framework attributes (RDFa) add attribute level extensions to XHTML for embedding rich metadata within web documents.
  • 29.
  • 30.
  • 31.
  • 32.
  • 34.
  • 35. What’s the message? Books are not dead; just different.
  • 36. Questions? Bobby Graham Director Publishing Parliamentary Library t: +61 2 6277 8190 e: bobby.graham@aph.gov.au m: +61418271747e: graham.bobby@gmail.coml: http://au.linkedin.com/in/bobby01t: http://twitter.com/LibertyBasilf: http://www.facebook.com/?ref=home#!/slobodanka.grahamf: http://www.flickr.com/photos/libertylittlebasil/b: http://bobbygraham.posterous.com/