Webdesign   786363

« earlier    

Designing The Perfect Slider
When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.
slider  design  WebDesign  webdev 
yesterday by amason
Web Design Resources
Select websites, tools, assets, and readings for working in and learning about design.
resources  browsers  WebDesign  Design 
yesterday by amason
Authoritative, Readable, Branded: Report from Poynter Design Challenge, Part 2 - Zeldman on Web
Any newspaper, however poor, can afford better typography. Any newspaper with a designer on staff can attain it, if the paper stops treating design as a lackey of marketing or editorial or advertising, and sets designers free to create great reading experiences.

In my work, which is still underway (and will continue for some time), I focused on creating what I call “reader” layouts (and probably other designers call them that too; but I just don’t know). Layouts that are branded, authoritative, clean, uncluttered, and easy to read.

I played with type hierarchies and created simple style guides. Most of my little pages began as Typecast templates that I customized. And then Noël Jackson from my studio cleaned up the HTML and CSS to make it more portable. We put the stuff up on GitHub for whoever wants to play with it.

Reader layout
mytools  *****  list  reading  webdesign  minimalism  design 
yesterday by gpe
Creating usability with motion
'The following manifesto represents my answer to the question — “As a UX or UI, designer, how do I know when and where to implement motion to support usability?”'
animation  motion  webdesign  userexperience  interface 
yesterday by garrettc

« earlier    

related tags

!!!  !collection  *****  ***  2017  3d  @freshvanroot  a11y  accessibility  agencies  agency  aggregator  animation  app  apps  ar  architecture  art  awesome  barproject  belgium  best  bestpractices  blog  bootstrap  browser  browsers  code  collections  color  colors  colour  commentary  comparison  compatibility  compress  compression  computers  conference  contrast  cool-page  cool  css  css3  css_grid  d3js  database  design  designsites  designthnking  dev  developers  development  digital  directory  download  education  email  extensions  festival  folkmodern  font  fontawesome  fonts  free  gallery  generator  google  gradient  graphics  grid  hacker-news-comments  hacking  hardware  hex  history  hosting  howto  html  html5  icon  icons  ie  image  images  inspiration  interactive  interface  ios  ixd  javascript  jpg  layout  learning  list  liste  location  mac  marketing  minimalism  mobile  motion  mps  mysql  mytools  networking  news  newsletter  nodejs  onextrapixel  onlinetools  opensource  optimization  other_peoples_homepages  pairing  palettes  philosophy  photoshop  php  pixel  plugin  portfolio  portfolios  productivity  programming  prototyping  quality  react  reading  reference  research  resourcelist  resources  responsive  responsivedesign  router  service  sitestoread  sketch  slider  smashingmag  software  softwaretesting  static  store  studio  styleguide  svg  testing  text  tips  tool  tools  toread  toshare  trends  try  tutorial  typography  ui  unicode  unix  usability  userexperience  ux  vendors  visualization  viz:colors  vr  vscode  wcag  web-design  web-development  web  webdesign  webdev  webdevelopment  webgl  website-design  website  weebly  wifi  wigs  wireframe  wordpress 

Copy this bookmark:



description:


tags: