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

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?

Using the Codeable Objects Processing Library Codeable Objects is a library for Processing that allows anyone to design and construct an artifact using geometric computation and digital fabrication. This tutorial will show you how to use the library to make a laser cut lamp. The library allows you to customize the size, shape and decorative patterns of the lamp. Requirements: A computer running windows, Mac OSX or Linux.Internet AccessA vector editing program (Inkscape or Adobe Illustrator)Access to a laser cutter* *If you don’t have access to a laser cutter, you can use an online fabrication service to cut your parts. Section 1: Setup Step 1: Assemble your physical materials 1-3 square feet of ¼” plywood1-3 sheets of 17” x 14” Bristol board, or some other similar weight paper.1-3 sheets of semi-transparent vellum or high-grade tissue paper. Step 2: Download and install Processing Processing is a popular java based programing environment that allows people to learn and experiment with programing in a simple and straightforward context.

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.

GuruBlog GuruBlog local-guru.net Processing Sketches Links Search Twitter Follow me on Twitter Book Music Tags 3daddonadventanimationanimation nodesarduinoartbitwigblendercalendarCreativitycurvecyclesdrawingfacefluidforcefieldfreestylemakerbotmarkermaterialmodifiermonstermusicnproscparticlesphotophysicsprocessingprocessing.jspythonradioraspberrypirobotrubysimulationsynthtexturevolca

Products- Liniment, Hoof Butter, Crystal Wash | Ana Majik - All Natural Horse Care Products Bees & Bombs Andrew Glassner and I are running a fun little workshop called “Freezing Time” this Sunday, as part of Making @ SIGGRAPH. Details: 12:15-1:45 PM, South Hall G – Studio Workstation Area We’ll be teaching how to use T2Z, “Time To Z”, a program that lets you generate a 2D animation and then turn it into a 3D printable sculpture. Participants will be provided workstations, and there will be high-speed 3D printers available after the workshop. Can’t make it? T2Z takes the frames of your animation and stacks them to form a 3D sculpture. Here’s a simple example. gives this sculpture when you stack the frames: The (self-imposed) challenge is to create an interesting, looping animation that also creates a visually-pleasing and printable sculpture. There are many more examples in our gallery. Even if you can’t attend the workshop, you can easily do this sort of experimentation at home. Processing is entirely fun to hack on (Debugger? We hope to see you on Sunday! Where did all this come from?

Beauty « Pretty Please Us Blog: Your guide to fashion, beauty, style & everything else in between. Palm Springs. I went there a few weeks ago, and all I saw was heat, heat, trendy eateries, an uber-cute population, and more heat. That was until the last day where I was begging the 113 degree temperature to turn me into the bronze goddess, I know my skin secretly desires to be. As I was baking, I turned to my right and I saw a mirage: a cute blonde with emeralds on her fingertips. Emerald Bling .. So, back to me, the cute blonde, and her nailpolish. “I grabbed some black nailpolish, painted one coat, and then picked up some cheaper green glittery nailpolish and painted it over the black after it dried. The best part is that the black polish further enhances the green, so it literally looks like you have emerald glazed fingertips! Like Us. Love Us. Tweet Us.

ColorBoids: The boid algorithm in five dimensions | Rectangle World – HTML5 Canvas and JavaScript: Tutorials and Experiments The boid algorithm is a well known simulation of the flocking behavior of birds and other animals. In the algorithm, each “boid” flies in such a way as to stay close to its neighbors without getting too close, while also trying to fly in the same general direction as its neighbors. Extending this algorithm to five dimensions gives us a space of two spatial coordinates and three color coordinates. Download The complete code can be downloaded here: ColorBoids.zip More images Below are a couple more images drawn using the application. The main idea The boid algorithm can produce animations of flocks in two or three dimensions. The application here uses two dimensions for spatial coordinates, while the three remaining coordinates are used to define the color of each boid in terms of its independent red, green, and blue components. The boid algorithm In the boids algorithm, each boid flies around while following three basic rules: Drawing Variations Could be Optimized More Experiment!

21 Examples of Circular Elements in Web Design Designing a website is something that requires creativity, talent and a lot of thinking. To develop a nice website – both beautiful and with a good UI – we have to pay attention to elements like navigation, menus, content, header, icons and so on. And giving them a nice look will make a big difference in the final result. Today we gathered some examples of websites using circular elements in their layout. Computer Graphics Design at RIT John A. fruute Kyan nest Jopp vlog.it Australian Red Cross Pistachio App Column Five Zoo Advertising Helen & Hard Cloudberry Mediovski Dart St Louis 3Degrees Agency Contrast Rebellion Cookiesound B3 Studios aaugh dotmick.com Source: The Best Designsunmatchedstyleawwwards About the Author Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Related Posts 103 shares Colorful Logos for Your Inspiration We’ve rounded up some examples of logo designs that make excellent use of color. Read More 648 shares

Related: