gentlemanhog + design 60
Adapt.js - Adaptive CSS
11 hours ago by gentlemanhog
Adapt.js is a lightweight (848 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed.
A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetched (think of it as “Ajax” for CSS). I have done my best to mitigate this by keeping CSS files small (3 KB). It is worth noting this is a proposed, not prescribed, approach to a problem with multiple solutions.
Other methods include: Build a separate site for mobile. Or, use media queries to adjust layout, with a polyfill for older browser support, and conditional Internet Explorer comments for Windows phones. Also a factor is how to handle multiple image resolutions without adding file size. Filament Group is advocating context aware image sizing.
mobile
javascript
css
responsive
design
A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetched (think of it as “Ajax” for CSS). I have done my best to mitigate this by keeping CSS files small (3 KB). It is worth noting this is a proposed, not prescribed, approach to a problem with multiple solutions.
Other methods include: Build a separate site for mobile. Or, use media queries to adjust layout, with a polyfill for older browser support, and conditional Internet Explorer comments for Windows phones. Also a factor is how to handle multiple image resolutions without adding file size. Filament Group is advocating context aware image sizing.
11 hours ago by gentlemanhog
Unmitigated England
6 weeks ago by gentlemanhog
I am a writer and photographer who spends all his time looking at England, particularly buildings and the countryside. But I have a leaning towards the slightly odd and neglected, the unsung elements that make England such an interesting place to live in. I am the author and photographer of a number of books, in particular Unmitigated England (Adelphi 2006), More from Unmitigated England (Adelphi 2007),and most recently Cross Country (Wiley 2011).
ephemera
history
art
design
illustration
england
6 weeks ago by gentlemanhog
Oscar Bolton Green
7 weeks ago by gentlemanhog
Oscar Bolton Green was born in London in 1988 and graduated from Camberwell College of Arts in 2010. Since then Oscar has been working on a variety of projects, making designs for books, products, magazines, advertising, animations and exhibitions.
art
design
illustration
7 weeks ago by gentlemanhog
EAR Studio
january 2012 by gentlemanhog
Founded in 1993 by artist Ben Rubin, EAR Studio is the base of operations for Rubin’s research, art, and sound design projects.
art
music
audio
ben
design
january 2012 by gentlemanhog
Hex Color Picker
december 2011 by gentlemanhog
Edit and view hexadecimal color codes in the standard Mac OS X color panel
design
mac
software
colour
december 2011 by gentlemanhog
Placehold.it - Quick and simple image placeholders
december 2011 by gentlemanhog
How does it work? Just put your image size after our URL and you'll get a placeholder.
Like this: http://placehold.it/350x150
You can also use it in your code, like this:
<img src="http://placehold.it/350x150">
Have fun!
design
tools
web
placeholder
Like this: http://placehold.it/350x150
You can also use it in your code, like this:
<img src="http://placehold.it/350x150">
Have fun!
december 2011 by gentlemanhog
Supermechanical : objects that connect us
november 2011 by gentlemanhog
Supermechanical makes products and experiences that mate the successful interfaces between human and object, with the efficiency of digital media.
So much of electronic devices is hidden, and we don't understand and love their nuances the way we do with 'dumb' objects.
We want to give soul to electronics, and make connections between people. We are exploring the intersection of old- and new-world craftsmanship. Supermechanical is practical magic.
design
digital
business
iot
hacking
So much of electronic devices is hidden, and we don't understand and love their nuances the way we do with 'dumb' objects.
We want to give soul to electronics, and make connections between people. We are exploring the intersection of old- and new-world craftsmanship. Supermechanical is practical magic.
november 2011 by gentlemanhog
Subtle Patterns | Free textures for your next web project
october 2011 by gentlemanhog
Subtle Patterns is a collection of 91 high quality design patterns for
you to use freely. New patterns added weekly. A project by Atle Mo.
design
backgrounds
you to use freely. New patterns added weekly. A project by Atle Mo.
october 2011 by gentlemanhog
Ecocity Builders | Ecocity Builders is a nonprofit organization dedicated to reshaping cities for the long-term health of human and natural systems.
september 2011 by gentlemanhog
Founded in 1992, Ecocity Builders develops and implements policy, design and educational tools and strategies to build thriving urban centers based on “access by proximity” and to reverse patterns of sprawl and excessive consumption.
We are a small 501(c)(3) nonprofit organization based in the San Francisco Bay Area with an office in downtown Oakland.
design
cities
tools
We are a small 501(c)(3) nonprofit organization based in the San Francisco Bay Area with an office in downtown Oakland.
september 2011 by gentlemanhog
related tags
78s ⊕ alan ⊕ api ⊕ architecture ⊕ archives ⊕ art ⊕ artist ⊕ audio ⊕ backgrounds ⊕ ben ⊕ blog ⊕ books ⊕ business ⊕ camera ⊕ cities ⊕ cms ⊕ collaboration ⊕ colour ⊕ css ⊕ css3 ⊕ data ⊕ design ⊖ development ⊕ digital ⊕ documentation ⊕ education ⊕ england ⊕ ephemera ⊕ funny ⊕ gallery ⊕ graphics ⊕ hacking ⊕ history ⊕ hosting ⊕ html ⊕ icons ⊕ ikea ⊕ illustration ⊕ images ⊕ ios ⊕ iot ⊕ iphone ⊕ javascript ⊕ kittens ⊕ logos ⊕ mac ⊕ magazine ⊕ manchester ⊕ mobile ⊕ music ⊕ painting ⊕ pbs ⊕ photography ⊕ placeholder ⊕ presentation ⊕ programming ⊕ records ⊕ responsive ⊕ rest ⊕ roundrobin ⊕ shopping ⊕ software ⊕ standards ⊕ stock ⊕ teenageengineering ⊕ tobuy ⊕ tools ⊕ toread ⊕ training ⊕ ui ⊕ uk ⊕ ux ⊕ video ⊕ videos ⊕ web ⊕Copy this bookmark: