What a whirlwind of a week for me, three conferences, three meetups and the annual Plymouth Fall Festival, complete with it’s classic car show and the sweet-looking 1958 Chevy Corvette in the photo.
This week’s roundup of resources include my notes from the Mobile UX Summit and Accessibility Summit conferences, tools for cleaning up your CSS, an excellent article with case studies of responsive navigation on large websites, information on finding and using images, and more. Hope you find some useful resources for your projects.
Are you ready for the weekend?
There are people making tech who are positive, ambitious, thoughtful, inclusive, curious, empathetic and self-aware. They're going to win.
— Anil Dash (@anildash) September 12, 2013
CSS and HTML
- 10 Terrific Time-Saving CSS Tools: Cleaning up your CSS after making multiple changes over months, or years, is not anyone’s favorite task. You’ve probably heard of CSS Lint and CleanCSS, but there are other tools that can make it easier. Anyone tried Dirty Markup? One person replied in the comments that it caused issues with his CSS3 styles.
- 4 ways to create CSS that’s modular and scalable: In this Creative Bloq CSS tutorial, web designer Steven Bradley gives an overview and discusses the approaches of Object Oriented CSS (OOCSS), Scalable and Modular Architecture for CSS (SMACSS), Don’t Repeat Yourself CSS (DRY CSS), and Block, Element, Modifier (BEM).
- HTML5 Geolocation: This Sitepoint tutorial walks you through checking for browser compatibility, getting the user’s current location, tracking location changes, showing location on Google Maps and includes sample code.
- Responsive Navigation On Complex Websites: Jon Rundle of ResIM walks you through two case studies of implementing responsive navigation, explaining the approach and process for providing a simple-to-use navigation for a health care and higher education site.
- Responsive Design Is Not About Screen Sizes Any More: As we all moved into responsive design, we focused on screen size, forgot to consider performance, and created websites that were bloated in size. Long read, worth it to learn about methods and techniques to improve web performance.
It really doesn’t matter if you optimize or compress an ultra-high-res image, if your plan is to hide it from a mobile user and still make them download it.
- Smashing Conf: Real Life Responsive Design: Luke Wroblewski shares his notes from Andy Hume’s Smashing Conference presentation on working on a large scale responsive design at The Guardian newspaper.
- How to Guide to Responsive Email Design: Great infographic from Litmus on what to consider when creating responsive emails. Learn how to implement media queries and what support is available in mobile email applications.
- Recap: 7 Habits of Highly Effective Media Queries: My notes from Brad Frost’s presentation at this week’s Mobile UX Summit conference.
— Carol Smith (@carologic) September 11, 2013
- What are the best online user experience courses for beginners?: It’s a question I get asked monthly, glad I can point people to this Quora discussion with recommendations from UX author Theresa Neil and others who have created sites or taken online courses through Coursera, Hack Design, Skillshare and more.
- The UX University of Life: This is one of the reasons I love user experience; it’s an opportunity to turn the frustrations we have with a service, product or website into learning experiences and opportunities to find solutions.
- How to Use Assistive Technology to Comply with Section 508: Hosted by HowTo.gov, the website providing customer experience tools and resources for government workers, this free one-hour webinar is for anyone who wants to learn more about accessibility and assistive technology.
— Wiley Koepp (@wileykoepp) September 11, 2013
- Creating an Accessible Infographic: Rather than a static image, Michael Guill of Interactive Accessibility argues for the use of native HTML elements, headings, ordered lists, etc. with CSS for infographics. People using assistive technology benefit, and the content in the infographic can be indexed by search engines, making the information more findable.
- Mika Epstein: Troubleshooting a Hacked Site: In this week’s MeetWP online WordPress Meetup, Mike Epstein shares her troubleshooting tips and shares examples of hacks. Two recommendations: don’t use your real username and password in the wp-config file for database settings and if you’re not using a theme or plugin, delete it. Watch the video or read the interactive notes for more tips.
- Running a Great WordCamp Vancouver 2013: First-time WordCamp organizer Jill Binder talks about the team effort and steps it took to produce WordCamp Vancouver. Key takeaways: helpful former organizers, past event organizing experience, small diverse team, setting deadlines and effective volunteer managemen led to a successful event.
- Embed Facebook Posts on Your WordPress.com Site: If you’ve been wanting to embed your Facebook posts on your WordPress.com blog, the feature was added this week.
- Your Ultimate Guide to Planning a WordCamp: David Bisset, WordPress developer and co-organizer of WordCamp Miami for the past four years, has written a detailed guide on what it takes to organize a WordCamp. Great information, thank you for sharing your insights David.
- Notes and Slides from Jim Luke’s on Amazon S3 and WordPress: Thanks to Metro Detroit WordPress member Jim Luke for his presentation on how to use Amazon S3 with WordPress. And thanks to member Cam Cecchini for taking notes and using Jim’s tips to set up his own Amazon S3 account to host the notes and slides.
What I Found Interesting
- Phonebloks: Who wouldn’t want to have a smart phone that allows you to swap out components, based on your needs? With over 16 million views in the past couple days, it’s obviously caught the attention of many people.
- Finding & Using Images, Lessons Learned (the Hard Way): My friend and librarian Patricia Anderson shares what she’s learned about Creative Common and public domain images. It’s a long read, or you can jump to the end of the article for the recommendations.
- Product teaser of the day: Wireless, computerless and paperless?: I’m intrigued, but wish I knew what it was. Guess I’ll have to wait til next week when Neat launches it’s new scanning product. It looks good, doesn’t it?