recentpopularlog in

piperh : screen   102

« earlier  
You probably don’t need input type=“number”
why using type="number" isn't always a good idea on form input fields
webdesign  web  design  input  form  number  type  field  usability  ux  touch  screen  numeric 
7 weeks ago by piperh
Semantics to Screen Readers · An A List Apart Article
in-depth account of browser/screen reader interaction with sites, from accessibility point of view
webdesign  web  design  accessible  accessibility  screen  reader  browser 
10 weeks ago by piperh
Designing Layouts for Screen Readers
title: Designing Layouts for Screen Readers. About the experience of using a site with a screen reader
webdesign  web  design  accessibility  accessible  screen  reader  layout  aria 
february 2019 by piperh
S.P.E. Maquinaria para serigrafia SL
Screen Printing Engineering.
Fabricantes de maquinaria para serigrafía a nivel mundial.
Dreadful ancient website - potential for being a client?
serigrafía  screen  printing  machinery  print  technical 
february 2019 by piperh
Josep Tobella
website of a teacher and expert in screen printing
screen  printing  serigrafía  expert  teacher  spain  barcelona 
february 2019 by piperh
Hustl - Create time-lapse videos of your Mac screen.
They say: Create awesome time-lapse videos of your Mac screen.
Might be handy for creating tutorial or similar. $15
web  graphic  design  showcase  teach  video  screen  screenshot  tutorial  tool  online 
november 2018 by piperh
Assistive technology tools you can test with at no cost - Accessibility in government
a gov.uk page explaining how to use free accessibility testing
page heading: Assistive technology tools you can test with at no cost
webdesign  web  design  webdev  development  assistive  accessibility  accesible  tools  test  testing  technology  jaws  dragon  nvda  voiceover  narrator  talkback  screen  readers  free 
november 2018 by piperh
Serigràfiques | Impressió i serveis gràfics. Retolació
Silk screen printers. Bell-lloc d'Urgell. client of Tria (orders black cajitas)
serigrafía  serigraphy  silk  screen  silkscreen  printing  print  catalunya  spain  cataluña  españa 
march 2018 by piperh
Phone number links and accessibility · Matt Smith
article about accessible styling for phone numbers - targetting mobile devices, though wouldn't target VOIP (eg Skype) on desktop. Relies on smaller screen MQ.
webdesign  web  design  style  tel  telephone  number  link  screen  reader  accessible  accessibility 
february 2018 by piperh
Hammer.JS - Hammer.js
They say: add touch gestures to your webapp.
webdesign  web  design  mobile  touch  screen  gesture  tap  swipe  press  js  javascript  script 
february 2018 by piperh
Solving The Double Tap Issue on iOS Devices
Useful bit of jQuery to disable iOS double tap behaviour on touch screen (uses touchend event).
I couldn't use it on bcnprints 'cos it fucks up the fancybox zooming
webdesign  web  design  js  javascript  script  jquery  ios  single  double  tap  link  touch  screen 
february 2018 by piperh
CSS Environment variables; how to deal with the software bezel of iPhone X – Ben Frain
article about coding for the iphone X screen: rounded corners and invasive black tab.
iphonex  iphone  X  bezel  border  margin  padding  screen  indent  apple  css  ios  safari 
november 2017 by piperh
Pastel
paid for service for posting sticky notes on a site for comments and feedback
collaboration  work  sticky  postit  note  comment  feedback  communication  facility  screen  page 
november 2017 by piperh
Alt-texts: The Ultimate Guide - Axess Lab
v handy guide to alt texts, explaining some do's and dont's and why.
webdesign  web  design  code  coding  alt  text  image  accessibility  accessible  screen  reader 
november 2017 by piperh
Device pixel density tests
page that tests device screen pixel density
device  screen  pixel  ratio  density  monitor  css  test  android  apple  ios  mobile 
october 2017 by piperh
Device Metrics - Material Design
a google resource with lots of specs of devices and some desktop, very handy for device pixels
webdesign  web  design  info  resource  devices  metrics  sizes  screen  density  dimensions  pixels 
november 2016 by piperh
Musketeer
simple tester for media queries. Shows a site on 4 diff sizes. Seems to work well, allows js functionality, too. For a non-rwd site (eg Survey Design) it doesn't shrink down the page to fit the screen width like a real mobile would.
You must enter full address inc http://www.
webdesign  web  design  rwd  test  tester  screen  size  mobile  tablet  desktop  laptop  tool 
october 2016 by piperh
Retina.js | Retina graphics for your website
script to automatically select a x3 or x2 image if retina screen detected. Different methods allowed, esp using attribute on image
webdesign  web  design  js  javascript  retina  high  res  resolution  screen  tablet  ipad  iphone  apple  image  photo  graphic 
september 2016 by piperh
Simple CSS Media Query Generator
online tool for finding generic or specific device screen dimensions. Gives MQ code for you.
webdesign  web  design  rwd  responsive  code  mq  media  query  list  reference  css  breakpoint  width  size  screen  platform 
september 2016 by piperh
GitHub - jshjohnson/Animate: A tiny (5KB) vanilla JS script to trigger animations on elements when they are within the viewport 👓
vanilla js to animate elements when they appear in viewport.
Seems to work not only on the first appearance. Their demo is quite annoying, but if the animations were simpler it could be usable.
webdesign  web  design  js  javascript  script  vanilla  viewport  animate  animation  scroll  element  div  view  screen 
august 2016 by piperh
Truly Fluid Typography With vh And vw Units – Smashing Magazine
technique to achieve responsive fluid type size using css vw, vh and calc. Looks excessive to me and can't really see why you'd want to do it - but, who am I to know?
webdesign  web  design  typography  fluid  responsive  css  font  type  size  vw  vh  width  screen 
may 2016 by piperh
PaiColor50 - PaiColor50: Marcatge & Comunicació
company in La Garrotxa. Print with different processes onto objects - wood, plastic, metal, business gifts, etc
print  printer  screen  silk  thermography  serigraphy  gifts  vinyl  tampografia  laser  serigrafia  termogravat  publicity  promotion 
may 2016 by piperh
Font Awesome & Accessibility
fontawesome guidelines about accessibility and use of icon fonts
webdesign  web  design  accessibility  icon  font  iconfont  symbol  assistive  screen  reader  guide  about 
april 2016 by piperh
Should I use a video as a background? | CSS-Tricks
article considering pros and cons of full-screen background video. Also a bit of code and how to
webdesign  web  design  video  background  image  screen 
december 2015 by piperh
jQuery Scrollify - Power steering for your scroll wheel
a jquery method for snap-to scrolling on one-page sites, for desktop and touch screen
webdesign  web  design  js  javascript  jquery  scroll  scrolling  snap  desktop  touch  screen 
june 2015 by piperh
Plum Amazing :: PixelStick for Mac
measures distance, angle and colour on mac screen
mac  tool  utility  measure  screen  pixel  monitor  software  app  application  distance  angle  colour 
may 2015 by piperh
Flickity
Could be just the thing for Tria responsive site.
Touch friendly, responsive slider carousel. Uses css and js - seems optional to use vanilla js or jquery. Allows flicking using mouse and cursor (though can't see when that would be a good idea).
webdesign  web  design  carousel  touch  touchscreen  screen  css  js  javascript  responsive  slider  gallery 
march 2015 by piperh
Creating responsive, touch-friendly carousels with Flickity | CSS-Tricks
a responsive, touch friendly carousel package - css and js. Could be good for Tria responsive site
webdesign  web  design  carousel  touch  touchscreen  screen  css  js  javascript  responsive  slider  gallery 
march 2015 by piperh
Sticky Captions Concept
possible for Mary's site, instead of current sliding code (which isn't touch-screen friendly)
webdesign  web  design  effect  slide  sliding  caption  transition  touch  screen  touchscreen  animation 
october 2014 by piperh
Home | Gael Ltd
dropdowns that work on touch screen though on desktop you must click top level item - doesn't work on hover
webdesign  web  design  example  menu  navigation  drop-down  dropdown  touch  screen 
september 2014 by piperh
Superfish - Suckerfish on 'roids
Not responsive but can be used with meanmenu to make it so, or surely you could make it responsive yourself, no? (its only in the css, surely). In the examples shown you can dismiss dropdown with touch elsewhere. On desktop dropdowns appear on hover
jquery  navigation  menu  css  javascript  js  dropdown  flyout  nav  keyboard  touch  superfish  suckerfish  screen  accessible 
july 2014 by piperh
The Android Screen Fragmentation Myth | Rusty Rants
explains that most phone devices have same or similar css px resolution. Just provide higher res assets to make them look sharper
rwb  responsive  webdesign  web  design  screen  resolution  pixel  device 
july 2014 by piperh
Drop-Down Navigation: Responsive and Touch-Friendly — Osvaldas Valutis
a tap outside the drop-down will dismiss it. Also you can toggle the menu symbol on touch screen. Script is short, but requires jquery. Actually it's clunky on the mobile and not good for aria.
navigation  menu  css  responsive  mobile  touch  screen  tap  hover  dropdown  web  design  webdesign 
june 2014 by piperh
« earlier      
per page:    204080120160

Copy this bookmark:





to read