In this week’s roundup of web development and design resources, you’ll find several posts about responsive images, discover what users think about search, get tips for creating better forms, learn about an ultrasound chip using sound waves for mobile gesture control, and more.
Let me know which resource you find most helpful for your projects.
As many of you may know, I’m an avid tennis fan. The photo above was from last week’s Ferris State University Club Tennis Tournament with six Michigan higher education schools participating. Yes, Ferris won the tournament.
How Twitter has changed over the years, from sharing what you’re doing to notifying winners of the Nobel Peace Prize.
— The Nobel Prize (@NobelPrize) October 11, 2013
- Six Mobile Myths: Linda Matthews dispels myths about developing for mobile and recommends designers create a consistency across all devices.
We need to look at the user’s experience across devices as a single experience.
- The Meaning of Search: How It Shapes Our Lives and Builds Brands: Could you live without searching on the web for three days? This ethnographic research study from Google uncovers interesting findings about why we search.
- Link Text: Best Practices for Desktop and Mobile: Link text guidelines haven’t changed a great deal over the years, but with mobile devices, there’s a need to consider link text length and proximity.
- 5 Things to Consider When Creating Your Web Forms: Create a good registration or checkout experience for users by keeping web forms simple, only asking for information you really need, and deciding whether you actually need a form in the first place.
- Incorporating More Quiet into the UX Design Process: Angela Craven and SuAnne Hall share what they learned about user experience practitioners who identify themselves as introverts, and offer advice on how your creative team can support both extraverts and introverts.
- A Quick Guide to Web Accessibility: An overview of providing access to content for users who are hard of hearing or have visual impairments.
I am quite getting used to opening apps using handwriting with VoiceOver in iOS 7. #a11y
— Victor Tsaran (@vick08) October 11, 2013
- Assistive Technology User Testing of a University Home Page: If you’re an assistive technology user, help improve the University of Minnesota Duluth home page by participating in an online test to identify what works and where improvements can be made. The test takes about an hour; it will only be available for the next two weeks.
- Ultrasound chip offers gesture control for mobiles: An ultrasound chip using sound waves to interpret hand movement may go into production next year. The chip provides a wider field of use, which can better interpret gestures.
- Responsive Retinas Strike Back: In a follow up post, Drew Wilson provides more details about his retina images responsive method and explains why he doesn’t think downloading two images is an issue.
- A Consensus to the Responsive Image Problem?: How have you been managing responsive images? Did you know that at a recent W3C meeting, members reached consensus and that vendors will likely implement
srcsetattribute syntax for responsive image support?
<img src="normal.jpg" srcset="midres.jpg 1.5x, highres.jpg 2x" >
- Responsive Webfont Icons: To make icons scale within your responsive designs, use web fonts to provide better scalability, usability, and accessibility. Remember to provide options for HTML text to be accessed by users of assistive technology.
- WordPress 3.7 Beta 2: Help test the 3.7 beta version (it’s due out October 14). Remember this is a beta version, so you only want to use it on a development site, not a production site.
- Writing a WordPress Theme: Slides from Curtiss Grymala’s presentation this week at HighEdWeb 2013 in Buffalo, New York.
- Creating a “Meet The Team” Page in WordPress: Nice tutorial on how to create a team member page using custom post types, custom taxonomy, and custom theme template.
- WordCamp 2013–An Overview: Torque editor Michelle Oznowicz shares the highlights of her WordCamp Europe 2013 experience. Sounds like you had a great time Michelle!
CSS and HTML
- Resetting styles using ‘all: unset’ in Firefox 27: Who knew? Not me. The new ‘all’ CSS shorthand property can be used in conjunction with the new ‘unset’ CSS keyword to have the same effect as a reset style sheet.
- How to Pull Off a Tilt Shift Effect With Webkit CSS Filters: In this Design Shack tutorial by Joshua Johnson, you’ll learn how to mimic the Instagram tilt shift effect using Webkit CSS filters and CSS image masks.
- Designing and Debugging CSS Regions: An overview of debugging CSS regions. For authoring content with CSS Regions, use Adobe Reflow CC. In-browser debugging can be done in Webkit nightlies or by enabling support in Chrome.
What I Found Interesting
- Firefox Developer Tools and Firebug: Some great features have recently been added to Firefox Developer Tools and Firebug; find out what’s planned in the coming months.
- Rewild the Child: Not surprised by the research results showing students who get outside perform better in reading, math, science and social studies. Get students outside and not trapped in a classroom. I worked two years as a camp naturalist and can only hope the young students I taught discovered more about nature and themselves. Thanks to my friend Seth Odell for sharing this article.