Welcome to the Memorial Day version of the weekly web design and development roundup. In this week’s post, you’ll discover a cool application for visualizing a page’s CSS, find out about accessibility in mobile applications, step back in time to relive the first ten years of WordPress, and more. Let’s go!
My favorite tweet is a humble shoutout for last week’s HighEdWeb Michigan conference which I attended with my higher education colleagues. I had the privilege of joining the planning committee for the conference:
Cheers to #hewebmi — the reviews are in, & it sounds like a hit! We're so proud of MI & all our Regional conferences. Well done!
— HighEdWeb (@HighEdWeb) May 21, 2013
CSS and HTML
- What Happened During Live CSS Help with the Experts: One of my favorite series is the live chat “Talk with the Experts” sessions from SitePoint. This week’s chat with CSS designer and web developer Alex Walker included a boatload of questions on styling, some great resources and impressive CSS examples.
- Visualising CSS selector matches: Normally I don’t include resources that are a couple weeks old, but I couldn’t pass this resource up. Benjamin Benben created an amazing online app that visually shows how CSS interacts with a page. Note: I couldn’t get it to work in Firefox 21, but it works in Chrome.
- Create a Drop Down Menu with Search Box in CSS3 and HTML: This DesignModo post uses prefixfree to manage the various browser versions. Good explanation of the markup and styling required for various browsers, but including responsive considerations would make the post more useful.
- How to keep up to date on Front-End Technologies: You can’t go wrong with this four-step process for staying current; I discovered new Twitter accounts to follow and resources to add to my toolkit.
- Simplify your responsive design workflow with Screensiz.es, a database of mobile and desktop specs: Great resource of smartphone, tablet, laptop and desktop screen sizes with information on pixel dimension, physical size and pixel density.
- Responsive Image Survey: Have a minute? Fill out this responsive image survey.
- An Event Apart: Responsive and Responsible: Notes by Luke Wroblewski of Scott Jehl’s presentation on strategies for building responsive web sites with a focus on performance.
- 11 tips for developing a mobile app that users will love: Testing is key, keep the offline experience in mind, and make it convenient are just three of the tips top application entrepreneurs share with Scott Gerber in this The Next Web post.
- The Content Competitive Advantage: Slides from Scott Cowley’s presentation at last week’s WebVisions Portland 2013 conference highlighting the need for measurement and optimization.
- Exploring Ten Fundamental Aspects Of M-Commerce Usability: Long read, worth it. The results of a year-long usability study of 18 mobile-commerce websites highlight the complexities of designing an easy-to-use m-commerce website. One conclusion: simply scaling down for different devices may not offer a great user experience.
- How Google Wins Over Users By Giving Them Less: An excerpt from the book Simple: Conquering the Crisis of Complexity, discusses how Google held the line against complexity in their search page and won over customers.
- Accessibility with WordPress: Interested in learning about accessibility in WordPress core, themes and plugins? Check out the recording, transcript and slides from Joe Dolson’s webinar.
- Accessibility Concerns for Mobile Applications: Slides from Eric Maslowski’s HighEdWeb Michigan presentation on mobile application accessibility in games, which he worked on in association with the International Game Developers Association Accessibility Special Interest group.
- Defining My Dyslexia: Despite being diagnosed as dyslexic in grade school and not being able to read fluently until the age of 13, Blake Charlton went to Yale, graduated from Stanford University Medical School, and published two fantasy novels. Charlton discusses his dyslexia and recent research that indicates dyslexia may inform spatial reasoning, increase creativity and big-picture thinking.
— Media Access Aus (@mediaaccessaus) May 26, 2013
- Accessibility Requirements for Internet Browsers: The U.S. Federal Communications Commission (FCC) issues final rule on accessibility requirements for mobile browsers.
- The WPLift Complete Guide to WordPress Password Recovery: Have a site where the admin user has been hacked? Follow these four steps to recover the password.
- Storytelling With WordPress: 3 Unique and Innovative Ideas: Interesting ideas from Nathan on how WordPress could be reinvented to extend the art of storytelling with more interaction and collaboration. Good discussion in the comments.
- The Quickest Way to Create Custom WordPress Queries: Use the WordPress Query Generator to create customized queries in your templates.
- WordPress Nostalgia: How are you celebrating the tenth anniversary of WordPress tomorrow? This roundup of nostalgia posts about WordPress will take you back.
What I Found Interesting
- Google, Verizon and Acer offer Chromebook stations and free WiFi to Oklahoma tornado victims: As it has in the past, Google has stepped forward to offer assistance to those affected by disasters, this time offering free wifi and Chromebook stations in the city of Moore, Oklahoma.
- 7 Tools To Improve The Way You Use Evernote: From transcribing your audio to text to creating study notes for classes, this list of tools will extend how you use the popular note-taking Evernote application that syncs notes between your devices, the web, and your smartphone. I’ve been an Evernote fan since it came out in beta (I was a beta tester).
- HighEdWeb Michigan 2013 Recap: Higher Ed Live: My Storify of the Higher Ed Live recap of last week’s HighEdWeb Michigan conference.