Further Reading

A collection of digital publishing references.

A Communication Primer
youtube.com

An instructional film on the basics of communication, created by Charles and Ray Eames of Eames Office for IBM.

28 Aug 2014

A List Apart — Design (ongoing)
alistapart.com

A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

10 Aug 2015

Abstract Browsing
itsnicethat.com

Digital artist Rafaël Rozendaal is turning the internet inside out with an exhibition at Steve Turner Los Angeles.

18 Jan 2016

As We May Think
theatlantic.com

As Director of the Office of Scientific Research and Development, Dr. Vannevar Bush has coordinated the activities of some six thousand leading American scientists in the application of science to warfare.

28 Nov 2015

Automatically art-directed responsive images
cloudinary.com

by Eric Portis

30 Jun 2016

Between Analog and Digital
aperture.org

A conversation between Photographer Jason Evans and musician Keiran Hebden (a.k.a. Four Tet). They share a fascination with utilizing both old and new technologies in their creative lives.

23 Nov 2015

Color Library
colorlibrary.ch

“Color Library” is a database of color profiles for artists, designers and printers who are looking for a novel yet professional color management solution. These new tools can convert images for printing devices using two, three, four or five spot colors. It offers a large variety of combinations, from basic colors to metallics, neons and pastels.

10 Mar 2016

COS Magazine #16
magculture.com

“With client magazines, the true test of their worth is in determining whether the brand’s identity has been properly extended and translated into the printed format.” By Jeremie Leslie

21 Jul 2015

Cybertext: Perspectives on Ergodic Literature

In Cybertext Espen Aarseth explores the aesthetics and textual dynamics of digital literature and its diverse genres, including hypertext fiction, computer games, computer-generated poetry and prose, etc.

28 Nov 2015

Declarative Design Tools
jon.gold

Our brains and computers are fast; our hands, mice and keyboards are slow.

21 Jun 2016

Designing Media
designing-media.com

In Designing Media, design guru Bill Moggridge examines connections and conflicts between old and new media, describing how the MSM have changed and how new patterns of media consumption are emerging.

10 Aug 2015

Designing the Editorial Experience
editorialexperience.com

This book, which developed from the experiences of the authors at RES magazine, provides an introduction to the basics of graphic and digital design.

28 Aug 2014

Device-Independent Design Strategy
smashingmagazine.com

With all the talk about responsive Web design, designers and coders are moving even further from the fixed pixel layouts of design’s print-based history.

28 Aug 2014

Ecal Typefaces
ecal-typefaces.ch

ECAL launches an online foundry in association with Swiss Typefaces. The website features typefaces designed by Bachelor Graphic Design and Master Art Direction students.

30 Jun 2015

EINS EINS EINS
eins-eins-eins-magazin.de

Webarchive for Magazines. The aim to look after and share this archive, is not to make the market completely accesible but rather we want to create an overview and show the relationship between the magazines themselves and their editors and art directors.

28 Aug 2014

Google boss warns of ‘forgotten century’ with email and photos at risk
theguardian.com

Digital material including key historical documents could be lost forever because programs to view them will become defunct, says Vint Cerf. By Ian Sample

10 Aug 2015

Google Design
design.google.com

Google Design is a cooperative effort led by a group of designers, developers, writers, and UX advocates at Google whose goal is to capture and share their work and ideas with the user.

30 Apr 2016

Google Fonts
fonts.google.com

Google’s new site for Web fonts.

 

 

15 Jun 2016

Hybrid Publishing Lab
hybridpublishing.org

In collaboration with publishers, librarians, software developers, and authors Hybrid Publishing is a lab that engages with new concepts and technologies in digital publishing with a particular focus on the humanities. Embedding its research results in economic contexts, for example by setting up a Hybrid Publishing Consortium to consult about Open Source software solutions, the Lab both carries out applied experiments in publishing as well as incubating new businesses. Central for the lab’s projects is the idea of Open Access regarding academic knowledge, research, and education as well as a strong curiosity about new business models in a disruptive digital environment.

10 Aug 2015

Interview with Tom Krcha, Adobe XD
subtraction.com

Adobe released the first public preview of what the company is now calling Adobe XD, its their major new UX/UI design and prototyping tool.

29 Jun 2016

It’s Nice That: Interview with fltr
itsnicethat.com

Read an interview with the editor of mobile photography magazine fltr on It’s Nice That.

28 Aug 2014

Lava — Voice of a Magazine
typotheque.com

“In Spring 2012 I started working on Works That Work, a new magazine which launched in February 2013, and as strange as it may seem, one of the first things that I started working on was its typeface.” Peter Biľak

21 Jul 2015

Layout in Flipboard
engineering.flipboard.com

Flipboard Pages, a layout engine that turns web page articles into magazine pages for the iPad.

20 Jun 2016

Lined and Unlined
linedandunlined.com

A filing cabinet by Rob Giampietro about his researches on the relationship of movement to interaction, the history of visual identity and branding in the arts, and the future of the museum in the digital age.

30 Jan 2015

Live Font Interpolation on the Web
alistapart.com

“We all want to design great typographic experiences. We also want to serve users on an increasing range of devices and contexts. But today’s webfonts tie our responsive sites and applications to inflexible type that doesn’t scale. As a result, our users get poor reading experiences and longer loading times from additional font weights.” by Andrew Johnson

30 Jan 2015

Monoskop
monoskop.org

Monoskop is a wiki for collaborative studies of the arts, media and humanities.

10 Aug 2015

New Yorker cover comes to life
itsnicethat.com

Malika Favre’s illustration for this week’s New Yorker magazine has been brought to life by French animator Mathieu Maillefer.

08 Jun 2016

On Photography
susansontag.com

Humankind lingers unregenerately in Plato’s cave, still reveling, its age-old habit, in mere images of the truth. But being educated by photographs is not like being educated by older, more artisanal images. For one thing, there are a great many more images around, claiming our attention. By Susan Sontag

10 Aug 2015

Once it’s Typed, it’s Published
dextersinister.org

“Allen Fischer has asked me to supply a list of my recent writings and to describe my attempts to publish them using new media such as microfiches and xerox”. By J Christopher Jones

10 Aug 2015

Post-Digital Publishing Archive
p-dpa.net

The aim of P—DPA is to systematically collect, organize and keep trace of experiences in the fields of art and design that explore the relationships between publishing and digital technology.

10 Aug 2015

Roger That: Emoji Overdrive
ia.net

A font that turns the 2,000 most used English words into emoji.

20 Jun 2016

Swiss in CSS
swissincss.com

Swiss in CSS is a homage to the International Typographic Style and the designers that pioneered the ideas behind the influential design movement.

30 Jun 2016

The Death of homepages
theatlantic.com

News publishers lost the homepage firehose, and gained a social media flood. It’s making the news more about readers, and less about news. By Derek Thompson

10 Aug 2015

The Electric Information Age Book
brainpickings.org

Review of the book exploring how McLuhan, Agel, and Fiore Created a New Visual Vernacular for the Information Age. By Maria Popova

10 Aug 2015

The Future of Browser History
medium.freecodecamp.com

About browsers history, and how we tend to browse nowadays.

14 Jul 2016

The Future of the Books looks a lot like Netflix
wired.com

Struggling against plunging prices and a shrinking audience, book publishers think they’ve found a compelling vision for the future: magazines.

10 Aug 2015

The leaked New York Times innovation report
niemanlab.org

“It’s an astonishing look inside the cultural change still needed in the shift to digital — even in one of the world’s greatest newsrooms.” by Joshua Benton

10 Aug 2015

The Modern Magazine: Visual Journalism in the Digital Era
shop.magculture.com

The book describes how the disruption of the digital era has opened up new possibilities, forcing editors and designers to rethink their roles and their publications. By Jeremy Leslie

10 Aug 2015

The New Yorker unveils its first animated gif cover
theguardian.com

Magazine’s art director stresses animation by Christoph Niemann of traffic in the rain is not a “technical gimmick.”

10 Aug 2015

The Web Time Forgot
nytimes.com

In 1934, Paut Otlet sketched out plans for a global network of computers (called “electric telescopes”) where “anyone in his armchair would be able to contemplate the whole of creation”, By Alex Wright

28 Nov 2015

Too Much World: Is the Internet Dead?
e-flux.com

Is the internet dead? This is not a metaphorical question.  It asks what happened to the internet after it stopped being a possibility. By Hito Steyerl

10 Aug 2015

Typeface As Programme: Glossary
typotheque.com

A glossary of tools and technologies mentioned in Typeface As Programme.
by Jürg Lehni

28 Jun 2016

Typography for User Interfaces
viljamis.com

A recap of how far type in UI has come, where it’s going (VR) and what to look for when choosing a workhorse for your next interface. (via Atomic.io)

29 Jun 2016

Use Your Interface
uyi.io

UYI, is a place documenting the uprising of motion based interface patterns.

20 Jun 2016

WHAT IS CODE?
bloomberg.com

Businessweek, June 11, 2015
by Paul Ford

30 Jun 2016

Words Without Pictures
art.buffalo.edu

Words Without Pictures was conceived of by curator Charlotte Cotton and artist Alex Klein to create spaces for thoughtful discourse around current issues in photography.

10 Aug 2015

Writing Space: Computers, Hypertext, and the Remediation of Print

Reflecting the dynamic changes in electronic technology since the first edition, this revision incorporates the Web and other current standards of electronic writing. By J. David Bolter.

28 Nov 2015

Latest Resources

The Future of Browser History
medium.freecodecamp.com

About browsers history, and how we tend to browse nowadays.

Swiss in CSS
swissincss.com

Swiss in CSS is a homage to the International Typographic Style and the designers that pioneered the ideas behind the influential design movement.

Automatically art-directed responsive images
cloudinary.com

by Eric Portis

WHAT IS CODE?
bloomberg.com

Businessweek, June 11, 2015
by Paul Ford

Interview with Tom Krcha, Adobe XD
subtraction.com

Adobe released the first public preview of what the company is now calling Adobe XD, its their major new UX/UI design and prototyping tool.

Typography for User Interfaces
viljamis.com

A recap of how far type in UI has come, where it’s going (VR) and what to look for when choosing a workhorse for your next interface. (via Atomic.io)

Typeface As Programme: Glossary
typotheque.com

A glossary of tools and technologies mentioned in Typeface As Programme.
by Jürg Lehni

Declarative Design Tools
jon.gold

Our brains and computers are fast; our hands, mice and keyboards are slow.

Roger That: Emoji Overdrive
ia.net

A font that turns the 2,000 most used English words into emoji.

Layout in Flipboard
engineering.flipboard.com

Flipboard Pages, a layout engine that turns web page articles into magazine pages for the iPad.

Use Your Interface
uyi.io

UYI, is a place documenting the uprising of motion based interface patterns.

Google Fonts
fonts.google.com

Google’s new site for Web fonts.

 

 

New Yorker cover comes to life
itsnicethat.com

Malika Favre’s illustration for this week’s New Yorker magazine has been brought to life by French animator Mathieu Maillefer.

Google Design
design.google.com

Google Design is a cooperative effort led by a group of designers, developers, writers, and UX advocates at Google whose goal is to capture and share their work and ideas with the user.

Color Library
colorlibrary.ch

“Color Library” is a database of color profiles for artists, designers and printers who are looking for a novel yet professional color management solution. These new tools can convert images for printing devices using two, three, four or five spot colors. It offers a large variety of combinations, from basic colors to metallics, neons and pastels.

Abstract Browsing
itsnicethat.com

Digital artist Rafaël Rozendaal is turning the internet inside out with an exhibition at Steve Turner Los Angeles.

Writing Space: Computers, Hypertext, and the Remediation of Print

Reflecting the dynamic changes in electronic technology since the first edition, this revision incorporates the Web and other current standards of electronic writing. By J. David Bolter.

As We May Think
theatlantic.com

As Director of the Office of Scientific Research and Development, Dr. Vannevar Bush has coordinated the activities of some six thousand leading American scientists in the application of science to warfare.

The Web Time Forgot
nytimes.com

In 1934, Paut Otlet sketched out plans for a global network of computers (called “electric telescopes”) where “anyone in his armchair would be able to contemplate the whole of creation”, By Alex Wright

Natural User Interface

In computing, a Natural User Interface (NUI) is the common parlance used by designers and developers of human-machine interfaces to refer to a user interface that is effectively invisible, and remains invisible as the user continuously learns increasingly complex interactions. The word natural is used because most computer interfaces use artificial control devices whose operation has to be learned.

Graphical user interface

In computing, a graphical user interface (GUI, sometimes pronounced “gooey” or “gee-you-eye”) is a type of interface that allows users to interact with electronic devices through graphical icons and visual indicators such as secondary notation, as opposed to text-based interfaces, typed command labels or text navigation. GUIs were introduced in reaction to the perceived steep learning curve of command-line interfaces (CLIs), which require commands to be typed on the keyboard.

Parallax scrolling

Parallax scrolling is a special scrolling technique in computer graphics, wherein background images move by the camera slower than foreground images, creating an illusion of depth in a 2D video game and adding to the immersion.
Web designers began incorporating parallax scrolling in 2011, using HTML5 and CSS3. Websites with parallax backgrounds are becoming an increasingly popular strategy, as advocates argue it is a simple way to embrace the fluidity of the Web.

WebGL

A Web Graphics Library (WebGL) is a JavaScript API for rendering interactive 3D computer graphics and 2D graphics within any compatible web browser without the use of plug-ins. WebGL is integrated completely into all the web standards of the browser allowing GPU accelerated usage of physics and image processing and effects as part of the web page canvas. WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background.

Twitterbot

A Twitterbot is a program used to produce automated posts on the Twitter microblogging service, or to automatically follow Twitter users. Twitterbots come in various forms. For example, many serve as spam, enticing clicks on promotional links. Others post @replies or automatically “retweet” in response to tweets that include a certain word or phrase. These automatic tweets are often seen as fun or silly. Some Twitter users even program Twitterbots to assist themselves with scheduling or reminders.

UEM

User experience moment.

Usability

Usability refers to how easy it is for a visitor to your site to use your site in its intended manner. In other words, are navigation, content, images, and any interactive elements easy to use, functioning the way they were intended, and that your intended target visitor will not need any special training in order to use your site.

Permalink

Short for “permanent link.” Generally used only on blogs, a permalink is a link that is the permanent web address of a given blog post. Since most blogs have constantly-changing content, the permalink offers a way for readers to bookmark or link to specific posts even after those posts have moved off the home page or primary category page.

Pageview

A pageview is a request for an entire web page document from a server by a visitor’s browser. In other words, for each page view your site had, someone (or a search engine spider) looked at that page.

Meta data

Meta data is the data contained in the header that offers information about the web page that a visitor is currently on. The information contained in the meta data isn’t viewable on the web page (except in the source code). Meta data is contained within meta tags.

Hypertext

Hypertext is any computer-based text that includes hyperlinks. Hypertext can also include presentation devices like tables or images, in addition to plain text and links.

Hyperlink

A hyperlink is a link from one web page to another, either on the same site or another one. Generally these are text or images, and are highlighted in some way (text is often underlined or put in a different color or font weight). The inclusion of hyperlinks are the “hyper” part of “hypertext.”

Hit

Contrary to popular belief, a hit does not represent a single visitor to a website. A hit is actually a request for a single file from your web server. This means one page can actually generate multiple hits, as each page generally has more than one file (an html or other base file, a css file, multiple images, etc.) and each one is requested from the server whenever the page is loaded. Some marketing people like to quote hits to unknowing consumers as the number makes their site sound like it’s getting a whole lot more traffic than it actually is.

Focal Point

The focal point of a web site is the spot on a web page that they eye is naturally drawn to. This could be an image, a banner, text, Flash content, or just about anything else. You want to make sure that whatever is acting as your focal point is the most important part of your site.

Fixed Width Layout

A fixed width layout has a set width (generally defined in pixels) set by the designer. The width stays the same regardless of screen resolution, monitor size, or browser window size. It allows for minute adjustments to be made to a design that will stay consistent across browsers. Designers have more control over exactly how a site will appear across platforms with this type of layout.

Elastic Layout

An elastic layout is one that uses percentages and ems for widths paired with a max-width style to allow the site layout to stretch when font sizes are changed. It’s ability to flex to accommodate the browser width and reader’s font preferences are where it gets its name.

Cascading Style Sheets

Also referred to simply as CSS, Cascading Style Sheets are used to define the look and feel of a web site outside of the actual HTML file(s) of the site. In recent years, CSS has replaced tables and other HTML-based methods for formatting and laying out websites. The benefits to using CSS are many, but some of the most important are the simplification of a site’s HTML files (which can actually increase search engine rankings) and the ability to completely change the style of a site by changing just one file, without having to make changes to content.

Cache/chaching

Cached files are those that are saved or copied (downloaded) by a web browser so that the next time that user visits the site, the page loads faster.

Bounce rate

A website’s bounce rate is the percentage of people who leave the site from the same page they entered the site, without clicking through to any other pages. This can be a good indicator of how good a website’s navigation is, as well as an indicator of the quality of the site’s content (a very high bounce rate doesn’t bode well for either of those things).

AJAX

Stands for Asynchronous JavaScript and XML. AJAX is typically used for creating dynamic web applications and allows for asynchronous data retrieval without having to reload the page a visitor is on. The JavaScript on a given page handles most of the basic functions of the application, making it perform more like a desktop program instead of a web-based one.