robertogreco + webdesign   522

Persona
"Persona is a compact, powerful and economic site builder; it is part of the Cargo set of web tools."
cms  webdesign  webdev  cargo  persona 
5 weeks ago by robertogreco
Zine machine!
“That magic is what means this web page is also a zine if you print it! Go ahead, try pressing your 🖨️ Print button now. You will need to set the page to landscape and make sure there’s no margins or scaling. We want to print on the edge, baby! You should see a preview laid out like this:”



“Steal this zine!
Please take this template and copy it for your own work.

This is a Glitch app!
Since it’s all hosted on Glitch, this friendly fish will give you the instructions to take a peek at the code and fire up your own version.

Creative Commons Licence
The content and images are licensed under a Creative Commons Attribution 4.0 International License.

Code highlighting via Prism.js.”
class  ideas  paper  zines  papernet  templates  css  webdesign 
june 2019 by robertogreco
Web design as architecture
“WEB DESIGN AS ARCHITECTURE

1. Websites are places. They provide services and social environments. Like architecture, they distribute access and atmospheric context to these resources: Watching a video on Nowness is different from watching a video on YouTube.

2. Websites are inherently public. Architecture is by nature a public discipline. Both buildings and websites are built realities. They are part of the fabric of societies that are now both physical and virtual.

3. Websites are inhabited. They become part of societies through the interactions they enable. They are homes to communities, to thoughts and approaches. They may be privately owned and operated, but inhabited and used by the public. As buildings, websites are where we spend our lives.

4. Websites are local, despite their distributed nature. Websites adhere to culturally established patterns, languages and user expectations in similar ways architecture does. Buying an onigiri from a 7-11 branch is different from buying a pretzel from a Bavarian bakery.

5. Websites are cultural artifacts. Like buildings, websites foster social discourses. They do so by establishing new ways of interaction or by asking new aesthetic questions.

6. Websites are constructed. Websites may use new technologies or existing technology to new effect. They may employ new ways of construction, or cite old ways of construction. Similarly, material and construction are defining characteristics of architectural work.

7. Websites age. As buildings, some get better with age. Some decay. Others get renovated or re-purposed.

8. Websites exist within frameworks. They negotiate contrasting requirements. Similarly, architecture deals with zoning and building regulations. Smart integration or avoidance of such requirements is a source for good and efficient design in both cases.

9. Websites are made by individuals, by collectives or by large-scale project groups, decisively influencing their aims, design quality and building process. Similar differences exist between private construction and large-scale urban projects. There is value in each scale.

10. Websites are inevitable. Applying Rem Koolhaas’ quip about buildings, a website has to happen in order for a service or content to exist in the digital realm.

The above aims to provide a starting point for a more expansive, and more critical discourse on website design. The engagement of liberal arts, humanities and engineering present in the architectural discourse is more timely than ever. Considering and expanding upon these aspects when building and critiquing websites may help us fulfilling our responsibility as contributors to the global digital infrastructure today.

This text uses the term Website to describe a markup document containing text and other media, served via a networked connection. For this definition, mobile apps and specialized hardware devices are interpreted as specific types of browsers serving websites in proprietary content formats.

ⓐThis text started as a tweet. ⓑ It was turned into a talk held on May 23rd 2019, in Oslo, Norway on invitation by Grafill. ⓒThere is an are.na channel that collects sources and collateral concerning the topic.



http://maltemueller.com
https://waf.gmbh
@electricgecko

This website is built as a single HTML document.
Set in Authentic Sans.”

[See also:
https://www.are.na/malte-muller/web-design-as-architecture ]
webdesign  webdev  architecture  manifestos  place  buildings  are.na  maltemüller 
june 2019 by robertogreco
Bindery.js · Book
"Bindery.js is a library for designing printable books with HTML and CSS.

At its simplest, Bindery flows content over multiple pages. From there, the designer can create running headers, spreads, footnotes, tables of contents, indexes, and more. Bindery also provides print options like bleed, crop marks, and booklet ordering.

Web designers can think about books as an extension of responsive design, and print designers can express layouts programmatically, without the need for InDesign."
bindery  csss  ebooks  html  books  css  webdev  epublishing  webdesign  print  papernet 
june 2019 by robertogreco
Local Area Network
"Inspired by grassroots independent publishing, we will collectively build an online publication within our local area network. We will each contribute a page to this publication, exploring what it might mean to reintroduce a sense of locality to our networks. These contributions might take the form of manifestos, essays, proposals, recipes, or personal corners of the net.

Special thanks to Michèle Champagne, Garry Ing, Greg J. Smith

Visit dat://local-area-network.hashbase.io/a-b-z-txt on Beaker.

Schedule

Thursday, August 23

• 10:30–11:00 — Mindy talks about Artist as Networker
• 11:30–12:00 — Jon talks about p2p and time

Friday, August 24

• 09:30–10:00 — Coffee
• 10:30–10:45 — Exercise 1: Browsing
• 10:45–11:00 — Exercise 2: Profiling
• 11:00–12:30 — Exercise 3: Speed Dialoguing
• 12:30–14:00 — Lunch
• 14:00–14:30 — Exercise 3 Recap: Network Circle
• 14:30–15:30 — Group Discussion
• 15:30–16:00 — Tutorial: Dat and Beaker
• 16:00–17:00 — Reading Discussion

Saturday, August 25

• 09:30–10:00 — Coffee
• 10:00–10:15 — Introduce prompt and examples of grassroots publishing
• 10:15–12:15 — Initial brainstorm
• 12:15–12:30 — Introduce statement: A _____ that _____.
• 12:30–14:30 — Lunch
• 14:30–14:45 — Tutorial: Beaker APIs
• 14:45–17:00 — Begin building personal webpages
• 17:00–18:00 — Table crits

Sunday, August 26

• 09:30–10:00 — Coffee
• 10:00–10:30 — Tutorial: CSS to Print
• 10:30–12:30 — Continue building personal webpages
• 12:30–13:30 — Lunch
• 13:30–15:30 — Continue building personal webpages
• 15:30–16:30 — Begin printing
• 16:30–18:00 — Final Presentations

Overview

Day 1

A series of micro-exercises that create a word bank about each participant. As a group, we will discuss the current state of online communities and speculate on the type of content and interactions we would like to see on new networks.

• Exercise 1: Browsing — A public reading of each participant's past 7 browser searches. Collect 7 keywords.
• Exercise 2: Profiling — List 7 keywords of yourself from the perspective of an algorithm.
• Exercise 3: Speed Dialoguing — A 3-minute conversation in pairs, after which a single keyword must be selected. Continue for 1.5 hours until every possible pair has been created.
• Exercise 3 Recap — One person picks a conversation, reads the respective keyword, and briefly describes how it was selected. The corresponding person selects another conversation, and the process repeats until every person has been selected.

◦ Seita - Rory — bone to bone
◦ Rory - Mike — co-sin
◦ Mike - Stephanie — Russian ketchup
◦ Stephanie - Matt — Craigslist Roommates
◦ Matt - Timur — house plant
◦ Timur - Cyrill — Fleur & Manu
◦ Cyrill - Cezar — Santa Claus
◦ Cezar - Davis — Park Slope
◦ Davis - Taulant — textiles
◦ Taulant - Kenton — the nine
◦ Kenton - Omar — Loblaws
◦ Omar - Derrick — The Wire
◦ Derrick - Sam P — mesh network
◦ Sam - Ysabel — Jane the Virgin
◦ Ysabel - Brian H — train commute
◦ Brian H - Sam G — Annie Albers
◦ Sam G - Josh — fern
◦ Josh - Julia — nomadic / travel
◦ Julia - John C — running
◦ John C - Brian S — bedtime
◦ Brian S - Allison Parrish — adjunct (at NYU)
◦ Allison P - Florence — mukbang
◦ Florence - Mubashir — self taught
◦ Mubashir - Javid — Mexican food
◦ Javid - Seita — Japan

[images]
Some notes from Cyrill, Sam P, Tau

Based on all of the harvested keywords, begin to speculate what the tenants of a new online community might be. What are the values? What are the goals? How do we want to be represented? Do we want it public? Do we want it private? Do we want to create something which reflects the individuals, the community, or both?

• Group Discussion
◦ Internet personas and self-representation
◦ Imperfect algorithms
◦ Passive/Active consumption
• Reading Discussion
*For excerpts and files, please visit dat://local-area-network.hashbase.io/a-b-z-txt/readings/ on Beaker.
◦ Jane Jacobs, The Death and Life of Great American Cities
◦ Vannevar Bush, “As We May Think”
◦ A Pattern Language, “Mosaic of Subcultures”
◦ Ted Nelson, Computer Lib/Dream Machine
◦ Maarten Hajer & Arnold Reijndorp, In Search of a New Public Domain
◦ Kev Bewersdorf, “Reversing the Flow of Internet Expansion”
◦ Laurel Schwulst, “My website is a shifting house next to a river of knowledge. What could yours be?”

Day 2 and 3

Inspired by grassroots independent publishing, we will collectively build an online publication within our local area network. We will each contribute a page to this publication, exploring what it might mean to reintroduce a sense of locality to our networks. These contributions might take the form of manifestos, essays, proposals, recipes, or personal corners of the net.

• Some references
*For all references, please visit dat://local-area-network.hashbase.io/a-b-z-txt/references/ on Beaker.
◦ Whole Earth Catalog
◦ New Woman's Survival Guide
◦ Dome Books 1 & 2
◦ Autoprogettazione
◦ Computer Lib/Dream Machine
◦ Inflato Cookbook
◦ How to Build Your Own Living Structures
• Statement: A _____ that _____.
◦ A proposal for good gossip (Mike)
◦ A text that strengthens from collective readership (Brian H)
◦ An algorithm that gives you 9 friends (Cezar)
◦ A manifesto that overcrowds until reaching illegibility (Seita)
◦ A website that keeps you warm (Davis)
◦ A drawing scripture decoded for its disciples (Derrick)
◦ A local guide to hypnosis (Julia)
◦ A series of short stories with multiple outcomes (Javid)
◦ A manual to close down the street (John C)
◦ An example of a structured format that collects items for sharing (Kenton)
◦ A speculative source of value (Omar)
◦ An interface to fill the peer-to-peer web with procedurally-generated nonsense (Allison)
◦ A flag to rule (Cyrill)
◦ A tutorial for creating a dark aesthetic (Rory)
◦ A narrative that encourages people to unfollow others (Florence)
◦ A text that shows the value of collective, unified thought (Josh)
◦ A space to give more than I receive (Sam G)
◦ A reading experience for slow life (Matthew)
◦ A set of directions that takes you on a blind date (Stephanie)
◦ An acknowledgment of the context in which the internet operates and this space exists (Mubashir)
◦ A service that maps connected peers (Sam P)
◦ A dedicated day for tidying your network presence (Tau)
◦ An interface that promotes continuous real life interactions (Timur)
◦ A page that reconsiders “local area network” through neighbourhood civic infrastructures (Brian S)

Some Projects

[images]

View all projects on Beaker Browser at
dat://local-area-network.hashbase.io/a-b-z-txt .

[images]

Steph, A website for a blind date
dat://d4d4cf7526a7bea710f18eb9797c6cb3e3354d59041d711a2d630222eb144644/

[images]

Brian H, A text that strengthens from collective readership
dat://ffb9a22300a2c76a43c4e5b204b66d6f28edbda0fdad8cabd0d24ddaa79687f9/
Download A-B-Z-Times.ttf

[images]

Mubashir, An acknowledgment of the context in which the internet operates and this space exists
dat://837cf6bca44d16229dd6bc4681f52c82bae4f05f2c672f284efb632cfc83b932/

[images]

Sam P, A service that maps connected peers
dat://e5225908fe650662e6f709c579cb35cefdab2cabcc06d8ebd80c2a3bc351b9be/

[images]

Florence, A narrative that encourages people to unfollow others
dat://8bd0ba7d8dcdbc110fb89cd4528ad191ec4bb3a4e6d8a373fc2173d0b6c2aa98/

Documentation

[images]

Photos by Garry Ing"
mindyseu  jürglehni  jongacnik  p2p  p2pweb  beakerbrowser  dat  christopheralexander  apatternlanguage  janejacobs  vannevarbush  tednelson  maartenhajer  arnoldreijndorp  kevbewersdorf  laurelschwulst  2018  local  grassroots  publishing  p2ppublishing  web  webdev  webdesign  garrying  michèkechampagne  gregsmith  wholeearthcatalog  manifestos  survivalguide 
may 2019 by robertogreco
Laurel Schwulst, "Blogging in Motion" - YouTube
"This video was originally published as part of peer-to-peer-web.com's NYC lecture series on Saturday, May 26, 2018 at the at the School for Poetic Computation.

It has been posted here for ease of access.

You can find many other great talks on the site:
https://peer-to-peer-web.com

And specifically more from the NYC series:
https://peer-to-peer-web.com/nyc "

[See also:
https://www.are.na/laurel-schwulst/blogging-in-motion ]
laurelschwulst  2019  decentralization  p2p  web  webdesign  blogging  movement  travel  listening  attention  self-reflection  howwewrite  writing  walking  nyc  beakerbrowser  creativity  pokemon  pokemonmoon  online  offline  internet  decentralizedweb  dat  p2ppublishing  p2pweb  distributed  webdev  stillness  infooverload  ubiquitous  computing  internetofthings  casygollan  calm  calmtechnology  zoominginandout  electricity  technology  copying  slow  small  johnseelybrown  markweiser  xeroxparc  sharing  oulipo  constraints  reflection  play  ritual  artleisure  leisurearts  leisure  blogs  trains  kylemock  correspondence  caseygollan  apatternlanguage  intimacy  dweb 
may 2019 by robertogreco
Slices | Stories for the web
"Create and publish interactive multimedia stories for any screen size. Share, embed or integrate anywhere on the web. Built for journalists, visual storytellers and brands."



"Stories for the Web
Create and publish interactive multimedia stories for any screen size. Share, embed or integrate anywhere on the web. Built for journalists, visual storytellers and brands.

Start. Slice. Serve.
Publish your story in three simple steps. We take care of the rest.

Built for Storytellers
We don't like steep learning curves or comprehensive manuals. Whether you're a writer, photographer, or art director, Slices is easy to use right from the start.

Mobile Matters
Smartphone and tablet users make up more than 60% of all web browsing. We make sure your audience has a solid and optimised experience both on the small and the large screen.

Publish the way you want
Share, embed or fully integrate your stories on your website or app. We offer various integration and download options that fit your publishing needs."
web  online  storytelling  onlinetoolkit  stories  format  form  interactive  webdesign  ebdev 
february 2019 by robertogreco
Scratching the Surface — 102. Laurel Schwulst
"Laurel Schwulst is a designer, writer, teacher, and webmaster. She runs an independent design practice in New York City and teaches in design programs at Yale and Rutgers. She previously was the creative director for The Creative Independent and a web designer at Linked By Air. In this episode, Laurel and Jarrett talk about how horses got her into graphic design, what websites can be, the potential of the peer-to-peer internet, and how writing and teaching influence her practice."

[Direct link to audio: https://soundcloud.com/scratchingthesurfacefm/102-laurel-schwulst ]
jarrettfuller  scratchingthesurface  laurelschulst  2018  interviews  design  web  online  internet  are.na  lynhejinian  mindyseu  decentralization  neilpostman  charlesweingartner  juliacameron  teachingasasubversiveactivity  teaching  education  learning  howwelearn  kameelahjananrasheed  research  archiving  cv  roombaghost  graphicdesign  websites  webdev  webdesign  p2p  beakerbrowser  decentralizedweb  dat  p2ppublishing  p2pweb  distributed  dweb 
january 2019 by robertogreco
The Creative Independent: How to make a website for your creative work
"A guide to getting your work on the internet so you can share it with others, written by Jason Huff and illustrated by Sean Suchara."



"If you’re a creative person living in the world today, people will expect to be able to find some examples of your work online. How you choose to put it there, though, is completely up to you.

I got started on the web in the early aughts when I created a gallery for my creative work. I call it a gallery because it was just that: a blank space with images in a row that linked to some projects I wanted to share with friends. Since then my site has evolved, disappeared, come back, and spawned other sites that express my ideas and identity online. Each evolution was a chance to share new work in a way that reflected how I wanted people to experience it.

I work on the web everyday. I help designers, artists, and galleries discover and create their online presence. And for seven years, I designed and led teams at Etsy, a platform that helps millions of creative humans around the world use the web to make an income from their craft. In all of my work, I’ve learned that every person brings their own body of knowledge and point of view when they create their own space online. The unique approaches that each individual brings to the experience are what make the internet an interesting place to explore.

Before digging into this guide, I recommend reading Laurel Schwulst’s essay, My website is a shifting house next to a river of knowledge. What could yours be? It’s a great sister piece to this more practical guide, and provides many poetic explorations of the website format. Like Laurel mentions in her essay, “Artists excel at creating worlds.” I hope this guide will help you start creating yours.

— Jason Huff"
webdesign  webdev  howto  websites  seansuchara  jasonhuff  art  glvo  projectideas  laurelschwulst  morehshinallahyari  petracortright  americanartist  ingridburrington  damonzucconi  jennyodell  seokhoonchoi  tomjennings  carlyayres 
january 2019 by robertogreco
Scratching the Surface — 104. Cab Broskoski and Chris Sherron
"Cab Broskoski and Chris Sherron are two of the founders of Are.na, a knowledge sharing platform that combines the creative back-and-forth of social media with the focus of a productivity tool. Before working on Arena, Cab was a digital artist and Chris a graphic designer and in this episode, they talk about their desire for a new type of bookmarking tool and building a platform for collaborative, interdisciplinary research as well as larger questions around open source tools, research as artistic practice, and subverting the norms of social media."

[direct link to audio:
https://soundcloud.com/scratchingthesurfacefm/104-cab-broskoski-and-chris-sherron ]
jarrettfuller  are.na  cabbroskoski  chrissherron  coreyarcangel  del.icio.us  bookmarkling  pinterest  cv  tagging  flickr  michaelcina  youworkforthem  davidbohm  williamgibson  digital  damonzucconi  stanleykubrick  stephaniesnt  julianbozeman  public  performance  collections  collecting  research  2000s  interview  information  internet  web  sharing  conversation  art  design  socialmedia  socialnetworking  socialnetworks  online  onlinetoolkit  inspiration  moodboards  graphicdesign  graphics  images  web2.0  webdesign  webdev  ui  ux  scratchingthesurface  education  teaching  edtech  technology  multidisciplinary  generalists  creative  creativitysingapore  creativegeneralists  learning  howwelearn  attention  interdisciplinary  crossdisciplinary  crosspollination  algorithms  canon  knowledge  transdisciplinary  tools  archives  slow  slowweb  slowinternet  instagram  facebook 
january 2019 by robertogreco
Lesspod: Serverless Websites
"Lesspod lets anyone build and deploy website+blog combination to serverless platforms (starting with Firebase). Key benefits:

• Super fast page load times.
• Infinite scalability of the cloud.
• No servers to manage or related problems.
• Free forever hosting! (for 99% websites)

This is a serverless website hosted freely on Firebase."
webdev  webdesign 
november 2018 by robertogreco
Collaborative libraries
[images throughout, interesting card format for web design]

"Images and notes on collaborative libraries…

At the beginning of the modern public libraries, the library is a shift from private to collective dynamics.

Self-organized DIY movements developed collaborative, horizontal and alternative knowledge cultures, in which the building of independent, small scale libraries, “distros”, were important vectors.

“Today digital tools, online and offline networks make it possible for almost anyone to be a librarian. What one needs is a computer and an internet connection. Free software advocate, cultural explorer, and social instigator Marcell Mars says “With books ready to be shared, meticulously catalogued, everyone is a librarian. When everyone is a librarian, library is everywhere.” The project Bibliotecha and the book Radical Tactics of the Offline Library by Henry Warwick promote the ability for people not only access the contents, but also to appropriate the tools to archive, organize and share these contents.

But internet has its own barriers and limits. While we are allowed to drop a book in the public space, let it on a public bench or in public bookcases (book crossing), sharing the same book in a digital format on a website can be considered as illegal.”

(excerpt from: “Hidden Histories – Public Libraries” http://designed.with.meteor.com/readme-hidden-histories.html)

(Peer to peer file sharing structure, vis-à-vis file locations, by Henry Warwick)

With digital tools and peer to peer structures, collaborative online public libraries become much bigger.



Collaborative reading

According to Pierre Bourdieu, one really becomes a reader when one can make discourses on its readings. Reading is sharing, it has always been a collective act. Even though the library is traditionally a silent place, (oral) public readings and reading groups have always made reading a social and shared activity.


Today, what does it mean for us? Where are we creating these public reading spaces. Online? In the public space? On city squares?

#bookcamping, by María Castelló

During the workshop “Hidden Histories – Archive Architectures” at Medialab Prado on the 26 of June 2015 with the project #bookcamping, a question was raised: how can we share books references and comments, a collective library, a reading room on a public media façade?

An idea to share thoughts about books in a sentence, that could fit on a media façade, for instance:"
libraries  howeread  books  collections  webdesign 
november 2018 by robertogreco
enoki
"An experimental platform tool for peer-to-peer publishing

Free
Culture wants to be free. No monthly hosting fees or billing to keep up with.

Decentralized
Instead of being confined to a centralized platform, publish directly with Dat.

Offline first
No internet? No problem. Sync changes automatically when reconnecting.

Own your content
This is a tool! Your content stays with you, not a greedy platform.

Archival
Easily go back in time and revert to previous versions of your site whenever!

Open source
Built with open source projects; released as an open source project."
enoki  p2p  publishing  web  online  internet  webdev  webdesign  cms  free  opensource  archives  archival  offline  decentralization  beakerbrowser  dat  p2ppublishing  decentralizedweb  p2pweb  distributed  dweb 
october 2018 by robertogreco
The Creative Independent: On exploring how to be online in radical ways [interview with Tara Vancil, co-creator of Beaker Browser]
"Web developer Tara Vancil discusses the peer-to-peer web, the current state of self-publishing, and the future of the internet."


"[Q] I love that Beaker has a built-in editor. There’s this all-in-one feel to it where you can browse and publish websites from the browser. I was curious what self-publishing means for you and why it’s important?

[A] Well, there’s this myth floating around on the web that the very first web browser, it was called WorldWideWeb, made by Tim Berners-Lee actually had an editor built into it. Now, I’ve never been able to 100% confirm this with him, or anybody, but there’s kind of just the shared history that goes around on the web, so I’m willing to believe it. When I found that out, it was really interesting because we had been building the early prototype of Beaker and it was quite different from what it is now. It did have a button that let you create a website from the browser, so self-publishing was a part of Beaker very early on. But we didn’t fully understand how important facilitating self-publishing would be. It was fairly recently that we decided to put in an editor. We thought it would be too much work to maintain, we thought people wouldn’t care, we thought they’d prefer to use their own editors. And then one day, we just realized like, “You know what? No, a browser really should help people participate in the web.”

So self-publishing, for me, is not necessarily about owning your content. It’s not all about enabling creativity. There are other tools that enable creativity. I think it’s about creating opportunities for the widest swath of people to participate on the web. I think right now, there are so many barriers that can pop up at any given moment when you decide, “I want to make an app, I want to make a game, I want to publish my portfolio, or I want to create an interactive art piece.” With Beaker, self-publishing is about reducing as many of those barriers as possible, so that literally everybody can have some hope of meaningfully participating on the web. Because why not? That’s what the web is. It’s this really strange thing.

I like to call the web humanity’s shared language. We’ve all come together, by some miracle, as a society to define a set of rules and technical standards about how we will communicate, how our computers will communicate with each other, and people all over the world use this. I mean, that’s pretty miraculous that we’ve managed to do that. So why shouldn’t everybody be able to build stuff on it, and share things on it? It seems really sad that right now that’s not the case, and I think it’s also boring.

[Q] There seems to be a general feeling that HTTP doesn’t provide a productive space any longer. Recently there’s been a lot of interest in going offline or just slowing down. I wanted to get your thoughts on the offline first movement and if you align yourself with it?

[A] Offline first is a funny concept to me because it’s rooted in both very corporate ideology and very anti-corporate ideology. So there’s one meaning for offline first, I think it was coined by Google, and this was a way for building applications such that low-power devices in places that have really bad connectivity could cache an application’s or website’s assets so that it can still function well. I think this is an honorable effort to build applications with the expectation that we don’t live in an equitable world, but we have to remember that a corporation like Google is motivated to do that because they want to sell more devices, and they want to further the reach of Gmail and their other tools.

And then there’s the other side of the movement, where offline first means something very different to another group of people. If you’ve heard of Secure Scuttlebutt, it’s a peer-to-peer online friends space. It’s a place for people to post content and share things with their friends without having to connect through something like Twitter or Facebook. And a lot of the folks that participated there in the early days were really interested in finding ways to live a little more independently, to maybe not depend entirely on the electrical grid, or to be able to live on a boat, or to maintain their own garden. I think that reflects an interest in slowing down, and a reaction to the speed of consumption that the web of today demands of us.

So at the end of the day, I think offline first—by both definitions—is rooted in the observation that we don’t live in an equitable world, and modern applications do not serve everybody. They don’t serve every kind of lifestyle. I’m definitely interested in living in a home with electricity and modern amenities but I’m also really interested in doing that responsibly, and I care a lot about my own sanity and other people being able to maintain their sanity in this hyper-connected world. I think a lot of us are perhaps exploring how we do that for the long-term. So I like being online and I want to continue being online, but I think looking to these communities that are exploring how to be online in radical ways, is really important.

[Q] Beaker is a good example of that. In my own exploration of the peer-to-peer web, I’ve needed to either be sent a link directly from somebody, or be in connection with the HTTP web to find websites on the p2p web. I’m curious what the longer-term goals are? Is it sort of like in tandem with the current web, or is the goal to replace HTTP with peer-to-peer protocols?

[A] Yeah, there’s an interesting effect on the peer-to-peer web where you kind of have to bootstrap your experience somehow. You either have to have a chat open with a friend so that you can send links between each other, or you need to have a curated list of websites and projects that you want to visit. And interestingly, I think that’s a problem that the HTTP web suffers from as well. It’s an aggregation problem. If you think back to the early days of the HTTP web, someone—or some company—had to go out there and crawl the web, and collect the links that they found, and then publish them somewhere. That’s just a fact of how networks work. It’s hard to aggregate content independently.

So I think what that means is that if the peer-to-peer web is going to become a part of the web as we know it, then so are search engines and aggregators. And maybe those search engines will use HTTP just because it’s easier for that purpose. Maybe not. I’m not sure that we need to replace HTTP entirely to fix what’s wrong with the web. I think we need to replace HTTP in cases where it encourages centralization of governance over our communities, and it discourages innovation and the ownership of our online experiences. That’s why I think it’s so important that people are able to publish their own websites, for example, because a website can be anything. It can be the place where you post your micro-blogs, like your tweets. It can be a place where you post blog posts, which is pretty obvious. It could be a place where you post photos or art projects, and I feel that the HTTP web makes it so difficult to do that right now. As a result, we’re cornered into the situation where we have to publish on Twitter, and Facebook, and Instagram. And that’s fine, those are pretty cool platforms, but they also constrain us, and I think we’re starting to understand the limits and the consequences of that.

[Q] It might be a positive thing that you can’t search the peer-to-peer web currently, in that it has to be such a personal connection where my friend will send me a link to a website. HTTP is a constant process of following links to other links. On the p2p web it’s more about accessing a page and then reading it to the end, and then maybe going offline after that.

[A] Yeah, there’s a certain finiteness to it, which is blissful at times. I’m not sure it’ll stay that way forever. There’s a lesson to be learned about how it feels to use the peer-to-peer web. I’ve found websites where I couldn’t believe I found them. It felt like I’d just stumbled upon a treasure. Like, “Wow, this person is out there and they’ve made this thing. I want to read everything they’ve posted,” and then that’s the end of it. It’s a really satisfying experience.

[Q] It also feels like you have to forget what you thought the web was when you’re approaching the p2p web. I find it pretty difficult to describe what the peer-to-peer web is, and I think maybe that’s not just me. It’s broad, it’s many different things, it’s multi-layered.

What does your ideal web look like?

[A] I want a web that I can build on. I love building on the web so much. To me, websites are my canvas. I grew up in a family that I think looked down on anything that smelled of creativity. I grew up hunting, watching football, and playing sports. There’s no creative exploration in that. I became exposed to the creative process fairly late in my life, and the canvas for me is websites. I love the feeling that I get when I sit down with a blank slate, and I know how to use the tools, I know how to wield HTML and CSS and bend it to my will. I want a web that is conducive to that, and I don’t want to just build standalone websites. I would love to build things that are meaningful to people, that have users, and then I want those users to be able to take what I’ve made and be able to shape it into something new.

On the web today, I feel like I can build something amazing, and I can go out and find people who want to use what I’ve built. But it’s a very rigid process. To build something, I first of all probably have to find investment because launching a service on the web, launching an app that’s actually going to get wide usage, is really, really expensive. So I think I want a web that makes that process cheaper, and distributes the cost of bandwidth and storage across its users. And then beyond that, I want a web that doesn’t try to lock down the experience of … [more]
beakerbrowser  taravancil  2018  publishing  self-publishing  online  internet  time  longevity  ephemeral  ephemerality  collaboration  technology  design  decentralization  radicalism  web  webdev  webdesign  seeding  p2p  peertopeer  http  dat  decentralizedweb  independence  hashbase  p2ppublishing  p2pweb  selfpublishing  distributed  dweb 
october 2018 by robertogreco
Brutalist Web Design
"Guidelines for Brutalist Web Design
Raw content true to its construction

• Content is readable on all reasonable screens and devices.
• Only hyperlinks and buttons respond to clicks.
• Hyperlinks are underlined and buttons look like buttons.
• The back button works as expected.
• View content by scrolling.
• Decoration when needed and no unrelated content.
• Performance is a feature.

What is Brutalist Web Design?

The term brutalism is often associated with Brutalist Architecture, however it can apply to other forms of construction, such as web design. This website explains how.

The term brutalism is derived from the French béton brut, meaning “raw concrete”. Although most brutalist buildings are made from concrete, we're more interested in the term raw. Concrete brutalist buildings often reflect back the forms used to make them, and their overall design tends to adhere to the concept of truth to materials.

A website's materials aren't HTML tags, CSS, or JavaScript code. Rather, they are its content and the context in which it's consumed. A website is for a visitor, using a browser, running on a computer to read, watch, listen, or perhaps to interact. A website that embraces Brutalist Web Design is raw in its focus on content, and prioritization of the website visitor.

Brutalist Web Design is honest about what a website is and what it isn't. A website is not a magazine, though it might have magazine-like articles. A website is not an application, although you might use it to purchase products or interact with other people. A website is not a database, although it might be driven by one.

A website is about giving visitors content to enjoy and ways to interact with you.

The design guidelines outlined above—and detailed below—all are in the service of making websites more of what they are and less of what they aren't. These aren't restrictive rules to produce boring, minimalist websites. Rather these are a set of priorities that put the visitor to your site—the entire reason your website exists—front and center in all things."
webdev  webdesign  brutalism  design  guidelines  web 
october 2018 by robertogreco
LOW←TECH MAGAZINE: How to Build a Low-tech Website?
"Our new blog is designed to radically reduce the energy use associated with accessing our content."



"Static Site…
Dithered Images…
Default typeface / No logo…
No Third-Party Tracking, No Advertising Services, No Cookies…"

[Update: See also:
https://www.fastcompany.com/90246767/the-future-of-web-design-is-less-not-more
https://walkerart.org/magazine/low-tech-magazine-kris-de-decker ]
webdev  webdesign  publishing  sustainability  web  online  internet  energy  low-techmagazine  lowtech  low-tech 
september 2018 by robertogreco
Universe
"Make an awesome website from your phone.

Download

The internet is your canvas.

Visit Gallery ➔

Universe is the easiest way to make a website. Choose a custom domain, build your site, and share it in less than a minute—all on your iPhone, for free.

What kind of sites? Well, anything you can imagine. Start with a personal, business, or creator site and evolve from there. This site was made on Universe, of course. "

[See also:
https://itunes.apple.com/us/app/universe-website-builder/id1211437633
http://onuniverse.com/posts/
https://universe.dropmark.com/494459

https://www.theverge.com/circuitbreaker/2017/3/22/15026976/universe-website-building-app-custom-sites-iphone
https://techcrunch.com/2017/03/22/universe-a-mobile-only-website-builder-lets-you-create-pages-in-under-a-minute/ ]
applications  webdeb  ios  webdesign  hosting 
september 2018 by robertogreco
Dat Project - Welcome!
"A distributed data community
Dat is a nonprofit-backed data sharing protocol for applications of the future."
distributed  p2p  sharing  data  collaboration  beaker  hashbase  dat  beakerbrowser  webdev  webdesign  p2ppublishing  decentralizedweb  p2pweb  online  web  internet  dweb 
august 2018 by robertogreco
Primer Stories
"Primer Stories, together with our studio arm, Primer &Co is a digital storytelling concern.

We create visual narratives that integrate text, illustrations, animation, photos, and sound to inform, enlighten, and expand the interactive medium. We are dedicated to highlighting, exploring, and sharing the most interesting and complex ideas in the world, through the power of narrative and visual design.

We believe there is an unmined field in online visuals and narrative that is somewhere between the serious long form piece or white paper and the superficial tweet or listicle. Our own user testing*, as well as independent market research, has shown that data retention increases exponentially when partnered with narrative and rich visual media.

For interested organizations, Primer Stories LLC offers both the possibility of native partnerships as well as custom for-hire digital storytelling through our studio, Primer&Co.

Primer Stories LLC has offices in Seattle and San Francisco. If you’d like to meet up for a coffee to discuss a project, or just to say hi, drop us a line, we’re friendly.

* In a series of user tests, we leveraged the audience from our web magazine, Primer Stories, to see if we could prove that dynamic visuals increase knowledge comprehension and retention. Results between users who view plain text versus illustrated primers showed an increase in knowledge retention of 23%"

[See also:

Dragons of the Alps: Johann Jakob Scheuchzer's Scientific Quest for Evidence, by Anindita Basu Sempere
http://primerstories.com/3/dragons

Spacesuits and Spaceship Earth, by Nicholas de Monchaux
http://www.primerstories.com/2/primer-0023-spacesuit

The New Nationalism, by Douglas Rushkoff
http://www.primerstories.com/4/nationalism

Ultimate Dissent: Self-Immolation in the Global Village, by Rob Walker
http://www.primerstories.com/2/self-immolation

The Inventive Solipsism of Mondegreens, by Laura Goode
http://www.primerstories.com/3/mondegreen

Crepuscule with Socrates, by Matthew Glaser
http://www.primerstories.com/3/socrates

You Are Here, a visual investigation of the life and (spoilers) death of the universe
http://www.primerstories.com/3/cosmictimeline ]

[via
https://twitter.com/anindita/status/1012780745537048586
https://twitter.com/PrimerStories/status/1012775219839361024 ]
stories  storytelling  digital  webdesign  books  bookfuturism  classideas  lauragoode  aninditabasusempere  nicholasdemonchaux  douglasrushkoff  robwalker  matthewglaser 
june 2018 by robertogreco
Micro.blog
"Today's social networks are broken. Ads are everywhere. Hate and harassment are too common. Fake news spreads unchecked.

There's a better way: a network of independent microblogs. Short posts like tweets but on your own web site that you control.

Micro.blog is a safe community for microblogs. A timeline to follow friends and discover new posts. Hosting built on open standards.

Use Micro.blog from the web or with native apps for iOS and macOS. Learn more about why I created Micro.blog."

[See also: "Why I created Micro.blog"
http://help.micro.blog/2015/why-i-created-this/ ]
via:ayjay  web  online  microblogs  onlinetoolkit  indieweb  socialnetworking  socialmedia  publishing  blogging  blogs  webdev  webdesign 
may 2018 by robertogreco
My website is a shifting house next to a river of knowledge. What could yours be? – The Creative Independent
"The web is what we make it

While an individual website could be any of those metaphors I mentioned above, I believe the common prevailing metaphor—the internet as cloud—is problematic. The internet is not one all-encompassing, mysterious, and untouchable thing. (In early patent drawings depicting the internet, it appears as related shapes: a blob, brain, or explosion.) These metaphors obfuscate the reality that the internet is made up of individual nodes: individual computers talking to other individual computers.

[image]

The World Wide Web recently turned 29. On the web’s birthday, Tim Berners Lee, its creator, published a letter stating the web’s current state of threat. He says that while it’s called the “World Wide Web,” only about half the world is connected, so we should close this digital divide.

But at the same time, Berners Lee wants to make sure this thing we’re all connecting to is truly working for us, as individuals: “I want to challenge us all to have greater ambitions for the web. I want the web to reflect our hopes and fulfill our dreams, rather than magnify our fears and deepen our divisions.”

[image]

“Metaphor unites reason and imagination,” says George Lakoff and Mark Johnson in their book, Metaphors We Live By (1980). “Metaphors are not merely things to be seen beyond. In fact, one can see beyond them only by using other metaphors. It is as though the ability to comprehend experience through metaphor were a sense, like seeing or touching or hearing, with metaphors providing the only ways to perceive and experience much of the world. Metaphor is as much a part of our functioning as our sense of touch, and as precious.”

Instead of a cloud, let’s use a metaphor that makes the web’s individual, cooperative nodes more visible. This way, we can remember the responsibility we each have in building a better web. The web is a flock of birds or a sea of punctuation marks, each tending or forgetting about their web garden or puddle home with a river of knowledge nearby.

If a website has endless possibilities, and our identities, ideas, and dreams are created and expanded by them, then it’s instrumental that websites progress along with us. It’s especially pressing when forces continue to threaten the web and the internet at large. In an age of information overload and an increasingly commercialized web, artists of all types are the people to help. Artists can think expansively about what a website can be. Each artist should create their own space on the web, for a website is an individual act of collective ambition."
laurelschwulst  knowledge  webdev  webdesign  internet  web  online  2018  websites  design  flexibility  purpose  creativity  learning  howwelearn  accumulation  accretion  making  murmurations  metaphor  clouds  birds  georgelakoff  markjohnson  completeness  unfinished  wonder  fredrogers  storage  archives  html 
may 2018 by robertogreco
Web Accessibility: What You Say vs. What I Hear | Think Company
"AVOID CREATING BARRIERS FOR PEOPLE

While the following list isn’t comprehensive, it could be a starting point for thinking about accessibility in your work and organization. Consider how you could unintentionally make it difficult for people to access your content and begin by shifting your perspective.

1. Think about accessibility from the very beginning. Communicate it across business, design, development, and testing.

2. Make accessibility a priority, a business case, and a part of your organization’s definition of “done.”

3. Include people with disabilities in your user personas and conduct research and studies with real people.

4. Make sure everyone gets accessibility training. Learn how to use assistive technology.

5. Think about multiple methods to convey information and interact with user interface.

6. Apply proper keyboard support and think about tab order. This will ensure a baseline level of accessibility for various assistive technology.

7. Design and develop according to the latest standards.
Create internal accessibility standards and requirements.

8. Let’s change the dialogue around accessibility. People want to hear what you’re saying."
via:dirtystylus  accessibility  advocacy  webdev  webdesign  web  online  internet  mikeyilagan  standards  disabilities  disability  assistivetechnology  technology 
may 2018 by robertogreco
Everything Easy is Hard Again – Frank Chimero
"Directness is best in my experience, so a great photo, memorable illustration, or pitch-perfect sentence does most of the work. Beyond that, fancy implementation has never moved the needle much for my clients.

My web design philosophy is no razzle-dazzle. My job is to help my clients identify and express the one or two uniquely true things about their project or company, then enhance it through a memorable design with a light touch. If complexity comes along, we focus in on it, look for patterns, and change the blueprint for what we’re building. We don’t necessarily go looking for better tools or fancier processes. In the past, I’ve called this following the grain of the web, which is to use design choices that swing with what HTML, CSS, and screens make easy, flexible, and resilient.

It seems there are fewer and fewer notable websites built with this approach each year. So, I thought it would be useful remind everyone that the easiest and cheapest strategy for dealing with complexity is not to invent something to manage it, but to avoid the complexity altogether with a more clever plan.

To test how much complexity comes along with my limited needs, I wrote down the technical requirements of my web design practice. It’s not a long list:

simple, responsive layout
web fonts and nicely set text
performant, scalable images

All of these have been more than met for at least five years, but the complexity of even these very fundamental needs has ballooned in the last few years.

For instance, I just showed you four different methods to put two things next to each other. Each new method mostly replaces the last, so hopefully we’re reaching a stabilization point with flexbox and CSS Grid. But who knows what will come out five years from now?"



"My point is that the foundations are now sufficiently complicated enough on their own that it seems foolish to go add more optional complexity on top of it. I’ve kept my examples to the most basic of web implementations, and I haven’t touched on Javascript, animation, libraries, frameworks, pre-processors, package managers, automation, testing, or deployment. Whew.

*******

All of that bundled together is the popular way to work in 2018. But other people’s toolchains are absolutely inscrutable from the outside. Even getting started is touchy. Last month, I had to install a package manager to install a package manager. That’s when I closed my laptop and slowly backed away from it. We’re a long way from the CSS Zen Garden where I started.

If you go talk to a senior software developer, you’ll probably hear them complain about spaghetti code. This is when code is overwrought, unorganized, opaque, and snarled with dependencies. I perked up when I heard the term used for the first time, because, while I can’t identify spaghetti code as a designer, I sure as hell know about spaghetti workflows and spaghetti toolchains. It feels like we’re there now on the web.

[image]

That breaks my heart, because so much of my start on the web came from being able to see and easily make sense of any site I’d visit. I had view source, but each year that goes by, it becomes less and less helpful as a way to investigate other people’s work. Markup balloons in size and becomes illegible because computers are generating it without an eye for context. Styles become overly verbose and redundant to the point of confusion. Functionality gets obfuscated behind compressed Javascript."



"It’s by keeping our work legible that we keep the door open to the next generation of our co-workers. What works for them also works for us, because whether you are just out of school or have twenty years of experience, you’ll eventually end up in the same spot: your first year of making websites."
francjchimero  webdeb  webdesign  css  html  design  development  web  2018  online  internet  simplicity  complexity 
february 2018 by robertogreco
Zines are the future of media
"My favorite Nieman Lab prediction for journalism in 2018 (including this one I wrote myself [http://www.niemanlab.org/2017/12/watch-out-for-spotify/ ]) is Kawandeep Virdee’s “Zines Had It Right All Along.” [http://www.niemanlab.org/2017/12/zines-had-it-right-all-along/ ]

His actual prediction is that in 2018, digital media “will reflect more qualities that make print great.” Virdee distills a shortlist of qualities of zines and quarterly mags that he thinks are portable to digital:

• Quarterlies are a pleasure to read with a variety in layout and pacing
• They’re beautiful to hold.
• They’re less frequent, and much better.
• Even the ads are well-crafted, and trusted.
• Zines have an enormous variety.
• They’re experimental and diverse.
• This gives them a freshness and surprise.
• They’re anti-formalist; they’re relatable.

“Most sites look the same,” Virdee writes. “It can be weird and wonderful.”

The positive example he gives isn’t a text feature, but the NYT video series “Internetting with Amanda Hess.” It’s an odd choice because digital video hasn’t had much of a problem picking up on a zine aesthetic or giving us that level of freshness and surprise; it’s digital text that’s been approaching conformity.

It’s also weird that Virdee works product at Medium, which is one of the sites that, despite or maybe because of its initial splash, is kind of the poster child for the current design consensus on the web. If Virdee is making the case that Medium (and other sites) should look a lot less like Medium, that would be the most exciting thing that Medium has done in a couple of years.

The other point I’d add is that zines and quarterlies look the way they do and feel the way they feel not because of a certain design aesthetic they share, or a design consensus they break from, but because of how they’re run, who owns them, and why they’re published. They look different because they are different. So maybe we need to look at the whole package and create an… oh, I don’t know, what’s the phrase I need… an “indie web”?"
timcarmody  kawandeepvirdee  zines  publishing  blogs  blogging  digital  publications  2017  2018  quarterlies  classideas  cv  conformity  medium  media  predictions  design  originality  weirdness  aesthetics  freshness  internet  amandahess  web  online  graphicdesign  layout  webdesign  indie  indieweb  diversity  anti-formalism  relatability  surprise  variety  craft  pacing  howwewrite  howweread  print  papernet 
december 2017 by robertogreco
Online Portfolio Website Made Easy - Format
"Attract potential clients and brand new opportunities with a portfolio that truly represents your work. Build your professional portfolio in just a few clicks — without learning to code."
webdev  portfolios  webdesign 
december 2017 by robertogreco
Building Flexible Design Systems // Speaker Deck
[via: "I’ve quoted from this deck more than any other this year. “No hypothetical situations” applies to all kinds of problem sets—not just design. https://twitter.com/yeseniaa/status/925840684715782145"
https://twitter.com/tangentialism/status/925842143540805638

"(Also, one reason I love this framing is that it calls implicitly for close listening and observation to unearth hidden problems)"
https://twitter.com/tangentialism/status/925848643550183424 ]
design  webdesign  webdev  yeseniaperez-cruz  listening  obsrvation  systemsthinking  flexibility  systems  layout  scenarios  patterns  christopheralexander  donellameadows  audience  content  modularity  customization  designsystems 
november 2017 by robertogreco
Why cards are the future of the web - Inside Intercom
"Cards are fast becoming the best design pattern for mobile devices."



"In addition to their reputable past as an information medium, the most important thing about cards is that they are almost infinitely manipulatable. See the simple example above from Samuel Couto Think about cards in the physical world. They can be turned over to reveal more, folded for a summary and expanded for more details, stacked to save space, sorted, grouped, and spread out to survey more than one.

When designing for screens, we can take advantage of all these things. In addition, we can take advantage of animation and movement. We can hint at what is on the reverse, or that the card can be folded out. We can embed multimedia content, photos, videos, music. There are so many new things to invent here.

Cards are perfect for mobile devices and varying screen sizes. Remember, mobile devices are the heart and soul of the future of your business, no matter who you are and what you do. On mobile devices, cards can be stacked vertically, like an activity stream on a phone. They can be stacked horizontally, adding a column as a tablet is turned 90 degrees. They can be a fixed or variable height.

Cards are the new creative canvas

It’s already clear that product and interaction designers will heavily use cards. I think the same is true for marketers and creatives in advertising. As social media continues to rise, and continues to fragment into many services, taking up more and more of our time, marketing dollars will inevitably follow. The consistent thread through these services, the predominant canvas for creativity, will be card based. Content consumption on Facebook, Twitter, Pinterest, Instagram, Line, you name it, is all built on the card design metaphor.

I think there is no getting away from it. Cards are the next big thing in design and the creative arts. To me that’s incredibly exciting."
cards  web  webdesign  webdev  userinterface  ux  userexperience  ui  design  mobile  pauladams 
september 2017 by robertogreco
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
"HTML5 UP
... makes spiffy HTML5
site templates that are:
Fully
Responsive Built on intelligent
HTML5 + CSS3 Super
Customizable100% Free under the
Creative Commons"

[via (used here): http://www.jessamyn.com/ ]
webdev  html5  responsive  webdesign  html  free  templates 
september 2017 by robertogreco
Home - Linked by Air
"Linked by Air is an internationally renowned graphic design studio specializing in the creation of design systems and technological platforms that grow with institutions. The studio works with major cultural and educational organizations, charities, artists, architects and corporations. It frequently stewards its clients’ flagship websites and apps, and leads the development of organization-wide digital strategies. The studio sometimes describes its expertise as the “production of public space,” whether in the world or online. Its interest is in creating systems that work for all their constituents, and that show their health by evolving successfully over time.

Linked by Air
Dan Michaelson, Tamara Maletic, Dylan Fisher, Christopher Roeleveld, Eric Nylund, Aarati Akkapeddi, Kieran Gillen, Rosa McElheny

Past staff and collaborators
Lauren Adolfsen, Lukas Eigler-Harding, Bojan Filipovic, John Friel, Brendan Griffiths, Jack Jennings, May Kim, Andrea Lausevic, Julia Novitch, James Oates, Sasha Portis, Libby Safford, Laurel Schwulst, Jeffrey Scudder, Nika Simovich, Maurann Stein, Branimir Vasilic, Valerie van Zuijlen, Mary Voorhees Meehan, Brian Watterson, Alexander Wolfe, Jonathan Zong

Website photography: Mary Voorhees Meehan

Some places we have taught, lectured, or given workshops
AIGA/NY
Bard Graduate Center, New York
Chicago Architecture Biennial
ECAL, Lausanne
Google, New York
IDEO, New York
International Biennial of Graphic Design, Brno
Maine College of Art, Portland
Naver/NHN, Seoul
NYU Visual Arts Administration MA program
NYU ITP
Otis College of Art and Design, Los Angeles
Parsons/The New School for Design, New York
Princeton University
Rhode Island School of Design, Providence
Stroom Gallery, The Hague
SUNY Purchase
University of Seoul
Yale University School of Art, New Haven"

[See also:

"Laurel Schwulst Lecture"
https://www.youtube.com/watch?v=YhOnOzAj5wY

"Economy: An easy, powerful, and flexible authoring system for websites that grow with your organization"
http://ecnmy.com/ ]
via:caseygollan  design  graphicdesign  graphics  webdesign  sfsh  laurelschwulst 
august 2017 by robertogreco
Laurel Schwulst Lecture - YouTube
"This Graphic Design Program lecture was recorded in the Boardroom on September 24 at the San Francisco campus of California College of the Arts.

Laurel Schwulst was designer in residence at California College of the Arts during the fall 2015 semester.

Schwulst is interested in the intersection of art, nature, and the internet.

She lives in New York, where she is an owner of Beautiful Company and works as a designer and programmer at the design practice Linked by Air.

Since 2012, she has been a lecturer in graphic design at Yale School of Art.

cca.edu/graphic-design "

[See also: https://www.linkedbyair.net/
http://ecnmy.com/ ]
via:caseygollan  laurelschwultst  design  webdesign  graphicdesign  graphics 
august 2017 by robertogreco
Economy
"An easy, powerful, and flexible authoring system for websites that grow with your organization."



"Magic modules

Each site begins with a bespoke set of beautifully designed modules, created for you by the design studio Linked by Air. These modules have programmatic and interactive intelligence as well as good looks. Your authors combine them in any order to create millions of possible pages. This visual grammar becomes a functional language your website can use for years."



"Responsive layouts

Pages automatically optimize themselves for display on smartphones and tablets, and just as important, for use on the go. On desktop, images and layouts stretch to immerse users with the largest displays, while preserving great typography."



"Fun and easy to use

Economy is powerful, but its interface is beautifully simple and foolproof. With just a couple satisfying gestures you know almost everything you need to create and improve pages. Many users describe a feeling of “flow,” and Economy might be the only content management system that is often called “fun to use.”"



"Version history

Economy encourages experimentation and continuous iteration. When content or a site area no longer meets your requirements, improve it. A complete visual history is kept of every page, including an automatic screenshot of each version. All edits are attributed to the user who made them, and a page can be rolled back to any previous version. Drafts can be created which are only visible to staff – not yet to the public."



"Bring in data

You can craft pages one by one using your flexible kit of magic modules, but sometimes you need a more structured approach to your data. Economy features beautiful indexes and forms that give you access at a glance to all your calendar events, exhibitions, books, products, artworks, artists, users… or almost anything else."



"Smart automation

Your site can run itself. Pages update automatically to feature the latest Twitter posts, today’s events, upcoming exhibitions, or content relevant to the logged-in user. Use the time you gained to dream up new projects. Or get some fresh air."



"Commerce as content
For sites with e-commerce, Economy has handled shops with as few as ten distinct products, and as many as 40,000. Economy integrates product delivery throughout the site, in addition to a distinct “shop” area. For example, purchasing a printed exhibition catalog is as seamless as reading a text online, and either can be done directly on a relevant exhibition page or blog post. In this way, all the amazing content on your site helps support your sales conversions. At the same time, users will value your physical products for their substance, not only as merchandise. Products are integrated with all other search results. A visible shopping cart appears throughout the site once a user has selected the first product for purchase, and Economy’s checkout flow is best of breed and highly customizable. Economy is a great mobile commerce solution, and can also integrate with an in-store point of sale system for unified inventory management."

[See also:
https://www.linkedbyair.net/
https://www.youtube.com/watch?v=YhOnOzAj5wY ]
via:caseygollan  cms  webdev  webdesign 
august 2017 by robertogreco
18F Design Presents — Language: Your Most Important and Least Valued Asset - YouTube
"Have you ever felt like differences in language were holding your project back? Perhaps you have tried to standardize language across parts of your team only to find you have opened a huge can of worms?

The experiences we make for our users are made of language choices. We also depend on language to collaborate with the people we work with. Yet language is most often only tended to when you talk about things like content and copy.

Controlling your vocabulary is one of the murkiest messes you can take on, but it also might be one of the most impactful ways you could impact your organization’s ability to reach its goals.

In this online event, we ask information architect Abby Covert to share some strategies and tactics that could help us to pay closer attention to language choices we make."

[via: https://twitter.com/nicoleslaw/status/893280169439264769 ]
language  content  design  18f  contentstrategy  2017  informationarchitecture  abbycovert  information  webdev  webdesign  communication  vocabulary  misinformation  clarity  welcome  hospitality  audience  sfsh  mentalmodels  context  culturallyresponsivedesign  tone  nouns  verbs  wordchoice  duplicity  controlledvocabulary 
august 2017 by robertogreco
NewSchool
"NewSchool

• state-approved alternative school
• all-day school (secondary education)
• ethical, socio-critical, ecological and sustainable orientated
• inter-year groups
• interdisciplinary
• individualized project plans
• based on students’ needs
• cooking and eating together
• located in an entrepreneurial environment
• very realistic approach
• strong bonds with experts / between experts and NewSchool
• co-operations with companies, institutes, academies ecc.
• social engagement “social service”
• stays in nature on a regular basis

Listen, laugh and learn!

Especially during puberty, for many students going to school means trying to avoid schoolwork and commitments, or trying to escape all the “shoulds” they hear from parents and teachers. It seems like the only goal is getting to the next grade. We founded our school to give young people a chance of a fulfilled, enjoyable school experience that helps them to feel equipped for and to be curious about life.

Our school is a laboratory, a studio where Talents are given the chance to experiment. Each Talent will explore their strengths and find out what drives them. This is done through listening, cooperating, approaching challenges in a curious way, and following unique paths. Emotional intelligence, critical thinking, and problem-solving skills are essential for us at the NewSchool. Everyone learns from everyone else.

That’s why we go out into the real world. We experience nature, visit businesses, and go wherever the action is. We also gain new inspiration through communicating with experts (e.g. via Skype) from all over the world. Entrepreneurs, artists, managers, artisans – all of these experts are welcome at our school, no matter their ethnicity or religion. They provide information and support, or give us an insight about what their real life is like.

In cooperation with teachers, coaches, and experts, Talents develop projects, which they can pursue in a creative, engaged, interdisciplinary way working in inter-year groups. Young people and adults work together equally throughout the process, one that inspires them rather than constricting their ideas. We do learn by doing. It is our actions that spur our desire to engage with issues, groups of people, nature, and ethical questions. Talents get to know their strengths in close collaboration with others, then continue to develop them with passion.

We want to discover new things together, and to be bold in adjusting learning methods to meet today’s changed circumstances. Together, we grow to meet challenges, trust life, and allow learning to begin with the needs of the student. Old school was the past – the future is NewSchool.

NewSchool – It’s my way!"
germany  berlin  schools  education  sfsh  webdev  interdisciplinary  alternative  lcproject  openstudioproject  community  experientiallearning  place-based  middleschool  webdesign  place-basededucation  place-basedlearning  place-basedpedagogy 
august 2017 by robertogreco
Y-Fi
"Experience Loading Animations / Screens in wifi speeds around the world. This website was inspired by this conversation I had on twitter. I was home (Nigeria) for a bit before I started work and was annoyed at how long I had to look at loading animations. I wondered how long people wanted to wait around the world screaming.

Notes / How this works

• Data about wifi speeds is from: Akamai's State of the Internet / Connectivity Report.

• I chose countries based on what suprised me and to get diversity across speeds.

• To get most data about loading times, I used a combination of Firefox DevTools and the Network Panel on Chrome DevTools. For Gmail I used this article on Gmail's Storage Quota.

• The wifi speeds and sizes of resources are hard-coded in so you can see them and the rest of the code at the repo.

• Any other questions / thoughts? Hit me up on twitter!"

[via: https://twitter.com/YellzHeard/status/890990574827851777 via @senongo]
omayeliarenyeka  internet  webdev  webdesign  wifi  broadband  nigeria  loading  speed  diversity  accessibility  paraguay  egypt  namibia  iran  morocco  argentina  india  southafrica  saudiarabia  mexico  china  chile  greece  ue  france  australia  russia  kenya  israel  thailand  uk  us  taiwan  japan  singapore  hongkong  noray  southkorea  perú 
july 2017 by robertogreco
Designed lines. — Ethan Marcotte
"We’re building on a web littered with too-heavy sites, on an internet that’s unevenly, unequally distributed. That’s why designing a lightweight, inexpensive digital experience is a form of kindness. And while that kindness might seem like a small thing these days, it’s a critical one. A device-agnostic, data-friendly interface helps ensure your work can reach as many people as possible, regardless of their location, income level, network quality, or device.

The alternative is, well, a form of digital disenfranchisement. Disenfranchisement that’s outlined—brightly, sharply—by our design decisions."

[See also: "The Unacceptable Persistence of the Digital Divide"
https://www.technologyreview.com/s/603083/the-unacceptable-persistence-of-the-digital-divide/ ]
broadband  empathy  internet  performance  kindness  webdev  webdesign  2017  digitalredlining  digitaldivide  us  access  accessibility  inequality  ethanmarcotte 
july 2017 by robertogreco
Unsplash | Beautiful Free Photo Community
"Beautiful, free photos.
Gifted by the world’s most generous community of photographers."
free  photography  webdev  webdesign  resources  stockphotography 
july 2017 by robertogreco
Design Resources
"Select websites, tools, assets, and readings for working in and learning about design.

[categories]
Accessibility resources
Books and zines
Browser features
Brushes
Colors and color palettes
Fonts
Icons and emoji
Inspiration and criticism websites
Mockups
Prototyping tools
Stock graphics
Stock photography
User testing and interactive feedback tools
Design Resources
Select websites, tools, assets, and readings for working in and learning about design.

made by @skullface · view/contribute on GitHub
Accessibility"
design  resources  reference  jessicapaoli  fonts  icons  emoji  webdesign  webdev  color  palettes  stockphotography  stockgraphics  graphics  browsers  zines  extensions  chrome  prototyping 
july 2017 by robertogreco
The Ultimate Collection of Google Font Pairings (Displayed Beautifully with Classic Art) | Reliable
"How this post came to be

I have to be honest - I love the concept of Google fonts, but I find the execution to always be somewhat... lacking. I don't know. When compared to classics like Futura, Bodoni, Garamond - even Helvetica - they just fall short, and I rarely, if ever, end up using them.

Can you relate?

Again, I love the concept of Google font pairings: the fast download of cool fonts (and even cute fonts) from their high-speed library is great, and has brought far more unique, web friendly fonts and font pairs to the internet than ever before. They sort of broke us out of the standard web fonts and web safe fonts we were all chained down to a few years back of Arial and Verdana and even the Times New Roman font (remember those days? Can you believe they were just a few short years ago?).

But because of that feeling of something "lacking" - I've stayed away from Google fonts. Until now.

A while ago, my partner and co-founder of Reliable, David Tendrich, challenged me to do something about it.

"Make Google fonts work," he said.

And so that's how this post was born.

I wanted to create the best font pairings Google has to offer that even high-end agency designers would be tempted to use. I wanted to assemble Google font pairs that even I would have trouble turning down.

So I combed through Google's vast library and tested hundreds of font combinations, from their most famous and top fonts like the Roboto font, Railway font, Montserrat font, Lato font, Oswald font, Lobster font, and more, to more obscure, funky ones you may have never even seen before this post.

The wonderful Rijks collection

It was also about this time that I came across the Rijks Museum's online art collection. In short, it's a beautiful collection of both classical and modern art that is 100% royalty free and available for any use you'd like. (Can you say "aaaamazing?")

I took my favorite pieces from the Rijks collection and combined them with my Google font pairings to create a truly beautiful display of Google fonts that really work. We've also organized them by filters to help you find a font to fit that project you're working on right now. You'll find dozens of font pairings you can re-use time and time again for different clients and projects.

But that's not all!

I undertook one more challenge in this project: To express these font pairings through profound, time-tested quotes on design from world-renowned designers of all styles. So we have beauty in art, functionality in fonts, and wisdom in quotes.

If you too have had trouble finding great Google fonts and combinations, this might win you over to the Google Fonts Team like it won me over. Or maybe not! The beauty of design is that, at the end of the day, our own preferences and styles are what truly matter.

One last thing:

To help you find font pairings, we organized them in two ways: Style (Serif, Sans Serif, Both), and Mood (Any, Modern, Striking, Eccentric, Classic, Minimal, Neutral, Warm).

Here's a brief explanation of each of these moods:

Modern: Feels like it was made for the 21st century, and wouldn't make sense in any other period. Typically clean, more on the minimal side, and great for projects that require a more polished feel.

Striking: Impact. Boldness. Weight. These font pairs reach out and grab you and pull you into their message.

Eccentric: Quirky. Odd. Different. These fonts communicate uniqueness in various ways. Great for personal blogs, companies in a crowded marketplace that need to be set apart, and more.

Classic: These font combinations feel like they could have existed for generations. They're reminiscent of classic, time-tested and weathered fonts that last. Great for projects that need to project confidence, reliability, style.

Minimal: These minimal font pairings say so much, with a whisper. They almost try to blend into the background and get out of the way to help you more purely take in the message. Clean. Concise. Polished.

Neutral: Some brands are like the friendly local baker who greets everyone with a smile. Others are more professional, cerebral. These neutral fonts are more on the cerebral side - conveying professionalism and cleanliness above all else. Think Helvetica, but for Google fonts.

Warm: For brands who are the "friendly local baker," these fonts are for you. They convey heart, creativity, openness. They say, "Come talk to me, let's be friends." Great for brands that have that personal touch.

So there you have it!

Beautiful fonts and combinations from Google you can use to fuel your personal and client projects. They're completely web safe fonts, and due to their vast use worldwide, I think it's safe to say Google fonts are the new standard web fonts.

(By the way, we've made this entire collection of Google font pairings into a downloadable PDF that you can easily reference at any time. You should see a small yellow tab at the bottom of your screen - click that to download the post now!)

I hope displaying them on top of various colors, with various beautiful works of art behind them, helped you envision how they might work in your projects. That was one of my biggest goals in creating this post.

An important lesson

That's actually a lesson that was greatly reinforced in me throughout this Google font quest - that how fonts are used are just as important, if not more so, than the fonts themselves.

I think often Google fonts are strewn across designs that are lacking the fundamentals of good design. They're the cool, hip thing to use - and as a result, so many people us them. But design is a spectrum ranging from bad to great, and as bell curves go, few designs are truly great.

By simple math, most designs using Google fonts need improvement. Perhaps that's where my initial bias against Google fonts came from. Design is something I take so seriously, and am so passionate about, that when I see bad or lazy design, it hurts. From seeing so much sub-par design riddled with Google fonts, I associated Google fonts with sub-par design.

A new perspective

But undertaking this challenge to create this collection forced me to see Google fonts from a new perspective. Namely, it forced me to throw away my previous conceptions and see them anew. When I did, I simply viewed them like I would anything else in a design - as an asset to be used and manipulated to achieve an end-goal.

When I had no choice but to make them work, I viewed them as something that actually "could" work. And that's where the creativity and magic began.

That leads me to another important lesson I became re-acquainted with in this process - that when we think something won't work, it won't work. And when we truly think it can, we really can make it work.

Strategies for choosing font pairs

I also wanted to talk about some of the strategies behind these Google font combinations to help you create even more of your own. Because while I have 50 here, I'm certain there are dozens more waiting to be made.

If you'll notice, there's a pattern to nearly every pair: The headline is very bold and impactful, and then the body font is very light and airy. This contrast creates a nice tension and context for the fonts. It makes it very interesting as you scroll. Our eyes and brains desire constant change and flux and small contrasts like this deliver.

Another reason the body fonts are very light and airy is that they have to be palatable and legible to the eye over the course of a long piece of text. If I throw a bold, impactful font at you for more than 10 or so words - your eye will go crazy. It's like talking on the phone with someone who only screams.

When you go from a louder headline font to a body font, there's almost a feeling of relief. The headline was a nice, momentary burst of excitement - but then the eye is relieved to handle something easier and less demanding.

Serif & Sans

In addition, still in line with that concept of contrast, I often paired a serif headline with a sans serif body, or vise versa. Again, this just emphasizes contrast and keeps things interesting.

It also takes things a step further and shifts the feel. Serif fonts tend to feel more grounded, conservative and calm. Sans serif fonts tend to feel more modern, daring, progressive. By paring the two together, you get a great balance that's interesting to the mind and the eye.

Work with what you (don't) love

Finally, in line with the attitude shift I mentioned above, in going from "Google fonts don't work" to "Let's make them work" - I purposefully chose some fonts I simply thought I'd never like or want to use in any context. If I looked at a font and felt like it was a "heck no" - I felt compelled to give it a try.

This is so important for the creative process. Often, without even realizing it, we confine ourselves to our creative comfort zones, which slowly shrink over time. But when we step outside and try something we thought we'd never like - we often have our biggest breakthroughs."
font  typography  fonts  design  google  googlefonts  free  loulevit  2017  webdev  graphicdesign  via:lukeneff  webdesign 
july 2017 by robertogreco
Spotlight: Senongo Akpem — Responsive Web Design
"We talk a lot about how designs transform across devices. Senongo Akpem talks to us this week about how his design and illustration work explores a multicultural story across different societies."
senongoakpem  2017  design  webdesign  culturalresponsiveness  webdev  culture 
june 2017 by robertogreco
Static Site CMS - Forestry.io
"A full-featured CMS for your static site with support for Jekyll, Hugo and Git"
cms  webdev  jekyll  hosting  web  static  via:jarrettfuller  webdesign 
june 2017 by robertogreco
Siteleaf - A friendly CMS for your static site
"Built for developers, Loved by everyone
Siteleaf is a content management system designed for a better web.

Develop with existing tools
Code offline with Jekyll, sync with GitHub

Edit in the cloud
Easy for non-technical clients, writers, and producers

Free your content
Access by API or generate static sites to S3, GitHub, FTP"
cms  webdev  jekyll  hosting  web  static  via:jarrettfuller  webdesign 
june 2017 by robertogreco
Glitch
"Glitch is the friendly community where you'll build the app of your dreams

With working example apps to remix, a code editor to modify them, instant hosting and deployment - anybody can build a web app on Glitch, for free."

[See also: https://medium.com/glitch/the-web-was-supposed-to-be-a-thing-we-make-c023b6e7f56a ]
collaboration  programming  classideas  fogcreek  html  webdev  coding  glitch  webapps  webdesign 
april 2017 by robertogreco
Twine Texting Project by shindigs
"A presentation layer for Twine 1.4x that allows you to tell stories through text conversations. Built on top of Jonah. Download to access the commented project file.

Please tweet me @shindags with any questions, suggestions, and especially if you made something with this asset!

Development was streamed on www.twitch.tv/shindigs "
twine  chat  2017  webdev  cyoa  texting  messaging  if  interactivefiction  webdesign 
april 2017 by robertogreco
Espied – A portfolio theme for designers and photographers
"This is a page uses “Portfolio Page Template.” The content on the page goes here and the heading above is the page title. This page also displays projects as you can see below. You can add projects from Portfolio → Add New in the admin."
wordpress  themes  sfsh  webdev  webdesign 
april 2017 by robertogreco
The Road To Resilient Web Design – Smashing Magazine
"In this context, Mobile First is less about mobile devices per se, and instead focuses on prioritising content and tasks regardless of the device. It discourages assumptions. In the past, web designers had fallen foul of unfounded assumptions about desktop devices. Now it was equally important to avoid making assumptions about mobile devices.

Web designers could no longer make assumptions about screen sizes, bandwidth, or browser capabilities. They were left with the one aspect of the website that was genuinely under their control: the content.

Echoing A Dao Of Web Design, designer Mark Boulton put this new approach into a historical context:
Embrace the fluidity of the web. Design layouts and systems that can cope to whatever environment they may find themselves in. But the only way we can do any of this is to shed ways of thinking that have been shackles around our necks. They’re holding us back.
Start designing from the content out, rather than the canvas in.

This content‐out way of thinking is fundamentally different to the canvas‐in approach that dates all the way back to the Book of Kells. It asks web designers to give up the illusion of control and create a materially‐honest discipline for the World Wide Web.

Relinquishing control does not mean relinquishing quality. Quite the opposite. In acknowledging the many unknowns involved in designing for the web, designers can craft in a resilient flexible way that is true to the medium.

Texan web designer Trent Walton was initially wary of responsive design, but soon realised that it was a more honest, authentic approach than creating fixed‐width Photoshop mock‐ups:
My love for responsive centers around the idea that my website will meet you wherever you are — from mobile to full‐blown desktop and anywhere in between.

For years, web design was dictated by the designer. The user had no choice but to accommodate the site’s demand for a screen of a certain size or a network connection of a certain speed. Now, web design can be a conversation between the designer and the user. Now, web design can reflect the underlying principles of the web itself.
On the twentieth anniversary of the World Wide Web, Tim Berners‐Lee wrote an article for Scientific American in which he reiterated those underlying principles:
The primary design principle underlying the Web’s usefulness and growth is universality. The Web should be usable by people with disabilities. It must work with any form of information, be it a document or a point of data, and information of any quality — from a silly tweet to a scholarly paper. And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large.
"
jeremykeith  webdev  mobilefirst  webdesign  design  web  accessibility  mobile  2017  timberners-lee  markboulton  trentalton  ethanmarcotte 
april 2017 by robertogreco
GitHub - jkriss/altcloud: A web server with extra powers. Run your own stuff.
"Altcloud is a web server with some niceties build in so that you can create real applications without any backend code or external services.

The idea is to set up an altcloud server on something like a Digital Ocean instance or a C.H.I.P. and run multiple sites off of that single server.

Altcloud is powered by simple configuration files and uses the local filesystem for storage. It doesn't scale, and that's just fine.

This implementation of the altcloud server is written in node.js, but the specification is platform and language agnostic.

DISCLAIMER: this is beta software. Please don't trust it just yet."
jessekriss  altcloud  cloud  diy  web  webdev  servers  software  applications  webdesign 
february 2017 by robertogreco
Beaker | An experimental P2P browser
"Beaker is a Peer-to-Peer Web Browser, made for users to run applications independently of hosts. Using P2P Hypermedia, Beaker separates frontend apps from backend services, so that users are completely in control of their software and data.

[video: https://www.youtube.com/watch?v=Bem9nRpyPEs ]

"Beaker is a Peer-to-Peer Web Browser which lets users build socially and publish independently. Using P2P web-hosting, Beaker separates the frontend app from backend servers, so that users are completely in control of their applications.

At a high level, Beaker introduces concepts from BitTorrent into the Web. Anybody can publish a site immediately, independently, and for free, using only their browser.

Sites can contain files, data, media, and fully-featured applications. Using them, users can publish content without ceding control of the content to either an app or service. There is no walled garden. The keys that control each site remain in the user’s browser.

Public Peer services provide optional cloud hosting, so users don’t have to keep their devices online to self-host. These services provide the uptime of a traditional host, but with no lockin; a user can migrate from one service to another without any disruption.

With forking, you can modify any site, and deploy it instantly. Users can rebuild applications to work exactly how they like. Our mission is to put the tools of creation back into the users’ hands. It will be weird, chaotic, and creative – just like the Web should be!

Beaker was forked from Chrome. It is free and open-source."

[Update: mentioned here https://www.are.na/blog/scene%20report/2018/08/13/decentralized-web-summit.html ]
browsers  peertopeer  p2p  software  mac  osx  applications  internet  web  online  chrome  opensource  webdev  webdesign  beaker  hashbase  dat  beakerbrowser  p2ppublishing  decentralizedweb  p2pweb  distributed  dweb 
january 2017 by robertogreco
école de Hogbonou
[via: https://pioneerworks.org/index/ecole-de-hogbonu/ ]

"L’école de Hogbonu, first art school in Benin Republic, West Africa, foreshadowed in summer 2016 in Porto Novo, the capital of the country by the Romanian Fabiola Badoi and the German Ewa Knitter, both living and working in Paris and their international team.

Hogbonu is the name given by the first inhabitants of the city of Porto Novo. It seemed echo with the spirit of the school.

l'école de Hogbonu opens a thinking towards a notion of art where creation is neither stake nor object of fetish making or merchandise, whispered art silently in life like a heart beat.

If schools are institutions made to give individuals a set of skills in order to fulfill a role in society, then l’école de Hogbonu is a non-school without any other finality than to provide time for exploration, idleness and wandering. Melting pot of transmitting and sharing knowledge as well as uncertainties, disquiet, doubts.

Skhole, skholes
A. noun. : primary meaning : stop
a. rest, leisure;
i. studious occupation, scientific intercourse,study;
ii. place of study, school;
iii. study product, treatise, work;
b. respite, truce;
c. leisure, slowness, idleness;
B. adv.
at. at leisure, in his time, slowly, step by step;
b. with difficulty, not easily

L’école de Hogbonu offers :

defining and defending artistic identity emphasizing cultural heritage intended by the school to be explored and deepened in order to construct a consistent discourse.

building critical thinking to strenghten an aesthetical judgement by reflecting with people from various fields and horizons : artists, historians, art historians, farmers, workers, fishermen, travelers, anthropologists, shamans, priests, philosophers, sociologists, educators, architects, writers, poets, psychologists, linguists, dieteticians, musicians, beggars, actors, dancers, economists, mathematicians, physicists, geologists, art critics, theorists…

translating cultures by simple exchange, without hierarchy

opening knowledge and carving out, throwing light on the intimate relationship between disciplines

forging a pertinent vision of art and its market

inaugurating an artistic research

slowing down art production

finding alternative economies

digging the poetic furrow of life

or

remaining in the poetic wake of life

or

traveling in the poetic vein of life

..there is nothing to say, there is only to be, there is only to live. Piero Manzoni"
benin  artschools  art  education  schools  openstudioproject  lcproject  pieromanzoni  webdesign  webdev  sfsh  altgdp  slow  horizontality  transdisciplinary  multidisciplinary  crossdisciplinary  leisure  leisurearts  artleisure  slowness  idleness  non-schools  unschooling  deschooling  l’écoledehogbonu  portonovo  fabiolabadoi  ewaknitter  artschool 
december 2016 by robertogreco
Gomix
"Gomix is the easiest way to build the app or bot of your dreams

[video]

Start by remixing

You never have to start from a blank slate. Remix a full, working app to personalize it for your needs, or build on the most popular and powerful developer frameworks to create your app.

Real collaboration

You don’t have to deal with the complexity of version control or tracking changes — the built-in editor allows multiple people to edit code at once and undo mistakes as they happen, just like working together in Google Docs.

It's not training wheels

Gomix is not a limited "toy" version of a real developer environment — your Gomix app is hosted on the exact same industry standard infrastructure that the best developers use to run their apps.

We handle the mess

While you work with Gomix, we seamlessly upgrade your servers and cloud infrastructure in the background. There’s no deployment or server provisioning because it all happens automatically.

Backed by a real company

Gomix is made by Fog Creek, one of the most influential small tech companies in the world. We made Trello, FogBugz and co-created Stack Overflow.

Why Did We Make Gomix?

In some ways, Gomix is a throwback to an older era of software or the internet, when there were simpler ways to get started making cool stuff. For people who were around at that time, they'll understand Gomix easily: We’re bringing “View Source” back. Of course, they didn't literally take “View Source” out of web browsers, but the ability to just look at the code behind something, and tweak it, and make your own thing, was essential to making the Internet fun, and weird, and diverse, in its early days. And that has sadly disappeared.

Similarly, in even earlier eras, tools like HyperCard on the Mac and Visual Basic on Windows democratized software creation, letting regular individuals or casual business users create useful apps to meet their needs. During development, Gomix was even called “HyperDev”, as a nod to this history — and its early-90s aesthetic subtly nods to that heritage, too.

Whether we look at simple issues like being able to do fun things with an Amazon Echo, or hugely complex issues like trying to make tech and programming more inclusive, Gomix has a role to play in solving problems that matter. And we’re going to have fun doing it!"
webdev  bots  gomix  slack  alexa  fogcreek  remixing  programming  webdesign 
december 2016 by robertogreco
Basics of CSS Blend Modes | CSS-Tricks
"Here's another, which cleverly re-combines a color image separated into Cyan / Magenta / Yellow / Black parts (CMYK). You know that's how offset lithography works in print, right? =)"
css  cmyk  webdev  webdesign  sfsh  blending  color  blendmodes 
november 2016 by robertogreco
« earlier      
per page:    204080120160

related tags

2g  2p16  3d  18f  37signals  2000s  @sweden  abbycovert  abilities  ability  abramclark  abstraction  abuse  accd  acceleratedmobilepages  access  accessibility  accessories  accretion  accumulation  action  actionscript  activism  activities  ad  adamgreenfield  adammorse  adaptability  adaptation  adapting  adaptive  adaptivepath  adarkroom  addons  administration  adobe  adomainofone'sown  ads  adventure  advertising  advice  advocacy  aestheticpractice  aesthetics  agencies  agency  aggregation  aggregator  agileux  aiga  aigapivot  air  airplanes  ajax  alangaley  alaska  alexa  algorithms  alimese  alistapart  altcloud  alternative  altgdp  amandahess  amazon  amazonwebservices  amber  ambient  ambientawareness  ambiguity  americanartist  amp  ampersands  analysis  analytics  anatomy  andrewblauvelt  android  anikaschwarzlose  animals  animatedgifs  animatedvariants  animation  aninditabasusempere  anneburdick  annegibson  annotation  anthropology  anti-autonomy  anti-formalism  anti-hierarchy  anti-isolation  anti-specialization  antithesis  anyahindmarch  apatternlanguage  api  apis  appdev  apple  applications  appmaker  appropriation  apps  apture  ar  architecture  archival  archives  archiving  arduino  are.na  areae  arg  argentina  arnoldreijndorp  art  artbooks  artcenter  artist  artists  artistsbooks  artleisure  arts  artschool  artschools  asia  assistivetechnology  astronauts  astronomy  astrophysics  atomicdesign  attention  attribution  audience  audio  auditiontext  audreywatters  augmentedreality  aurora  australia  authenticity  authority  authors  authorship  autism  autodidacts  automation  autonomy  avant-garde  avatars  aviation  awkwardness  aws  backend  background  backgrounds  backups  bandwidth  bandwith  barley  barryjschwartz  basecamp  basics  basjanader  bayarea  bbc  beaker  beakerbrowser  beautifulseams  beauty  beccabbe  beginner  behavior  benetton  benin  benpieratt  berlin  bespoke  bestpractices  bezier  bias  bibliography  billjoy  billmoggridge  binder  bindery  biology  birds  blame  blending  blendmodes  bloat  blogging  bloggingplatform  blogjects  blogs  bloomberg  blot  blueline  blueprint  boeing  boilerplate  bolognadeclaration  bookdepositorylive  bookfuturism  booklists  bookmarking  bookmarklet  bookmarklets  bookmarkling  bookmarks  books  bootstrap  bootstrap3  borges  borisanthony  bots  brain  branching  branding  breakingrules  brick  brilliance  brittagustafson  broadband  brompton  bromptonbicycles  browser  browsers  browsing  brutalism  budapest  buenosaires  building  buildings  bullshitdetection  business  buzzwords  cabbroskoski  caching  cacoo  calendar  california  california-zation  californiadesign  calm  calmtechnology  cameras  canon  capitalism  carabucciferro  cardboard  cards  careers  cargo  carlyayres  cars  cartography  carvalhobernau  casestudy  caseygollan  casygollan  cathydavidson  ceramics  certification  chadmazzola  chance  change  changemaking  characterdesign  characters  charlesesche  charlesweingartner  charts  chat  chattanooga  cheatsheets  checklist  chicago  childhood  children  chile  china  chrisblow  chriscoyier  chrisheathcote  chrissherron  christopheralexander  chrome  cities  citizenjournalism  civics  clarification  clarity  class  classdieas  classideas  clay  clayshirky  clementvalla  clientdriven  clients  clientservices  clothing  cloud  cloudcomputing  clouds  cms  cmyk  cocoa  cocreation  code  codecs  codeforamerica  coding  collaboration  collapse  collecting  collections  collective  collectivism  color  colorblind  colorblindness  colors  comedy  comics  commentary  comments  commonplacebooks  communication  communities  community  communitymanagement  comparison  compass  completeness  complexity  compression  computationalpoetry  computers  computing  concepts  conceptual  conceptualart  concretepoetry  conformity  confusion  connecteddevices  connectivism  consciousness  consistency  constitution  constraints  consultants  consulting  contactinformation  content  contentcreation  contenteditors  contentmanagement  contentstrategy  context  contextual  contradictions  control  controlledvocabulary  convenience  convention  conventions  convergence  conversation  conversion  convert  converter  cooking  cooper-hewitt  copy  copying  copypaste  copyright  copywriting  coreyarcangel  correspondence  courses  coworking  craft  crapdetection  crayons  creation  creative  creativecommons  creativegeneralists  creativity  creativitysingapore  crime  criticalautonomy  criticism  critique  crossdisciplinary  crosspollination  crticaldesign  cruft  css  css3  csss  culturallyresponsivedesign  culturalresponsiveness  culturalsourcecode  culture  curating  curation  curatorsofsweden  curriculum  curriculumisdead  custom  customization  cv  cyoa  cyrillic  d3  d3.js  daily  damonzucconi  danhill  danmotzenbecker  dansaffer  danwalsh  daringfireball  darkpatterns  dat  data  database  databases  datamining  dataportability  datavisualisation  datavisualization  dataviz  davewimer  davidbohm  davidfosterwallace  davidgalbraith  davidhockney  davidmacaulay  davidmerfield  deaf  deafness  deanallen  decentralization  decentralized  decentralizedweb  decisionmaking  definitions  del.icio.us  democacy  democracy  dependencies  depersonalization  derekpowazek  deschooling  design  designandtheelasticmind  designeducation  designmatters  designops  designprinciples  designresearch  designs  designsystems  developers  development  dexter  diagrams  dictionaries  dictionary  difference  differentiation  digital  digitalcollections  digitaldivide  digitallibraries  digitalmedia  digitalpains  digitalredlining  digitals  digitalsertão  dignity  directness  disabilities  disability  discovery  dishonesty  disruption  distraction  distributed  divergency  diversity  diy  diy.org  do  docker  documentation  dojo  domain  domains  donellameadows  dopplr  douglasrushkoff  download  downloads  drawing  drifter  dropbox  dropdowns  dropouts  drugs  drupal  drupalcon  duplicity  dutch  dweb  dynamic  dyslexia  e-learning  eames  ebay  ebdev  ebooks  ec2  ec2forpoets  ecology  economics  edg  edges  editing  edtech  education  edwardtufte  eesti  effects  efficiency  egypt  elearning  electricity  electronics  elinsvensson  elitism  elonmusk  email  embroidery  emoji  emotion  empathy  emulators  energy  engineering  english  enoki  enoughproject  entrepreneurship  environment  ephemeral  ephemerality  epublishing  ereaders  ericcampbell  erikklimczak  ethanmarcotte  ethics  ethnography  europe  evanratliff  events  everyware  evil  evolution  evolvinglogos  ewaknitter  exhibitions  exhibits  exoskeletons  expandingtext  expansion  experience  experiencedesign  experientiallearning  experimental  experimentations  exploration  expression  extensibility  extension  extensions  externalization  eyecandy  eyegaze  eyes  fabiolabadoi  fabrication  facebook  facebookinstantarticles  facilitation  facts  failure  families  fashion  fast  fastmessages  fastmessaging  fatimaalqadiri  fear  feedback  feedbackloops  feeds  feminism  ffffound  fiction  fidgeting  figma  filingsystems  film  filmmaking  filters  findability  finland  fireeagle  firefox  firstdirect  flash  flatdesign  flavors.me  flexibility  flickr  flocking  flow  flowchart  flowcharts  fluency  fluid  fluidimages  flux  fogcreek  folkertgorter  folksonomy  font  fonts  food  footnotes  footnoting  forgetting  form  format  formatting  forms  founder'sstory  framework  frameworks  france  francjchimero  frankchimero  fredrogers  free  freebasics  freemarkets  freeuniversityofbozen-bolzano  freeware  freshness  friendship  frogs  ftp  fun  functionality  future  futurefriendly  futureshock  futurism  fuzziness  galleries  gallery  game  gamechanging  gamedesign  games  gaming  gardening  garfield  garfieldminusgarfield  garphics  garrying  gawker  gds  gear  geek  gender  generalelectric  generalists  generator  generic  geocities  geocoding  geography  geolocation  geoloqi  georgelakoff  geotagging  germany  gestures  getout  ghost  gif  gifs  gifts  gimp  girls  gis  github  glitch  global  globalization  glvo  gmail  goldenkrishna  gomix  goodwill  google  googleanalytics  googledocs  googledrive  googlefonts  googlemaps  googlereader  googlesites  googleswiffy  googletalk  goonies  gov.uk  government  gps  grace  grammar  grants  graphic  graphicarts  graphicdesign  graphics  graphs  grassroots  gravity  greece  green  gregsmith  gregstory  grids  groups  growth  gtalk  gteesti  gui  guidelines  guides  h&fj  habbo  habbohotel  hackasaurus  hackdays  hackers  hacking  hackjams  hacks  halftoneeffect  halftones  halftoning  handmade  handwriting  hardware  hashbase  health  healthcare.gov  heritage  hex  hierarchy  highcontext  history  historytag  hiutdenim  homepage  homeschool  homogenization  hongkong  horizontality  hospitality  hosting  howeread  hownotto  howto  howtobeintheworld  howwelearn  howweread  howweteach  howwework  howwewrite  hsoting  html  html5  html5boilerplate  http  human  humanconsciousness  humor  hyml  hypercard  hyperlinks  hyperlocal  hypertext  ibooks  iceland  iconography  icons  ict  ideas  ideascaffolding  identity  identitysystem  ideo  idleness  ie6  ie7  ie8  if  igoogle  ilikethis  illustration  illustrations  imageediting  imageoptimization  imageprocessing  imagery  images  imaging  immediacy  immersive  impact  impatience  inattention  incompleteness  incrementalvalue  incubator  independence  indexhibit  india  indie  indieweb  individualism  individuality  individuals  inequality  influence  info  infoarchitecture  infodesign  infographics  infooverload  informal  informality  informallearning  information  informationarchitecture  informationdesign  infrastructure  ingridburrington  initializr  innovation  inquiry  inspiration  instagram  installation  institutions  instruction  intel  intelligence  interaction  interactiondesign  interactive  interactivefiction  interationdesign  interboropartners  interdisciplinary  interface  interfacedesign  interiors  internalization  international  internet  internet.org  internetofthings  interoperability  interpreter  interstitial  interview  interviews  intimacy  invention  inventory  io9  ios  iot  ipad  ipfs  iphone  iphonedev  iphoto  ipod  ipodtouch  iran  irony  israel  iteration  jakedow-smith  jakobnielsen  janejacobs  japan  japanese  jarrettfuller  jasminelee  jasonhuff  java  javascript  jeffersonrabb  jeffreyzeldman  jeffwall  jekyll  jennschiffer  jennyodell  jeremykeith  jessekriss  jessicapaoli  jimbbull  jimrossignol  jjgould  joedavis  johannalundberg  johnallsop  johngnorman  johngruber  johnseelybrown  joinery  jonaslund  jonathanharris  jonathanhoefler  jonathansafranfoer  jongacnik  jontan  joshkalven  joshuadavis  jounalism  journalism  jquery  juliacameron  julianbozeman  just  jürglehni  kameelahjananrasheed  karenmcgrane  kartograph  karwaipun  katierosepipkin  kawandeepvirdee  kenya  kerning  kerouapp  kevbewersdorf  keynote  khoivinh  kickstarter  kids  kindle  kindness  kirby  kitchenbudapest  kiva  knightlab  knowing  knowledge  known  koken  kyledrake  kylemock  labeling  labels  lamas  landdialogues  landscape  language  lansdscape  lapubliclibrary  lauragoode  laurelschulst  laurelschwulst  laurelschwultst  law  layout  laypeople  lcproject  leafletjs  leanux  learnability  learning  learningbydoing  lecorbusier  leisareichelt  leisure  leisurearts  less  lessons  letters  leveragepoints  librarians  libraries  licensing  lies  lifehacker  lifehacks  lifestream  lifestreaming  lightbrain  linkedin  linkrot  links  linux  lisastrausfeld  listening  lists  literacy  literature  livepreview  livingdocuments  lizdanzico  lms  loading  loadingtime  local  location  location-aware  location-based  locative  logo  logos  london  longevity  longtail  lookaround  lorenschmidt  losangeles  losangelespubliclibrary  loulevit  love  low-tech  low-techmagazine  lowcontext  lowtech  lowvision  lungaschool  lynhejinian  l’écoledehogbonu  maartenhajer  mac  machineproject  maciejceglowski  maciejcegłowski  macosx  macwright  magazines  magicleap  maintainability  maintenance  make  makers  making  malice  malloryortberg  maltemüller  management  mandybrown  manifestdestiny  manifesto  manifestos  manuals  manufacturing  mapboc  mapping  maps  marcelduchamp  mariamontessori  mariosakata  markboulton  markdown  marketing  markets  markjohnson  markpilgrim  markup  markweiser  marquee  marshallmcluhan  mashable  mashup  masters  matchcut  materialdesign  mathonan  matthewglaser  mattjones  mattlegend  mattwebb  maxfenton  meaning  mechanics  media  medialab  mediaqueries  medium  medoum  meedan  meetup  megmiller  megumimatsubara  melissabroder  memories  memory  men  mentalmodels  mentoring  mentorship  messaging  messiness  meta  metadata  metaphor  metaphors  metaplace  metaverse  methodology  methods  mexico  mfa  michaelcina  michalmigurski  michèkechampagne  microaggressions  microblogging  microblogs  microcontrollers  microformats  microsoft  middlemen  middleschool  migration  mikebostock  mikemonteiro  mikeyilagan  miltonläufer  mindmap  mindmapping  mindyseu  minecraft  minimalism  mir:ror  misinformation  mitchellwhitelaw  mitmedialab  mixtapes  MMO  mmog  mobile  mobilefirst  mobileweb  mobility  moblie  mockup  modeling  models  modernizr  modularity  moleskine  moleskines  moma  monocle  monospace  monsters  moodboards  mooreslaw  morehshinallahyari  morocco  motion  motivation  movement  movies  movingbrands  mozilla  mozillabrick  msnbc  multidisciplinary  multiliteracies  multimedia  multitouch  murmurations  murrumbidgeeriver  museums  music  must  mutabletext  myspace  mystery  mythmaking  nabaztag  namecheap  names  namibia  naming  nandwidth  nanotechnology  narrative  narratives  nativeweb  nature  nava  navigation  nearfield  negation  neighborhoods  neilpostman  neo-nomads  neocities  net  net-a-porterlive  netherlands  netlify  netvibes  networkedlearning  networking  networks  neuroscience  newhive  newmedia  news  newsletters  newspaperclub  newspapers  newyork  nextberlin  nextberlin2012  nicholasdemonchaux  nicolassassoon  nicolecliffe  nicolefenton  nicolejones  nigeria  nike+  nintendo  nl  nofavorite  nokia  nomads  non-action  non-schools  nonfiction  noray  norayoung  notebooks  notes  notetaking  nouns  numbers  nyc  objective-c  objects  obsrvation  offline  offtheshelf  okdo  okfocus  oldmedia  olivierotoscani  olpc  omayeliarenyeka  omeka  omondi  online  onlinepresence  onlinetoolkit  open  opencompanyinitiative  opendyslexic  openlayers  opensocial  opensource  openstreetmap  openstudioproject  openweb  openwebplatform  opera  operations  optica  optimization  oreilly  organization  organizations  originality  osm  osx  oulipo  outside.in  outsourcing  ownership  p2p  p2ppublishing  p2pweb  pachube  pacing  packaging  pagebloat  pageviews  pagination  paintings  palermo  palette  palettes  pamphletbooks  panic  paolaantonelli  paper  papernet  paperprototyping  paraguay  parallelfutures  parenting  paris  participatory  passion  passivevoice  pastrykit  paths  patience  patternlibraries  patterns  pauladams  pauliolaviojala  pause  paypal  pdf  pdfs  pedagogy  peertopeer  pennandteller  pentagram  people  perception  performance  perl  permissions  persona  personal-branding  personality  personalization  personalwebsites  pertinence  perú  petracortright  phenotropics  philosophy  phones  photography  photoshop  php  physics  pictory  pieromanzoni  pinboard  pingmag  pinterest  pipa  place  place-based  place-basededucation  place-basedlearning  place-basedpedagogy  plain  plainmade  planes  planning  plants  plasticity  platform  platforms  play  playfulness  pln  plugins  podcasts  poetry  pointerpointer  pokemon  pokemonmoon  politeness  politics  popular  popularity  portability  portablewebpublications  portfolio  portfolios  portonovo  posteducation  posterous  power  powerrelationships  prediction  predictions  presence  present  presentation  presentations  principles  print  printing  prioritites  privacy  problemsolving  process  processing  product  productdesign  production  productivity  products  professionaldevelopment  profile  programming  progress  progressiveenhancement  progressivenenhancement  projectideas  projectors  projects  promotion  proprietarysolutions  protest  prototype  prototyping  providence  psychology  public  publications  publishing  punchingup  punctuation  purpose  python  qrcodes  quality  quarterlies  quartz  racing  radi  radicalism  radio  random  randomness  ranking  raphkoster  raykurzweil  readability  readalouds  reading  readmill  readwriteweb  readymade  readymadetools  rechoomondi  recipes  recommendations  recording  recycling  redesign  reference  reflection  reform  relatability  relationships  relevance  remix  remixculture  remixing  removal  repetition  reputation  research  resources  responsibility  responsive  responsivedesign  responsivewebdesign  restaurants  resumes  rethinking  revdancatt  reverence  reversal  revolution  rewards  rfid  rhythm  riklomas  risk  risktaking  ritual  roadtrip  robertrauschenberg  robgiampietro  robinrendle  robinsloan  robwalker  roombaghost  rss  ruby  ruderripps  rules  russelldavies  russia  s3  safari  sameness  sandiego  sanfrancisco  santiago  sass  saudiarabia  sawyerhollenshead  scalability  scale  scarcity  scenarios  schooling  schools  science  scotto'hara  scratch  scratchingthesurface  scratchjr  screens  screenshot  scrolling  scrollkit  scuttlebutt  seansuchara  search  searchengine  sebchan  secondaryorality  security  seeding  selectivizr  self  self-promotion  self-publishing  self-reflection  selfpromotion  selfpublishing  sem  semantic  semantics  semanticweb  senongoakpem  seo  seokhoonchoi  serendipity  servers  service  services  sfsh  shahwang  shame  sharing  shellscripts  shopping  sidenotes  siliconvalley  simcity  simplicity  simply  simulations  singapore  singularity  siteleaf  sketching  skulpt  slack  slashpurpose  slidedecks  slides  slideshow  slow  slowinternet  slowmessages  slowmessaging  slowness  slowweb  small  smallpieceslooselyjoined  smarthphones  smartphoneonly  smartphones  smashingmagazine  smoothness  sms  snarkmarket  social  socialgraph  socialmedia  socialnetworking  socialnetworks  socialsignaling  socialsoftware  society  sociology  software  sony  sopa  soul  sound  soundcite  soundcloud  soundscapes  sourcecode  southafrica  southkorea  sovietunion  space  spacetime  spam  spambots  speaking  specialization  speculation  speculativedesign  speculativefiction  speech  speed  spelling  spimes  spreadsheets  squarespace  srg  stackingwords  stacks  staffordbeer  stamendesign  standardization  standards  stanleykubrick  startups  static  statistics  stats  stencils  stephaniesnt  stevechampeon  stevejobs  stewartbrand  stillness  stockgraphics  stockholm  stockphotography  storage  stories  storyboarding  storymapjs  storytelling  strategy  stress  stretchtext  structures  students  studio  studios  stumbleupon  style  styleguides  sublimetext  sun  surprise  surveys  survivalguide  susanrobertson  susansontag  sustainability  svg  svpply  sweden  swf  swiffy  syllabi  syllabus  symbols  systemfailure  systems  systemsdesign  systemsthinking  tablet  tagging  tags  taiwan  taravancil  taste  taxonomy  tcsnmy  teaching  teachingasasubversiveactivity  teams  teamwork  technology  technosolutionism  tednelson  teens  telescopictext  tellart  template  templates  tennessee  terminology  testing  text  texting  texture  textures  thailand  theatavist  theatlantic  theblackschools  thedesignofeverydaythings  thehero'sjourney  themes  theory  thermodynamics  thesaurus  thesimpsons  thetoast  theverge  thewhy  theyesmen  things  thinking  thinkmap  thisandthat  thomasedison  tiborkalman  tics  tikitag  tikitoki  tilemill  timberners-lee  timbray  timcarmody  time  timeline  timelinejs3  timelines  timkadlec  timlelines  timlinejs  timoreilly  tinderbox  tinkering  tips  titles  tokyo  tomcoates  tomjennings  tomsachs  tone  toolkits  toolmaking  tools  tophtucker  topography  toread  toshare  touch  touchscreen  towatch  tracker  tracking  trading  traffic  training  trains  transdisciplinary  translation  transportation  travel  trends  trentalton  trentwalton  trust  truthtopower  tumblelogs  tumblr  tumblrs  tutorial  tutorials  tutoring  tweens  twine  twitchboard  twitter  txt  type  typeface  typesetting  typogasm  typography  typologies  uber  ubicomp  ubiquitous  ubuntu  ue  ugly  ui  uiland  uk  ultrastablesystems  unbuilding  uncommon  unconferences  understanding  unfinished  unhosted  unhostedwebapps  unicode  uniformproject  uniforms  universal  universality  unix  unlearning  unraveling  unschooling  upcoming  upload.gif  urban  urgency  urls  us  usability  usabilitytesting  usatoday  usconstitution  user  userexperience  userinterface  users  utilities  ux  uxdesign  value  values  vanabbemuseum  vannevarbush  variations  variety  vector  verbs  versioncontrol  versioning  via:ableparris  via:anne  via:audreywatters  via:ayjay  via:bopuc  via:caseygollan  via:cburell  via:cervus  via:clivethompson  via:coldbrain  via:derrickschultz  via:dirtystylus  via:dvsch  via:frankchimero  via:grahamje  via:greg  via:hrheingold  via:jarrettfuller  via:javierarbona  via:jenlowe  via:kottke  via:litherland  via:lukeneff  via:markllobrera  via:mathowie  via:maxfenton  via:migurski  via:nicolefenton  via:preoccupations  via:robinsloan  via:russelldavies  via:soulellis  via:spencerbeacock  via:steelemaley  via:straup  via:tealtan  via:tomc  victoriawang  video  videogames  viewsource  vimeo  viral  virb  virtual  virtualreality  vision  visual  visualcommunication  visualdesign  visualization  visuals  viñadelmar  vocabulary  voice  vr  w3c  wabi-sabi  waggawaggaartgallery  walking  wallpaper  walterong  wandering  wastingourtime  waybackmachine  wearable  web  web-publishing  web2.0  webapp  webapps  webcomponents  webdeb  webdesign  webdev  webdevelopment  webfonts  webgl  webhosting  webkit  webmaker  webpublishing  webrococo  webservice  website  websites  webstandards  websurfing  webtools  webwelost  weirdness  welcome  wevdev  whaling  whitespace  whois  wholeearthcatalog  why  widgets  wifi  wii  wiki  wikipedia  wikis  willemdekooning  williamgibson  wilsonminer  windows  windowsmobile  wine  wired  wireframe  wireframes  witheringsystems  wix  wolffolins  women  wonder  woods  wordchoice  wordpress  words  work  workflow  workshops  world  writers  writing  wysiwyg  wysiwym  xcode  xeroxparc  xhtml  xkcd  xml  yahoo  yahoopipes  yeseniaperez-cruz  yiibu  yinkashonibare  youth  youtube  youworkforthem  yugonakamura  zachklein  zachverdin  zefrank  zerog  zines  zoominginandout  zurb  Åh 

Copy this bookmark:



description:


tags: