In this week’s roundup of web design and development resources, you’ll learn about the beta Learning Design System launched this week, find out what to consider when outsourcing video accessibility, discover a great toolbox for the WordPress developer, and more.
If you’re new to my blog, each Friday I publish a post with my favorite resources for user experience, accessibility, WordPress, CSS, and HTML I’ve read in the past week.
Want more resources like these on a daily basis? Follow me @redcrew on Twitter.
This week’s photo is Roger Federer, who I saw playing last week at the Western and Southern Open tennis tournament in Cincinnati. Federer went on to win the men’s singles championship for the seventh time. Go Roger!
Tweet of the Week
We don’t disable JS just to test how a site works with JS disabled.
We do it to test how a site works in non-ideal net/browsing conditions.
— Scott Jehl (@scottjehl) August 25, 2015
- Lightning Design System: Six months ago, Salesforce began work documenting their new design language for a scalable CSS framework. The beta version of their Lightning Design System launched this week, with a how-to manual for creating apps. Well done! And it’s available for download.
- Mo’ Tools, Mo’ Problems: A better tool doesn’t make you a better designer. The time you spend learning a new tool is time away from practicing design.
As a designer you should be trying to put stakeholders at the center of your design work/process, not trying keep them on the fringes.
— A-A-Ron (@aaroni) August 26, 2015
- Why the Confirm Password Field Must Die: Rather than use a confirm password field, give users control over their password input with an unmask password option in the password field.
- What’s Holding You Back from Doing UX Design Remotely: It is possible to do good UX work remotely, but you’ll need to do your homework first to ensure the right tools and systems are in place.
- Practical Approaches For Designing Accessible Websites: The new ebook from Smashing Magazine shows you how to design accessible websites, with chapters written by Henny Swan, Marcy Sutton, Scott O’Hara and others.
- Outsourcing video accessibility—the 5 key questions: Before you contract with an outside source to make your videos accessible, you’ll want to consider what rules and standards to follow as well as how to manage the work.
I am genuinely offended by any website enhancement technique that assumes its value to some users is worth denying accessibility to others.
— Scott Jehl (@scottjehl) August 25, 2015
- DOJ Puts Pressure on Schools and Ed Techs to Provide Accessible Educational Technology: The United States Department of Justice continues to pressure schools and technology providers to comply with the Americans With Disabilities Act to ensure schools provide all students with
equal access to educational services.The latest case against a university didn’t reach an agreement, and has been returned to district court in Ohio for litigation.
When you work to make your site accessible, it’s ok if it’s not perfect. It probably never will be. every little bit helps.
— Andrew Woods (@awoods) August 24, 2015
- Toolbox of the Smart WordPress Developer: Series Finale: Last post in the series, and I’m sad to see it finish. You’ll find a short writeup on all the posts in this summer series focusing on the plugins, libraries, websites, and apps that make it easier to develop with WordPress.
- Forks and Copies: What’s the difference between forks and copies of plugins? Mika Epstein explains you need to make changes, add features, fix, clean up the plugin to the point that it’s different from the original.
- Do You Use WordPress? Take the 2015 WordPress Survey: It’s that time again. If you use WordPress as a user, designer, developer, or at your business, fill out the annual survey. It’s quick, only takes about five to eight minutes to complete. Results will be announced in December at WordCamp US.
- Transformed by WordPress: My friend Michelle Schulp shares how WordPress has changed her life and career in this week’s HeroPress essay.
- The Year of the WordPress Accessibility Team: Wonderful to see Andrea Fercia and Rian Rietveld highlighted in the credits for the recent 4.3 release. And don’t forget about the work of Joe Dolson and others on the accessibility team who are actively involved in making WordPress accessible to everyone.
- Responsive Images 101, Part 9: Image Breakpoints: In the ninth post in his responsive images series, Jason Grigsby discusses the challenges of image breakpoints, options (sounds like a lot of manual work to me), and what he sees for the future (I agree, but wonder how it will be implemented).
Responsive design enables you to provide your subscribers with a great email experience in all environments pic.twitter.com/pGuoc49Ecu
— Litmus (@litmusapp) August 26, 2015
- The Specialest of Very Special Episodes: Has it been a year already? Time flies! Congrats to the Responsive Web Design Podcast on their one-year anniversary!
- Thinking Responsively: A Framework for Future Learning: A framework focused on our approach, one which is based on a set of underlying design principles, is what Paul Robert Lloyd recommends for responsive design:
If we want to build a web that is truly universal, then we must embrace its unpredictable nature.
- Responsive Images with srcset & imgix: Rather than dealing with responsive images manually, imgix with
srcsetoffers you the option to have a third party external service manage generating the derivative images.
CSS and HTML
- How alignment and hyphenation improve your text’s impact: If you’re not liking right-jagged margins in your text blocks, check out how hyphenation can be used to improve the look.
- CSS Properties to Control Web Typography: Who knew there were so many CSS properties for managing web typography? The
capitalizeproperties look useful; I wish browsers had consistent rendering support for them.
Time taken to add 1-2 CSS prefixes is way, way, way faster than the time required to add the build tools to automate it /ht @patrick_h_lauke
— @rem (@rem) August 26, 2015
- In Other Words: Using the blockquote, cite and q elements: Did you know
citeis both an attribute and a tag in HTML? It can be used to reference a work (book, movie, TV show, software application). Additionally, it can be used with microdata. But it’s no longer used for the name of a person (I’m guilty of that on this blog. Will be corrected for future posts).
What I Found Interesting
- Organising your Google Analytics Account(s) – Give it a spring clean: Picked up a new Google Analytics account you’ve never worked with before? Here’s some steps to take to give it a spring cleaning.
- 3 Tips For Getting Started With Content Marketing: Key to any content marketing: listening to your customers.
- Doubling Down on Design Tools—at Adobe: Whoa. Khoi Vinh, former design director for the New York Times, joins Adobe as a designer and member of the community.
- Which editor to choose?: Back in the mid-1990’s I started with Notepad as my editor of choice for writing code. Now we have dozens of choices. You’ll find no answer in this post as to which editor is best, but you will find an analysis of the pros and cons of Sublime, Atom , Brackets, and Visual Studio Code.