In this week’s web design and development news roundup, you’ll find a new resource for all things design, learn about a big win for web accessibility, discover what HTML form input types to use (and which ones to avoid), and more.
If you’re new to my blog, each Friday I publish a post highlighting my favorite user experience, accessibility, WordPress, CSS, and HTML posts I’ve read in the past week.
Hope you find the resources helpful in your work or projects!
Want more resources like these on a daily basis? Follow me @redcrew on Twitter.
Tweet of the Week
At CCD, we
– use design to make government better
– research to solve real world problems
– work in the open
– raise the design IQ of our partners
— Center for Civic Design (@civicdesign) January 17, 2019
- Announced this week, the new evernote.design is a treasure trove of resources for every user experience professional, with a one-stop shop for mockup tools, user interface resources, wireframing tools, design books, design inspiration and more.
- Amy Everett’s five tips for improving your observational research approach will help you gain valuable insights into the problems you’re trying to solve.
- The design world was abuzz this week when Slack announced their new logo. Whether you love it or hate it, learn why Slack chose to evolve their logo with a more cohesive look.
- When your clients or stakeholders ask you to personalize the service or product, it’s critical to understand exactly what they mean. As the user experience professional, you’ll need to decide which personalization tactic best fits your audience and what value it brings to your audience.
- In this week’s podcast, Changing the Disability Design Narrative, UX Cake talks with Liz Jackson about designing with disability, and not for disability.
- From an accessibility perspective, Amy-Charlotte Devitz found the 2019 Society for Integrative and Comparative Biology conference was a success. Though several things could be improved, she was impressed with the many ways the event planners considered accessibility in their event planning.
- It was a big win for web accessibility in Domino’s pizza case when the U.S. Ninth Circuit Court of Appeals ruled that the Americans with Disabilities Act applies to websites and web applications.
The statute applies to the services of a place of
public accommodation, not services in a place of public accommodation.
- Trying to wrap my mind around all the Accessible Rich Internet Application (ARIA) roles and their requirements is a lot easier, thanks to Amy Carney’s cheatsheet. Find it in Day 45: More ARIA Roles Requirements of her 100 Days of Accessibility journey.
- In their step-by-step tutorial, WP Beginner explains how to get a free SSL certificate for your WordPress website.
- Announced this week, Newspack by WordPress.com is a new initiative aimed at small and medium-sized news organizations, providing a technology and support platform for news organizations to build and manage their business.
- Can’t emphasis how much help the new white screen of death prevention feature will be when WordPress 5.1 is released in February 2019. No more contacting your web host and logging into FTP (File Transfer Protocol)!
- The timeline for the WordPress 5.0 user documentation guide has been announced, with the first edition available February 5, 2019. Two months after version 5.0 was released. I’ve said it before, I’ll say it again: what was so critical that WordPress 5.0 had to be released in December 2018, without user documentation? ¯\_(ツ)_/¯
- This is one handy feature for people who are using the new Block editor: save your custom content blocks and export them to other WordPress sites.
CSS and HTML
- Ever wanted to render code in a demo window on your own blog or website? And you’d rather manage your code demo through the code on your site, and not a saved pen on CodePen? You’ll be happy with CodePen’s announcement introducing Prefill embeds.
- Talking about print stylesheets, you can use
@media printwith generated content to provide a QR code for the page URL you want to print out. I didn’t know that, but I do now after reading Jeremy Keith’s explanation about how to do it.
- The new Inspect Element Tooltip in Chrome Dev Tools showcases CSS properties like color, font, background, margin, padding and computed contrast ratio. Currently available in Canary version 73.
- I liked how @harveybar’s reply to Roger Johansson’s question about image alternative text and image captions. It’s always been a challenge to understand the difference.
i’d say not. alt text describes the contents of the image, as a replacement; captions OTOH can be used to enhance the image, explain why it was chosen, or drive a point home. but an image-less caption, without alt text, would feel awkward/missing.
— harveybars (@hrvbrs) January 18, 2019
- Did you know there’s a
type="url"for form input? When HTML5 introduced 13 new form input types, web developers and designers were overjoyed. Find out where HTML5 input types are now and which ones you can safely use.
What I Found Interesting
- If you’re a novelist looking for writing advice, it doesn’t get any better than this 70th birthday tribute to Haruki Murakami by Emily Temple.
In every interview I’m asked what’s the most important quality a novelist has to have. It’s pretty obvious: talent.
- While the Google Webmaster blog couldn’t prevent comment spam on their own blog, I disagree with Barry Schwartz’s recommendation to not enable blog comments. He raises a good point about spam and time spent monitoring comments, but I still believe blog comments are worthwhile.
- Imagine the Internet without Google, Facebook, Twitter, or BBC News. That’s what online life is like in China. But it’s not an issue; people in China have hundreds of options for apps, games, and online services.
If you like what you’ve read today, share the post with your colleagues and friends.
Want to make sure you don’t miss out on updates? Subscribe to get notified when new posts are published.
Did I miss some resources you found this week? I’d love to see them! Post them in the comments below.