background preloader

Inge Druckrey: Teaching to See

Inge Druckrey: Teaching to See

Home - Visual Thinking Strategies 30 Exceptional CSS Navigation Techniques We’ve seen innovative ways in which designers and developers have used CSS to innovate upon its shortcomings. Here, you’ll find some of the best ways to use CSS for your website navigation. You’ll find a variety of techniques that truly showcase the capabilities of CSS. In this article, you will find a collection of excellent navigation techniques that use the CSS to provide users with an impressive interface. 1. This another great CSS menu Stu Nicholls that’s unique – hovering over a menu item reveals a submenu. 2. View Demo In this CSS technique, you’ll learn to create a vertically-oriented CSS hover menu that reveals a submenu when a menu item is hovered on. 3. View Demo Matte is a simple CSS menu with rounded corners using two small images only from 13styles. 4. View Demo This CSS technique shows you a method from creating a menu that blurs sibling menu items when you hover over an item. 5. View Demo 6. View Demo 7. View Demo This stylish navigation menu technique uses a CSS sprite. 8. 9.

Sign Painters: What a Disappearing Art Teaches Us About Creative Purpose and Process by Maria Popova “It is at the moment o f a craft’s disappearance that its cultural value suddenly becomes plain to see.” As a lover of exquisite hand-lettering, elegant vintage-inspired typography, and vibrant storefront signage, I was instantly smitten with Sign Painters (public library) — a stunning companion to Faythe Levine and Sam Macon’s documentary of the same title, exploring the disappearing art through interviews with some of its most prominent masters amidst a lavish gallery of extraordinary hand-painted signage, with a foreword by Ed Ruscha. But this is no mere eye candy — brimming with candid insights, personal stories, and wisdom on the creative life, the book envelops the “what” with rich and ample layers of the “how” and the “why.” Macon affirms this in the introduction: This book, like the job of the sign painter, isn’t always about eye-popping, flashy designs. In setting on this topic, Levine and Macon are just in time. Bigger and better machines became available.

This Animated Video Shows the Wild Economics of Sex The news: Have you ever wondered what sex is really worth? The Austin Institute for the Study of Family and Culture has your back. A recent video highlights research they’ve compiled from various social scientists, and animates them into a lively and accessible 10-minute short. Check it out: Wow. There are clear limits to this study, most notably its inattention to non-heterosexual relationships. What do you think? Zak Cheney-Rice Zak is a Staff Writer for PolicyMic covering race, hip-hop, sports and pop culture. Thinking Visually Adobe Illustrator 101: 10 Things You Should Know About Ai Adobe Illustrator is one of my absolute favorite applications. For vector work, Illustrator simply can’t be beat and you should really set your reservations aside and give it a shot. Even if you’re commonly creating raster graphics for the web, there are a number of things that Illustrator simply does better than Photoshop so getting to know both apps and their strengths/weaknesses is a must. Today’s article is for the extreme Illustrator newbies. You have the Adobe Creative Suite installed on your computer and have seen Illustrator sitting there quietly begging to be played with but you’ve never jumped in. We’ll go over ten basic things you should know before starting. A Photoshop-Centric Discussion In writing this article, one of the major assumptions that I’m making is that you’re fairly familiar with Photoshop. As I go through the tips below, a lot of the explanation will be based on how working in Illustrator is different than Photoshop. Vector Graphics Are Magic The Bounding Box Other

Coding as a Liberal Art February 5, 12:30pm ETBerkman Center for Internet & Society, 23 Everett St, 2nd FloorRSVP required for those attending in person via the form belowThis event will be webcast live at 12:30pm ET. What is the purpose of a liberal arts education? Commencement speakers have assured generations of college graduates that the real value is less in what they've learned than in how they've learned to think. This talk will present a personal case study in learning to think through code. About Diana Diana is an MBA candidate at Harvard Business School. As a co-creator of ROFLCon, Diana's interest in internet culture runs deep. Links

Visual thinking school Visual thinking is a way to organize your thoughts and improve your ability to think and communicate. It’s a way to expand your range and capacity by going beyond the linear world of the written word, list and spreadsheet, and entering the non-linear world of complex spacial relationships, networks, maps and diagrams. It’s also about using tools — like pen and paper, index cards and software tools — to externalize your internal thinking processes, making them more clear, explicit and actionable. Why is visual thinking important? There’s more information at your fingertips than ever before, and yet people are overwhelmed by it. We think in pictures. Think you can’t draw? Squiggle birds (I learned squiggle birds from my friend Chris Glynn). So why is visual thinking important? The whirl. Visualization is increasingly used in business and science to simplify complexity: a picture is worth a thousand words. Drawing is a natural process for thinking, exploring ideas and learning. 1. 2. 3. 4.

Related: