Weekly Roundup of Web Design and Development Resources: January 22, 2016

first_imgHow to use the Button Element to improve Accessibility: I love how Rachel describes when to use a button and when to use a link: buttons are for actions, links are for destinations.Google Accessibility: Want to learn about the accessibility of Google Docs? Or what screen readers work with Gmail? Check out the Google Accessibility page. Testing: Screen reader testing isn’t a form of browser testing, says Jeremy Keith. Think of it as usability testing. If you want to ensure your site works with screen readers, ask someone who uses a screen reader daily (and someone not involved in the design) to test it. WordPressWordPress Testimonials: Share Your Story: Share what you love about WordPress in a blog post, share the link on Twitter with the #ilovewp hashtag, and your tweet may be featured on the WordPress testimonials page! Jetpack 3.9 Introduces New Sitemaps Module: This week’s release of Jetpack 3.9 includes the new Sitemaps module, which automatically creates a generic sitemap as well as a news sitemap (for sites that meet Google’s guidelines for news sites). In addition, Jetpack 3.9 includes a new Skype sharing button and a Social Menu feature. Usability testing is proof that humans do not possess mental telepathy.— Dana Chisnell (@danachis) January 21, 2016 Confession: The slow progress of #SVG animation capabilities in #CSS really makes me miss SMIL sometimes & wish it weren’t being deprecated.— Sara Soueidan (@SaraSoueidan) January 20, 2016 How to Create and Customize a WordPress Child Theme: Nick Schäferhoff explains the advantages of child themes, when to use them, how to set up a child theme with clear explanations of terms used in the style sheet header, what to include in functions.php, working with template files, and more. Our Next WordPress Game Changer is Coming: Announced this week by iThemes, Stash Live is a new real-time backup feature that makes automated daily backups in iThemes BackupBuddy plugin. CSS and HTMLHTML Tidy: It’s back! I remember using HTML Tidy years ago to clean up my HTML markup errors, long before the outbreak of all the various frameworks. One of my favorites tools!The woes of date input: Reading Ian Devlin’s post opened my eyes to all the different attributes the HTML5 date input type has. Which is impressive, until Devlin points out the lack of browser support for attributes and issues with datepickers for desktop browsers.CSS Specificity is Base-Infinite: Do you get confused with CSS specificity? A better way to understand (and write) CSS is to separate it with commas; a number in the higher column will outrank any number below it. Make Design Decisions with a Purpose: Use user experience research to make design decisions with a purpose and stay focused on the end user.Using Automated Testing Tools to Empower Your User Research: Sponsored by UserZoom and UXPA, the Jan 25, 2016 webinar will provide tips for when to use moderated vs. unmoderated testing as well as best practices for recruitment, screening, and online panels.AccessibilityAccessibility is a Process, Not a Project: I think one of the hardest things for web professionals to understand is that accessibility is part of the process.Keeping accessibility within the testing phase traps it as a project problem. Showing the alternative text while images are loading: Did you know Firefox is the only browser that displays alternative text while images are loading? What I Found InterestingDon’t Tell Me What My Browser Can’t Do:If you’re creating sites or apps that tell users they can’t access content because their browser doesn’t support a certain technology, you’re doing things wrong, says Christian Heilmann. Any message telling the user that they have to turn on JavaScript to use a certain product is a proof that you care more about your developer convenience than your users. Google’s new algorithm will make Chrome run much faster: Coming soon to a Chrome browser near you, the new Brotli compression algorithm claims to compress data up to 26 percent faster than the current compression engine. Personally, I can’t wait to see how must faster Chrome will run. 4 Free Tools for Taking Screenshots: I wanted a screen capture tool that was free, browser-based, worked across multiple operating systems, and had annotation options. Here’s what I found. In this week’s roundup, you’ll find a list of user experience resources for beginners, learn why accessibility is a process, discover what new features are included in the latest Jetpack 3.9 release, and more. If you’re new to my blog, each Friday I publish a post with some of my favorite resources I’ve read in the past week about user experience, accessibility, WordPress, CSS, and HTML.Hope you find the resources helpful in your projects!Want more resources like these on a daily basis? Follow me @redcrew on Twitter.Tweet of the WeekConstantly reminding myself that design is a means of solving a problem not the solution itself. #ux— matthew (@ux_etiquette) January 22, 2016User ExperienceBy turning medical scans into adventures, GE eases children’s fears: Imagine you’re a child being fed into a large machine, and being told you can’t move for 10 minutes or longer. I’m not sure an adult can do that. What a terrifying experience! GE Healthcare designers recognized the issue, and came up with the idea of the Adventure Series to keep children engaged and entertained. UX Resources for Beginners: Thanks to Jessica Ivins for compiling this list of articles, podcasts, videos, books, and online courses for beginners new to UX design. If you like what you read today, share this 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. Share this:Click to share on Twitter (Opens in new window)Click to share on Facebook (Opens in new window)Click to print (Opens in new window)Like this:Like Loading…RelatedWeekly Roundup of Web Design and Development News: June 16, 2017In this week’s web design and development resources roundup, you’ll learn what Alan Cooper has to say about conversational interfaces, find out how to navigate a website with a keyboard, discover how to use fr in CSS Grid, and more. If you’re new to my blog, each Friday I publish…In “Web design & development links”Weekly Roundup of Web Design and Development News: January 20, 2017In this week’s web design and development resources roundup, you’ll learn how to avoid UX burnout, find out about the publication of the Section 508 Refresh, discover why the grid won’t solve all your layout issues, and more. If you’re new to my blog, each Friday I publish a post…In “Web design & development links”Weekly Roundup of Web Design and Development Resources: October 28, 2016In this week’s web design and development resources roundup, you’ll learn how to improve user experience with micro-interactions, find a six-point checklist for creating accessible videos, discover some spooky CSS, and more. If you’re new to my blog, each Friday I publish a post highlighting my favorite user experience, accessibility,…In “Web design & development links”last_img read more

How Twitter Led to a YouTube Series Getting Captioned and Translated into 16+ Languages

first_imgIt all started when I read the tweet from Troy Hunt (known for the Have I Been Pwned website) announcing his new video series on setting up HTTPS.Just flagged all the videos on https://t.co/vyx7XUF5tT as Creative Commons – enjoy! https://t.co/4b0kIbr7Ms— Troy Hunt (@troyhunt) June 28, 2018In four short videos (around five minutes each), Hunt explains how you can add an SSL certificate to your website for free, using Cloudflare. Here’s the first video in the series:What Happened NextI watched all four of the HTTPS is Easy videos. They’re straightforward and Hunt’s explanations with screenshots makes it easy to understand what steps you need to take to add HTTPS to your site using Cloudflare.Kudos to Hunt on publishing the videos, especially since he made them Creative Commons licensed.I replied back to him on Twitter, thanking him for the helpful short videos. Excellent! Thank you for these videos, Troy. I noticed captions haven’t been added to the videos, and autocaptions, are, um, not the best. If you turn on community contributions, I’d be happy to add captions to the videos. Here’s how https://t.co/DKi9hCxy15— Deborah Edwards-Onoro (@redcrew) June 30, 2018Hunt was open to the idea of getting the videos captioned.He quickly enabled the option for community contributions for all the videos.Let’s Add Captions!I began work on creating the English captions for the first video. Overall, not a difficult task since it was a short video. In addition, Hunt spoke clearly and slowly, making my job easier. I submitted my captions for approval (all video owners authorize adding community contributed captions and translations).YouTube message confirming community caption contributionAfter he approved and published the captions for the first video, I started work on adding English captions to the second video in the four-part series.Big shout-out to @redcrew who has gone and made a community contribution of captions to the first video in the HTTPS Is Easy series. I’ve just published her contribution, I hope it makes HTTPS more accessible than ever! https://t.co/lrQerPx3jZ— Troy Hunt (@troyhunt) July 4, 2018And that’s when the idea of community contributions for captions and translations took off. The Community Gets InvolvedPeople throughout the Twitter community jumped in to offer their help to translate the captions to other languages.I just submitted a Swedish translation for review of the first video. Will continue working on the others asap.— Ludwig Johnson (@ludwig_johnson) July 9, 2018Started working on the Dutch translations last week, had to take the weekend off but I’ll finish them (first video) today.— Tom Udding (@tomudding) July 9, 2018Do you have a Spanish Translation? I can translate to Spanish if you want.— Daniel Beato López (@dbeato) July 10, 2018I’ve just submitted Indonesian for review. I use @AmaraSubs to meet subtitle standardization, words count per line for easy reading— Dwi (@_dwirianto) July 9, 2018Adding french captions ATM 🙂— Calan (@Calan94) July 10, 2018Ludwig Johnson, who added the Swedish captions for the first and second videos I captioned in English, noticed that the third and fourth videos didn’t have English captions yet. So he added them. Finished part 2 for Swedish as well. However, as I was going for part 3, there was no English CC. So I decided to make one. And one for part 4 as well. I hope it will help to make this great series of videos available in even more languages!— Ludwig Johnson (@ludwig_johnson) July 9, 2018It was so cool to read on Twitter how Hunt appreciated everyone’s help!And how he encouraged others to contribute.So impressed with the efforts of the community, we now have closed captions on my “HTTPS Is Easy” series in English, Dutch, German, Norwegian, Finnish, Italian, Czech, Polish and Indonesian. Sensational effort! https://t.co/NEnVyhx4Yb— Troy Hunt (@troyhunt) July 10, 2018You might be wondering why HTTPS on your website is important. Read on. Why You Should Care about HTTPSA secure connection using HTTPS helps protect website visitors from content spoofing and content injection. In others words, using HTTPS on your website is making the web safer for everyone.With Chrome 68 planned for release this month (July 2018), all websites that don’t use an HTTPS connection will display a warning in the browser that the connection is not secure. Website owners who haven’t already taken the steps to add and configure an SSL certificate for their site are now faced with making their site secure.And they need to do it quickly, before their site displays with the “not safe“ message in the browser address bar. Thanks for the HelpHunt’s videos on getting HTTPS set up on a website are timely and exactly what many website owners need. What fun to kick off getting captions and translations rolling on such a useful video series! Oooh, so glad to see all the other languages. And I see someone has already added captions for part 3 and 4. Glad to have been a part of this and to get it started!— Deborah Edwards-Onoro (@redcrew) July 12, 2018Hunt sent me a thank you for my help in getting it all started. Yep, you rock, thanks for kicking it off!— Troy Hunt (@troyhunt) July 12, 2018My pleasure! I was happy to help others learn how they can make community contributions to YouTube videos.Share this:Click to share on Twitter (Opens in new window)Click to share on Facebook (Opens in new window)Click to print (Opens in new window)Like this:Like Loading…RelatedSeptember 28, 2018 Weekly Roundup of Web Design and Development NewsIn this week’s web design and development news roundup, you’ll learn about the user experience of personal banking websites, find a link contrast checker tool, discover reusable transferable templates in Gutenberg, and more. If you’re new to my blog, each Friday I publish a post highlighting my favorite user experience,…In “Web design & development links”10 Ways to Improve Accessibility on Websites and Social MediaWhen I chatted about accessibility with other attendees at WordCamp Denver 2018 this weekend, I shared some of my tips and blog posts on how they could improve accessibility on their websites. After one conversation, they thanked me for the recommendations, and asked if I had a summary post that…In “Accessibility”How You Can Allow Other People to Add Captions to Your YouTube VideosIn July 2018, I wrote about how my one tweet led to Troy Hunt’s YouTube HTTPS series getting translated into 16+ languages. I kicked off getting the series captioned by asking Hunt to enable YouTube community contributions. Once he turned contributions on, I added English captions to the first two…In “Accessibility”last_img read more