[gallery]

via http://www.finisterreuk.com

the science behind fonts and how they make you feel

sites that are like “yoga studios for content.” lol

the science behind fonts and how they make you feel

[gallery]

so these are ways to zoom in on photos and also do carrousel without the terrible side arrows. ugh so tired of those arrows. 

Convincing

[vimeo 69948148 w=500 h=281]

transition from image to movement

(Source: http://player.vimeo.com/)

[gallery]

Creating space with depth. 

via: http://tympanus.net/codrops/2013/02/27/image-techniques-for-creating-depth-in-web-design/

The classic web application model works like this: Most user actions in the interface trigger an HTTP request back to a web server. The server does some processing—retrieving data, crunching numbers, talking to various legacy systems—and then returns an HTML page to the client. It’s a model adapted from the Web’s original use as a hypertext medium, but as fans of The Elements of User Experience know, what makes the Web good for hypertext doesn’t necessarily make it good for software applications.

Web as hypertext 

vs

Web as app

http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications

[gallery]

Links that link to more information within a page. 

I’ve been thinking lately about link signifiers. This is a perfect example of why I believe there should be another way of indicating that a link will simply un-hide information in the page versus whether it will take you to a new page in a more classic link (hyper-text) way. 

In this example “view source” and “API documentation” result in totally different things. I completely missed the tip off with the cryptic eyeball icon next to “view source.”

So I right clicked “view source” so that I could open it in another tab. Which led to an error. When I clicked “view source” within the page there was a nice slide-down animation that was a total surprise! 

However clicking API documentation in the second link provided, which slides down with the page as you can see, results in a totally new page of API documentation. 

Scrolling Effects as a Rhetorical Device: Argument via Immersion. 

A nice example of technology supporting content rather than out-doing it. Their figures are nicely done. Interesting how they layer on more information when you scroll. Not sure how I feel about that as it appears a little buggy since on my 13” laptop I have to scroll past it to get the detailed data to show up.

loving this