Each week I highlight some of my favorite posts and resources in my roundup of web design and development resources for CSS, HTML, responsive design, accessibility, WordPress and user experience.
This week’s collection includes an animation about how CSS triangles work, announcement from W3C about including DRM in HTML5, recommendations for improving mobile user experience, and more. Share how you use the resources in the comments, or post resources you’ve found helpful this week.
How was your week? The high point of my week was attending TEDxDetroit 2013 and hearing the inspiring stories of creatives, business people, non-profits, and yes, an 11-year-old girl who plans to become mayor of Detroit. How could I not be optimistic about Detroit’s future?
Be transparent. Be honest. Succeed. #TEDxDetroit
— TEDxDetroit (@TEDxDetroit) October 2, 2013
CSS and HTML
- Animation of How CSS Triangles Work: Learn how CSS triangles work in this short animation from Chris Coyier.
The root of the trick is that borders on elements meet each other at angles.
- Lowering Your Standards: DRM and the Future of the W3C: To the dismay of the Electronic Frontier Foundation and many web professionals, the World Wide Web Consortium (W3C) is moving forward with including Digital Rights Management (DRM) in HTML5.
- Responsive Web Design Primer:
- Design-based Media Queries: Rachel McCollin explains why using device dimensions to determine breakpoints for your responsive design doesn’t work.
— enderFP (@enderFP) September 30, 2013
- Top Tools for Testing Your Responsive Site: Originally published on .net Magazine, this helpful article was republished on Creative Bloq this week. Well worth bookmarking for the great resources BBC News technical leads John Cleveley and Tom Maslen used in their work projects.
- 6 Mobile Checkout Usability Considerations: What I liked best was the recommendation to use the size of a business card as a guide as you design for the mobile screen; remember that half the screen real estate will be taken up by the keyboard.
- 10 simple tips for improving mobile form UX: Make mobile ecommerce easier for your customers by aligning labels vertically, using large fields, avoiding optional fields, and simplifying the design.
— Caroline Jarrett (@cjforms) October 1, 2013
- death to innovation: Russell Davies shares his unbelievable story of trying to get online help. His recommendation to companies: rather than spending money on new marketing campaigns and communication solutions, focus on the basics.
- Mobile Accessibility Task Force – Seeking Participation: The W3C Web Accessibility Initiative is looking for volunteers to join the Mobile Accessibility Task Force. Are you interested?
— Sveta ☀️ Света (@svknyc) October 1, 2013
- Accessing Higher Ground: Registration for the 16th Annual Accessing Higher Ground conference is open. Excellent conference. I attended the virtual event last year, along with several other staff members from my college and published my session notes and Storify on Joe Dolson’s WordPress accessibility presentation.
- Connect WordPress Sites to Your Gravatar Profile: With a new redesign, it’s easy to display your WordPress.com and Jetpack-connected sites on your Gravatar profile.
- A Guide to the WordPress Theme Customizer: Sections, Settings, and Controls: In Part 3 in the theme customizer series, Tom McFarlin walks you through the three components of the theme customizer, explaining how to use your own settings in existing sections, create new sections, and use some of the built-in controls.
- Connecting GatherContent to WordPress: Are you a GatherContent user, but frustrated with having to copy and paste from Word? No more; Gather Content’s integration with WordPress allows you to quickly import content from your GatherContent projects into your WordPress site.
- What New Features are Coming in WordPress 3.7?: Scheduled for release in less than two weeks, the 3.7 version is focused on security and stability of the WordPress core. What I’m looking forward to are automatic updates for minor releases without user intervention (example: updating from 3.7.1 to 3.7.2) and the inline documentation for hooks. Try out the beta version on a test site by downloading and installing the plugin.
What I Found Interesting
- Wireless Networking Simplified: The Terms You Should Know: Access points, wireless routers, ad hoc networks, do those terms makes sense to you?
- Google debuts Chrome 31 beta with Web payments, portable native code, and application shortcuts for Android: The next Chrome version, expected to be released in November 2013, has a feature users may find helpful: web payments will be available on Android, Windows and Chrome OS. The Mac version is expected in a future version.
- Ultimate Mentor Adventure for Girls in STEM: MARVEL is offering a really nice opportunity for young women in high school interested in science, technology, engineering or math (STEM). Young women can apply for a mentor adventure that connects them with mentors working in the field they’re interested in. The young women interview their mentor, make a video, submit the video to the contest. The winner gets to attend the opening of Thor: The Dark World in Los Angeles.