background preloader

FORM+CODE In Design, Art, and Architecture by Casey Reas, Chandler McWilliams, and LUST

FORM+CODE In Design, Art, and Architecture by Casey Reas, Chandler McWilliams, and LUST
Related:  TypographieProcessing

Tutorials How to Make a State Grid Map in R Something of a cross between a reference table and a map, the state grid provides equal space to each state and a semblance of the country to quickly pick out individual states. How to Make Animated Line Charts in R Sometimes it's useful to animate the multiple lines instead of showing them all at once. How to Make a Multi-line Step Chart in R For the times your data represents immediate changes in value. Symbols-based Charts to Show Counts in R Add visual weight by using individual items to show counts. Introducing a Course for Mapping in R Mapping geographic data in R can be tricky, because there are so many ways to complete separate tasks. How to Edit R Charts in Adobe Illustrator A detailed guide for R users who want to polish their charts in the popular graphic design app for readability and aesthetics. How to Make an Animated Map in R, Part 4 In the the last part of the four-part series, you make a longer animation with more data and annotate.

Processing + Typography | unbox When I first got my hands on the Form + Code book what impressed me the most was the artwork with typography on the titles and opening pages. It reminded me how much I like typography and how focusing on the shape of letters and text can produce beautiful visuals. Then of course it got me trying to reproduce those visuals using Processing. There is no code in the book to help with that. All we get are some short descriptions at the bottom of each title page, like this one: Form+Code page 9 That is a good hint. Which lead me to Geomerative. Form+Code page 26 similar visuals made with geomerative Form+Code page 42 Form+Code page 92 Why it doesn’t look the same I’ve put some effort to copy the exact look of the titles in the book, but it still looks different. The external contours are drawn in opposite directions, counter-clockwise on Postscript and clockwise on TrueType. Postscript vs TrueType: start point and direction Postscript vs TrueType: curves

10 More Great Google Font Combinations You Can Copy The last time we wrote about Google Web Fonts, it was a fairly new program with a handful of fonts. Today there are nearly 500 font families ready and waiting to be served up to your website completely free of charge. Google has certainly made its mark on web typography and stands as an excellent alternative to premium subscription services. The downside of this growth is that it’s becomingly increasingly difficult to sift through the library to find the best selections. Bree Serif & Open Sans The HTML The CSS Bevan and Pontano Sans Abril Fatface & Average Playfair Display and Muli Sansita One & Kameron Istok Web & Lora Pacifico & Arimo Nixie One & Ledger Cantata One & Imprima Rancho & Gudea Conclusion Hopefully, you’ve found several font combinations here that will work perfectly for some of the projects that you’re working on. Do you have any great Google Web Font combinations that you’d like to share?

TYPEFACE [Processing] - Type design by facial recognition // by @rhyme_andreason Created by Mary Huang, TYPEFACE is a study of facial recognition and type design, creating a typeface that corresponds to each individual, like a typographic portrait. Somewhat similar to LAIKA project – interactive typeface, the challenge here were the limitations of geometric type system, being able to allow for a great amount of variation while maintaining a general level of quality in the letters. This was made especially harder by using lowercase letters. …people really wanted to do was make funny faces at the camera so they could watch the type change. For more information visit TYPEFACE was created using Processing. UPDATE 27.07.2010: App is now available for DOWNLOAD. Related Helvetica Face [Flash] Created by Naoki Nishimura, Helvetica Face is a Livetype format font. Qhull code for Convex Hull, Delaunay Triangulation, Voronoi Diagram, and Halfspace Intersection about a Point About Scriptographer is a scripting plugin for Adobe Illustrator™. It gives the user the possibility to extend Illustrator’s functionality by the use of the JavaScript language. The user is no longer limited to the same tools that are used by most graphic designers around the globe. Scriptographer allows the creation of mouse controlled drawing-tools, effects that modify existing graphics and scripts that create new ones. But Scriptographer is also a webpage on which users can exchange scripts and ideas. Scriptographer gives the tool back into the hand of the user and confronts a closed product with the open source philosophy. If that sounds good to you, download it today. Credits: Main Developer, Concept, API Design and Web Development: Jürg Lehni API Documentation, API Design, Testing: Jonathan Puckey Web Design: Urs Lehni & Jürg Lehni Web Application Server: Headline Font: Superstudio by Jonathan Hares Project supported by ECAL and funded by HES-SO

Web typography | Guide | Motive This guide provides specimen screens of typefaces commonly used in web design, showing each typeface at a range of text sizes and weights. The Motive Glossary also provides an introduction to web fonts. Web typeface specimen screens FontCheck: Sample characters: (Ee), are shown to the right of each typeface family name. The typefaces listed in the table above are installed with Internet Explorer (IE) for both Windows (WIN) and Macintosh (Mac) operating systems. The typefaces listed in the table above are installed as part of the Windows Vista operating system. Generic font families Fonts are commonly categorised with reference to letterform characteristics. Choosing a web-safe typeface For a typeface to be used on a webpage, as ‘live’ text, it must be installed on the user’s computer. System typefaces A number of typefaces come installed with a computer’s operating system, these are often referred to as system fonts . Program typefaces Typefaces are also often installed with computer programs.

Processing RSS Feeds - Creative Coding - Tutorial Introduction This tutorial gives an overview on how to load RSS feeds into sketches, how to read and use the available data, and how to display these. Read this general introduction or jump directly to the tutorial kick off or to the first examples with explanations. RSS (Real Simple syndication) is a format for delivering regularly changing web content. <item> <title>New Tutorial</title> <link> <description> A new tutorial is online. <item><title>New Tutorial</title><link> A new tutorial is online. Depending on the specific feed, other elements can appear. What Is RSS? RSS formatted files are specified using XML (as are many other web formats, such as HTML, or SVG). <guid isPermaLink="true"> <guid isPermaLink="true"> The elements can be structured hierarchically.

Related:  geolocalisationProcessingPROCESSING