1. Capricorn OSF

2. Capture it

3. Serif Beta

4. Champagne & Limousine

5. Deja Vu

6. Karabine

7. Bienetresocial

8. Molot

9. Ubuntu title

10. Delicious

11. Ferrum

12. Miso

13. Vollkorn

14. Quicksand

15. AUdimat Mono

16. Philosopher

17. Bitstream Vera

18. Medio

19. Collaborate

20. Vegur

21. Fertigo

22. Geo Sans Light

23. Gauntlet

24. CP Mono

25. Calluna

26. Walkway

27. Nilland

28. Sorts Mill Goudy

29. Ronda

30. M+ Fonts

31. Nadia Serif

32. Chunk

33. Bergamo Std

34. Young Dantes

35. Sansation

36. Birra Stout

37. Kontrapunkt

38. Museo

39. Typo Latin Serif

40. Athena Unicode

41. Justus

42. Grandesign Neue Serif

43. Timeless

44. Folks

45. Liberation

46. Covington

47. Portland

48. FF Dagny OT Thin

49. Myndraine

50. Often TF

About the author: Mirko Humbert is a freelance designer from Switzerland. He shares his thoughts about his passion on his design blog. To connect with Mirko, you can follow him on Twitter.

Go to Source

These visualizations should allow one to gain personal and social insights, even catching a glimpse of what Google “knows” about online usage patterns of individuals. For instance, users can learn how much time they spend on reading the news or other online procrastinations. Currently, most web browsing data is collected by search engine companies (e.g. Google, Microsoft, Alexa), which is hardly available for public domain research. Eyebrowse seeks to fill this gap by providing an open and public repository of “web trails”. By making this data openly available, the project hopes to support the creation of useful public services that report major trends on the web, services that support personalization through collaborative filtering, and other as-yet unimagined services that require a mass of data about the world’s interaction with the web.

Go to Source

Some of the media pieces include: “Virtual Water“, a physical world map with 5 powerful water jets that each represent the export of water between countries through the export of manufactured products; “CO2 Saving Potentials“, a data sculpture based on moving black bubbles that illustrate the potential of reducing CO2 emissions; “Individual Mobility“, another physical data sculpture consisting of a series of transparent layers that visualize the differences in mobility behaviors between work, leisure and private tasks; a dynamic “footprint“, which shows the individual ecological footprint of the user; and finally “LifeCycle“, a ribbon-like electronic display that analyzes the ecological impact of a Volkswagen car through its normal lifecycle.

Via Dezeen. See also the Work – Meaning and Care exhibition by the same firm.

Go to Source

12 Tips for Creating a Great Portfolio Site

In this informational post there are twelve tips for creating a better personal portfolio site. The tips apply to all kinds of portfolios, no matter what your particular artistic field. Also included are some great examples and a gallery of excellent portfolio sites, with what they’re doing right and what could use some improvement.

12 Tips for Creating a Great Portfolio Site

10 Solutions to Easily Create Your Online Portfolio

You don’t have to be a coding nerd to be able to build your own online design portfolio. There’s a bunch of handy sites and communities out there that are allowing designers to showcase their work and flourish with with work requests. In this article, the author, outilnes 10 solutions to easily create an online portfolio of your own, giving you the platform to showcase your work to the world.

10 Solutions to Easily Create Your Online Portfolio

20 Most Beautiful and Professional Portfolio Designs

If you are looking for portfolio design inspiration, then this post is for you. It is choc full of high-end and professional portfolio layouts. They maybe a little bit too elaborate for most designers, but they are something to aspire to.

20 Most Beautiful and Professional Portfolio Designs

By Paul Andrew (Speckyboy and speckyboy@twitter).

Go to Source

“An Eye for an Eye” is a satirical short film using only visual signs and symbols in order to tell story. The movie was inspired by Gandhi’s quote: “An eye for an eye will quickly leave the whole world blind“. The film glimpses into the timeline of events that have unfolded since the 9/11 terrorist attacks in New York City. It explores the conflict between the West and Islam from a satirical point of view, in order to make the point that 2 wrongs do not make a right. The main visual concept is based on retro computer games to show how little peoples lives are worth in this pointless war, and that no sides have won since 9/11.

Go to Source

The design brief for mmm design of this infographic movie must have been particularly daunting, as the voice-over text jumps from one high-level political and social issue to another, turning any meaningful visual representative abstraction into quite a challenge.

Go to Source

Has anyone actually tried them all and created an über comparison table? Not as far as I can tell. Instead I’m sort of hoping for some kind of K-T event to kill of all of the weaker ones. Not sure how that would work, though. Any ideas?

Go to Source

I had the chance to talk to Dietmar Offenhuber, key researcher of LBI, and Moritz Stefaner, designer of the “X by Y” project commissioned by LBI, about the project. They mentioned that the data originated from the Prix Ars Electronica, founded in 1987. As one of the oldest media art competitions in the world, so far there are almost 40,000 submissions in the archive. Since this data is considered unique in terms of the history of media arts, it is also an interesting database for meaningful analysis.

“Mapping the Archive” was located at the history lounge exhibition in the Brucknerhaus, which also featured many important projects from the long history of Ars Electronica Festival, and consisted of 6 different data visualization pieces created by Dietmar Offenhuber, Evelyn Münster, Jaume Nualart, Moritz Stefaner and Gerhard Dirmoser. You may check the team page of this group at the brand-new LBI Visualization showcase new website, which also has all the datasets available for download.

Dietmar explained that the projects were developed by studying 3 main points of the data:

1. Quantitative Analysis: What are the submissions, how many they are and how they are categorized.
2. Social Networks: Who were the jury members throughout the years? How they are connected to each other as well as awarded artists.
3. Art Historical Context: What is the effect of awarded projects in the history? Where they appeared after the awards(i.e. books,exhibitions), how they influenced the genres and fields of media arts.

The first project in the lounge was about the competition submissions: “X by Y” by Moritz Stefaner shows all the past submissions to the Prix Ars Electronica, from the its beginnings in 1987 up to now. Moritz stated that the most complete dataset included the basic types such as country of origin, year and demographic information on submitters. Here, the goal was to characterize the “ars world” in quantitative terms. A series of finely detailed diagrams group and juxtapose all the submissions according to years, category, prize and country. The graphics are composed of little colored-coded dots, with each single dot representing a unique submission in the database. In order to provide a readable diagram, Moritz finally decided to work on print medium. The team believed that only a giant print would reflect the quantity and details of submissions.

“Media Art as Social Process” by Dietmar Offenhuber and Gerhard Dirmoser examines the social networks formed by jurors and awarded artists: “Each year a combination of new and recurrent jury members meet to identify the winning projects. Often the awarded artists from the previous year are invited as jury members. A social network has evolved over the years.” Some interesting results revealed themselves: it is not possible to see small islands or independent nodes in the jury network; however the final look is a complete big mesh created by people and social connections. The second interesting point to explore is that some of the jurors are extremely permanent in some categories over the years; in a sense, they shape the vision of that specific category. Another interesting visual outcome they discovered was that the boundaries of different categories were merging and dissolving into each other during the years.

The Prix Ars Electronica Jury always writes a statement for each winning project. Over the years, these statements have been growing into a large collection of texts. Each of them is visualized as a “texty“: a small visualization showing the structure, length and topics of each text at a glance. The project explores the semantic relationship between different statements. There is a special navigation system created for browsing keywords in the texts.

“Proxemantics” generates another network of keywords comprising of all the Prix Ars Electronica jury statements. It uses the structure of texts (sentences, paragraphs, etc.) to harvest semantic relationships between annotations based on their spatial proximity.

In the “winners” section of the poster, the “Prix Landscape Interactive Art” displays all the works that have been awarded in the category of “Interactive Art”, since its inception in 1990 up until now. The landscape is created by using a taxonomy provided by Katja Kwastek. The proximity of 2 works represents their similarity. The terms that are assigned to a work are symbolized by petals, whereas each term has a unique shape. When several terms are applied, the combination of petals results in an individual profile for each work. The color saturation communicates the year of production of a piece: older pieces are represented in a lighter shade.

The last 2 maps of the large installation were created by Gerhard Dirmoser. “Thesaurus of Electronic Media Art” is an ongoing project and this print is the 2nd version of the project. It shows the winning projects of Prix Ars Electronica contextualized in their art historical environment. The field of “digital performance” is represented based on terms from the theoretical publication of the same title by Steve Dixon. Although this topic is not actually a category in Prix Ars Electronica, it highlights overall aspects which various categories have in common.

The 2nd piece on display includes all people who submitted a work to Prix Ars Electronica more than once or who were awarded at least once. Genres have been coded with single letters, however they are not identical to the Prix categories; e. g. N represents all net-based categories. The individual persons are concentrated to clusters according to their “similarity”, which means a similar behavior in the way they submit to categories as well as public presence (number of citations in publications and other relevant media).

After talking about all projects in detail, our discussion makes us raise a number of questions such as “What is the function and importance of information visualization in the field of art history?“, “Does information visualization only serve as an analysis of the existing texts written by art historians or does it bring a new dimension to the field of art history?” If you have any opinion regarding these issues, please feel free to leave comments to keep the discussion alive.

*Images: Courtesy of Moritz Stefaner.
This guest blog post was written by Mahir M. Yavuz with the support of Moritz Stefaner! Mahir is an instructor at Interface Cultures in Kunstuniversität Linz and researcher at Ars Electronica Futurelab.

Go to Source

The “animated treemap” graph demonstrates the overall and relative changes in market capitalization over time, since the stock market’s peak in October 2007. Since then, Wall Street’s landscape has been permanently altered, as financial giants crumbled under the weight of the financial crisis. While most firms are still considerably smaller, 2 banks (i.e. JPMorgan Chase and Well Fargo) are actually slightly larger than they were at the market’s peak.

See also 3D Financial Treemap, Lab Escape Treemap and the famous Smart Money Treemap.

Go to Source

1. Subtly Made

Demo – Download

2. Magasin

Demo – Download

3. Phyto

Demo – Download

4. Bright White

Demo – Download

5. Pure Magazine

Demo – Download

6. WP Premium Theme

Demo – Download

7. Freemium

Demo – Download

8. Agregado

Demo – Download

9. KeKo

Demo – Download

10. DynaBlue

Demo – Download

11. Grid Focus

Demo – Download

12. ZinePress

Demo – Download

13. Marangual

Demo – Download

14. The Morning After

Demo – Download

15. Mimbo

Demo – Download

16. Monotech

Demo – Download

17. NewsOne

Demo – Download

18. Mainstream

Demo – Download

19. Zinmag Futura

Demo – Download

20. Statement

Demo – Download

Go to Source