Skip to main content

Home/ Web Development & Mobile App/ Contents contributed and discussions participated by Vernon Fowler

Contents contributed and discussions participated by Vernon Fowler

Simple Middle Filter: All | Bookmarks | Topics
Vernon Fowler

Don't Use The Placeholder Attribute - Smashing Magazine - 0 views

www.smashingmagazine.com/...placeholder-attribute

inclusive input formdesign aria forms inclusivedesign hint accessibility form html

shared by Vernon Fowler on 27 Jun 18 - No Cached
  • To recap, the placeholder attribute: Can’t be automatically translated; Is oftentimes used in place of a label, locking out assistive technology; Can hide important information when content is entered; Can be too light-colored to be legible; Has limited styling options; May look like pre-filled information and be skipped over.
  • Move the placeholder content above the input, but below the label:
  • Development Here’s how to translate our designed example to code:
  • ...4 more annotations...
  • aria-describedby ensures that the p content will be described last, after the label’s content and the kind of input it is associated with.
  • By using aria-describedby to programmatically associate the input with the p element, we are creating a priority of information for screen readers that has parity with what a person browsing without a screen reader would experience.
  • The floating label effect, a close cousin to this phenomenon, oftentimes utilizes the placeholder attribute in place of a label, as well.
  • Content hidden by an on-screen keyboard. 3rd party keyboards with larger heights may have a greater risk of blocking important content.
  • Vernon Fowler on 27 Jun 18
     
    Not only argues for not using the placeholder attribute but also describes an inclusive input hint and how to code it.
Vernon Fowler

Page Controls - Controls - iOS Human Interface Guidelines - 0 views

developer.apple.com/...page-controls

human interface guidelines navigation mobile

shared by Vernon Fowler on 20 Jun 17 - No Cached
  • Navigation always occurs sequentially, usually by swiping the page to one side.
  • If your app needs to display more than 20 pages as peers, consider using a different arrangement—such as a grid—that enables nonsequential navigation.
Vernon Fowler

Show Me the Way to Go Anywhere - Navigation for Mobile Applications | Interaction Desig... - 1 views

www.interaction-design.org/...gation-for-mobile-applications

mobile navigation

shared by Vernon Fowler on 16 Jan 17 - No Cached
  • Vernon Fowler on 16 Jan 17
     
    "It doesn't matter how great the functions and content, that your mobile apps serve, are - if your user can't find them, they aren't going to contribute to a great user experience. Navigation on the mobile web comes with challenges thanks to the reduced screen real estate available on smartphones. However, there are some good best practice guidelines to get your mobile app's navigation moving in the right direction."
Vernon Fowler

Analysing users with personas - A Practical Guide to Web App Success - 0 views

webappsuccess.com/ysing-users-with-personas.html

users personas web app content strategy DIG252

shared by Vernon Fowler on 21 Jun 14 - No Cached
  • The needs of personas always trump personal opinions.
  • Personas must be built from user research
  • A persona should have a name, photograph and relevant demographic information, goals, motivations, frustrations, and work and lifestyle details.
  • ...1 more annotation...
  • One or two personas are normally enough for a small web app.
Vernon Fowler

phildionne/golden-bootstrap · GitHub - 0 views

github.com/...golden-bootstrap

typography CSS less sass bootstrap

shared by Vernon Fowler on 21 Mar 14 - No Cached
  • Vernon Fowler on 21 Mar 14
     
    Golden Bootstrap is a tiny add-on for Bootstrap giving you the divine power of using golden ratio sized columns. Available both for Less and Sass CSS preprocessors.
Vernon Fowler

Forrst | Posts from everyone - 0 views

forrst.com

community webdesign webdev feedback designers developer designer

shared by Vernon Fowler on 15 Mar 14 - No Cached
  • Vernon Fowler on 15 Mar 14
     
    "Forrst is a community where designers and developers can share their work and get the feedback they need. It's maintained by ZURB, a product design company that helps companies design better web sites, services and online products."
Vernon Fowler

Pictaculous - A Color Palette Generator (courtesy of MailChimp) - 0 views

www.pictaculous.com

color palette design generator tools tool webdesign

shared by Vernon Fowler on 04 Mar 14 - Cached
  • Vernon Fowler on 04 Mar 14
     
    Email an image [or photo] to colors@mailchimp.com and wait a couple of minutes for a web HEX code palette, an Adobe palette, and colour theme suggestions from http://kuler.adobe.com and http://colourlovers.com
1 - 20 of 79 Next › Last »
Showing 20▼ items per page