I&IC, formats, recommandations image sizes, posts, etc.

A few indications regarding format, syntax, image sizes on the website and blog, Categories and Tags, etc.


Language for posts should be english. But we can also publish in French from time to time, especially if posts are intended for us (research team). Nonetheless, as the blog’s purpose is to show our process and then possibly use these posts to produce a printed documentation, english remains preferable.



For the horizontal “slide show” on the home page: 1366 x 500 pix max. or proportional.


In general, for pictures published on the blog (as galeries): 1366 pix. wide max (or less).

This size guarantees a good quality in case we would display the website full screen (fullHD, with margins). If your image is not intended to be displayed full screen, then a smaller resolution is possible.

If you believe that the picture you’re publishing might be print-published later and that we don’t have stored another better copy (a print-on-demand publication with selected content might be realized at the end of the research project), you can double its size. But keep in mind that mostly (if not only) the pictures taken by a photographer might be published full size in the end. The other ones will serve the purpose of documentation (therefore, 1366 pix. printed in 300 dpi still make a ~11cm wide image and could be sufficient).


All pictures should be uploaded in the Media section (edited, caption added if necessary). This will be our backed up reservoir.


Galleries should be created by 1° defining a new post / 2° For this post, define a Gallery format on the right side of the screen (Format) / 3° Choose Grid or Slideshow –we’ll rather use grid galleries for posts — / 4° Go to Media, upload and comment/edit your media, then attach these media to your post, from the same Media interface. Note that these images will also appear as “carrousel” in lightboxes at their best resolution.



We have a dedicated Vimeo account (Pro) where our videos can be published. Video can then simply be linked: 1° Define new post / 2° Choose Video on the right side of the screen (Format) / 3° Enter the video url in the dedicated field.


Unique links that appear in large orange boxes in teh blog roll: 1° Define new post / 2° Choose Link on the right side of the screen (Format) / 3° Enter the url in the dedicated field. / 4° Add a Featured Image in the dedicated field –if not, your link won’t appear– (note that this image appears then in the different Latest Posts widgets on the site.


Don’t forget to add a “Links” tag, among others, so that all links can be easily found.

Note that the “Link” format cannot be used with a “Insert Read More tag” (it looks that this is a bug in the WP Theme).


Links should be opened in a separate Tab or Window.

Editorial rules:

Try to use existing Categories or Tags when you publish a new post.


The People category should be used exclusively with tags an no other category except Schools (i.e. People/Designers+Books+etc.)


Resources is for all type of resources & references we publish (technical, projects, books, etc.) To be used mostly with tags and/or combined with Architecture, Art, Design, Interaction Design, Sciences & Technology, Society, Thinking categories.


Projects and Workshops categories are exclusively dedicated to the projects that will be developed in the frame of the I&IC research projects. They can be used mostly with tags and/or combined with Architecture, Art, Design, Interaction Design, Sciences & Technology, Society, Thinking categories.

Syntax & composition:

Some syntax comes directly with the type of posts/Format: “Gallery” (Format) implies that images appear necessary at the top of the post followed by text, so has “Link“.


A Reblog post should be mentioned in the title (Reblog > …). Note: this post can also serve as guideline for standard posts that include text and images.

A personal note in italic (Note: Nam liber tempor cum soluta nobis eleifend … ) can be inserted in the reblog post or other resources, before (or after if it’s a “Link”, a “Video” or a “Gallery”, etc. Format) mentioning the website of the original post so as in all cases its author, if it is known.


Other posts are standard posts. Don’t forget to leave a blank line between images and texts or after images legends and add a “Insert Read More tag” after the first paragraph or so, especially in the case of long posts.

All initial, then edited Tags

2d / 3d / 4d / Academic / Activism / Actual / Algorithmic / Application / Architects / Architecture / Art / Art direction / Artificial reality / Artists / Atmosphere / Automation / Behavior / Beliefs / Biology / Body / Books / Cabinets / City / Climate / Clouds / Code / Cognition / Community / Computing / Conceptual / Conditioning / Conferences / Content / Control / Corporate / Craft / Creolized / Critical / Curators / Customization /  Data / Datacenter / Designers / Designers (interaction) / Designers (product) / Designers (visual) / Developers / Devices / Digital / Display / Documentation / Domestic / ECAL / Ecology / Economy / Editions / Electronics / Energy / Engineering / EPFL / EPFL_ECAL_Lab / Ethnographers / Exhibitions / fabric | ch / Farming / Fiction / Food / Form / Function / Furnitures / Future / Gadget / Game / Geography / Globalization / Hack / Hardware / HEAD / Health / History / Housing / Ideas / Information / Infrastructure / Installation / Intelligent / Intentions / Interface / Interferences / Internet / Kinetic / Knowledge / Landscape / Library / Links / Localized / Mesh / Methodology /Neurosciences / Nomads / Object / Open source / Operating system / Participants / Participative / Personal / Philosophy / Photography / Physical / Physics / Physiological / Poetry / Politics / Pollution / Presence / Print / Privacy / Product / Profiling / Programming / Public / Reactive / Research / Responsive / Robotics / Scenarios / Scenography / Scientists / Screen / Security / Sharing / Situated / Sketches / Smart / Social / Sociology / Software / Sound / Space / Speculation / Standards / Statement / Storage / Surveillance / Sustainability / Tactile / Teaching / Territory / Things / Thinkers / Time / Tools / Topology / Tourism / Traces / Ubiquitous / Urbanism / Users / Variable / Vernacular / Video / Virtual / Visualization / Weather / Web