Triumph of the Mundane | Blog | design mind
5 weeks ago by sunpig
It is inevitable that devices will ship with interactivity built in. But as more devices become functional, it’s going to become overwhelming to have each device be it’s own island. The three shifts discussed here: micro functionality, liberated interaction, and a clustered ecosystem all point to a new pattern of thinking: small devices with small functionality that all work together in profound ways. This is a triumph of the mundane; a challenge to our PC soaked way of thinking.
scottjenson
design
device
smart
smartdevice
connected
electronics
ce
html
push
screen
controls
interface
interaction
5 weeks ago by sunpig
Hiding content untangled: Hiding vs. moving out of the visible viewport | Marco’s accessibility blog
5 weeks ago by sunpig
The problem here was that the content “hiding” was done in a way that visually hides the content from the naked eye, but not from my screen reader. Furthermore, the fact that this page has different interaction models for keyboard and mouse users was not taken into account. In short: a wrong technique was used to hide the content.
marcozehe
content
hide
hiding
visibility
display
none
position
screen
accessibility
a11y
screenreader
reader
jaws
nvda
frontedn
webdev
html
5 weeks ago by sunpig
UI Patterns For Mobile Apps: Search, Sort And Filter | Smashing UX Design
7 weeks ago by sunpig
But after taking a look at Craigslist mobile, it became obvious we could all benefit from some best practices around mobile search, sort and filter UI design. This article explores a dozen different ways to surface and refine the data your customers want.
theresaneil
smashingmag
development
design
pattern
search
filter
refine
save
ux
hci
sort
mobile
screen
7 weeks ago by sunpig
Media Query & Asset Downloading Results | TimKadlec.com
7 weeks ago by sunpig
If you’re going to hide a content image, you’re not going to be able to do it by setting display:none. I recommend using a Javascript or server-side based approach instead.
If you want to hide a background image, your best bet is to hide the parent element. If you can’t do that, then use a cascade override (like test five above) and set the background-image to none when you want it hidden.
For swapping background images, define them both inside of media queries.
timkadlec
mediaquery
screen
image
responsive
css
html
frontend
optimization
If you want to hide a background image, your best bet is to hide the parent element. If you can’t do that, then use a cascade override (like test five above) and set the background-image to none when you want it hidden.
For swapping background images, define them both inside of media queries.
7 weeks ago by sunpig
What’s the waiter doing with the computer screen? : Jävla skitsystem!
february 2012 by sunpig
RT @newsycombinator: Whats the waiter doing with the computer screen?
computer
screen
whiteboard
design
ux
ui
hci
usability
override
drawing
realworld
actual
february 2012 by sunpig
Designing for touch | Feature | .net magazine
february 2012 by sunpig
RT @brad_frost: Designing for Touch: by @globalmoxie, the touchiest of touch-masters.
joshclark
mobile
touch
ui
ux
design
tap
target
screen
layout
top
bottom
android
ios
from twitter
february 2012 by sunpig
JSTN
september 2011 by sunpig
This is a VT220 serial console (circa 1983) set up as a terminal for my Mac Pro (circa 2010), a nerdy dream I’ve had for a long time that I finally made a reality yesterday.
mac
osx
terminal
screen
green
vt220
ttx
external
monitor
unix
command
commandline
crt
lcd
protocol
serial
usb
null
modem
gender
cathode
from twitter
september 2011 by sunpig
Rethinking the Mobile Web by Yiibu
september 2010 by sunpig
Bryan Rieger - "Rethinking the Mobile Web" :
mobile
web
bryanrieger
device
webdev
js
javascript
screen
size
proxy
phone
browser
september 2010 by sunpig
A List Apart: Articles: Return of the Mobile Style Sheet
january 2009 by sunpig
Dominique Hazaël-Massieux on mobile stylesheets.
web
css
style
design
ala
alistapart
usability
mobile
screen
accessibility
geeknotes
stylesheets
handlheld
january 2009 by sunpig
related tags
a11y ⊕ accessibility ⊕ actual ⊕ ad ⊕ address ⊕ adjust ⊕ advertising ⊕ ala ⊕ alertbox ⊕ alistapart ⊕ amplifier ⊕ android ⊕ anti-alias ⊕ app ⊕ apple ⊕ application ⊕ attention ⊕ audio ⊕ background ⊕ bandwidth ⊕ bar ⊕ bennadel ⊕ blind ⊕ blur ⊕ bottom ⊕ brightness ⊕ browser ⊕ bryanrieger ⊕ cable ⊕ calibrate ⊕ capture ⊕ cathode ⊕ ce ⊕ cleartype ⊕ clickthrough ⊕ client ⊕ clip ⊕ clipboard ⊕ cloudfour ⊕ cmyk ⊕ coach ⊕ code ⊕ colour ⊕ command ⊕ commandline ⊕ comment ⊕ computer ⊕ computing ⊕ connected ⊕ content ⊕ contrast ⊕ control ⊕ controls ⊕ crt ⊕ css ⊕ css3 ⊕ ctr ⊕ data ⊕ daveshea ⊕ design ⊕ desktop ⊕ development ⊕ device ⊕ devicewith ⊕ diagram ⊕ dimension ⊕ display ⊕ displayconfigx ⊕ download ⊕ dpi ⊕ drawing ⊕ dvi ⊕ effect ⊕ electronics ⊕ event ⊕ example ⊕ external ⊕ file ⊕ filter ⊕ finger ⊕ fire ⊕ font ⊕ framework ⊕ frontedn ⊕ frontend ⊕ full ⊕ fullscreen ⊕ fuzz ⊕ geeknotes ⊕ gender ⊕ gesture ⊕ grab ⊕ green ⊕ guide ⊕ hand ⊕ handlheld ⊕ hardware ⊕ hci ⊕ height ⊕ hide ⊕ hiding ⊕ home ⊕ homescreen ⊕ howto ⊕ html ⊕ hum ⊕ icon ⊕ idle ⊕ image ⊕ infographic ⊕ ink ⊕ instruction ⊕ interaction ⊕ interface ⊕ intuitiveness ⊕ ios ⊕ ipad ⊕ iphone ⊕ iphone4 ⊕ ipod ⊕ ixd ⊕ jakobnielsen ⊕ jamespearce ⊕ javascript ⊕ jaws ⊕ joshclark ⊕ jqm ⊕ jquery ⊕ js ⊕ keyboard ⊕ khoivinh ⊕ kindle ⊕ layout ⊕ lcd ⊕ light ⊕ line ⊕ login ⊕ lukew ⊕ lukewroblewski ⊕ mac ⊕ macbook ⊕ macbookpro ⊕ magazine ⊕ marcozehe ⊕ mark ⊕ max ⊕ maxvoltar ⊕ mbp ⊕ media ⊕ mediaqueries ⊕ mediaquery ⊕ meta ⊕ mezzoblue ⊕ mobiforge ⊕ mobile ⊕ mobilefirst ⊕ modem ⊕ monitor ⊕ mouse ⊕ multiple ⊕ multitouch ⊕ network ⊕ noise ⊕ none ⊕ null ⊕ nvda ⊕ object ⊕ opera ⊕ optical ⊕ optimization ⊕ osx ⊕ out ⊕ override ⊕ overscan ⊕ paper ⊕ pattern ⊕ pda ⊕ perspective ⊕ philips ⊕ phone ⊕ photo ⊕ photoshop ⊕ pixel ⊕ point ⊕ posh ⊕ position ⊕ ppk ⊕ print ⊕ pro ⊕ protocol ⊕ proxy ⊕ push ⊕ px ⊕ query ⊕ quirksmode ⊕ rate ⊕ reader ⊕ realworld ⊕ reference ⊕ refine ⊕ rendering ⊕ resolution ⊕ responsive ⊕ retina ⊕ rgb ⊕ safari ⊕ save ⊕ scottjenson ⊕ screen ⊖ screenreader ⊕ screenshot ⊕ search ⊕ semantic ⊕ sencha ⊕ separate ⊕ serial ⊕ server ⊕ share ⊕ shot ⊕ size ⊕ skew ⊕ sleep ⊕ small ⊕ smart ⊕ smartdevice ⊕ smashingmag ⊕ smoothing ⊕ sort ⊕ standalone ⊕ statstics ⊕ strategy ⊕ structure ⊕ style ⊕ stylesheets ⊕ sub-pixel ⊕ swpie ⊕ tablet ⊕ tap ⊕ target ⊕ technology ⊕ terminal ⊕ test ⊕ theresaneil ⊕ thumb ⊕ timer ⊕ timkadlec ⊕ timvandamme ⊕ tomarmitage ⊕ top ⊕ toslink ⊕ touch ⊕ touchscreen ⊕ touchy ⊕ ttx ⊕ tutorial ⊕ tv ⊕ type ⊕ ui ⊕ unix ⊕ usability ⊕ usb ⊕ user ⊕ utility ⊕ ux ⊕ video ⊕ viewport ⊕ visibility ⊕ vt220 ⊕ wake ⊕ web ⊕ webdesign ⊕ webdev ⊕ webstandards ⊕ whiteboard ⊕ width ⊕ window ⊕ wireframe ⊕ yahoo ⊕ yui ⊕Copy this bookmark: