Every week I post a roundup of new web development and design resources I’ve learned about from the blogs I read and the people I follow on Twitter.
This week’s roundup of resources highlights the recent W3C draft of the CSS Shapes Module, presentation and notes from last week’s UX Thursday: Detroit event, WordPress 3.5.2 maintenance and security release, and more. Which resources did you find most helpful? Share your thoughts in the comments.
Our browser wars, rapid growth, lack of best practice and interop, fractured techniques and bad UX have made us all shoe-less cobblers.
— This Miss Molly (@mholzschlag) June 23, 2013
CSS and HTML
- The CSS Shapes Module will Revolutionize Web Design: Whoa. This will be a huge change in how pages and apps are designed. The W3C recently introduced the draft of the CSS Shapes Module, which allows web developers and designers to create true polygonal shapes: triangles, hexagons, circles, ellipses, stars, whatever shape you want. Imagine not being restricted to working with rectangles on pages.
- What the Heck Is CSS Specificity?: While certain rules always apply to CSS specificity, testing is key to some curious CSS results, as Joshua Johnson discovered in this DesignShack post. Check the comments for links to other unusual CSS specificity results.
- Developing With Sass and Chrome DevTools: Create a better Sass workflow by reviewing and modifying Sass resources with ChromeDevTools, using the Settings and Sources panels.
- CSS3 Regions–How It Works [Web Design]: CSS3 regions allow content to flow into specified regions on a page. They’re not currently supported in all modern browsers, with only Chrome and Internet Explorer support, with a prefix.
- Free Responsive HTML5 Templates: In this collection from Speckyboy, you’ll find HTML5 responsive templates built on HTML5/CSS as well as the Twitter Bootstrap framework.
- Now Is The Time: Why the Web Is Ready for Responsive Web Design: Developing a responsive web design avoids issues with fragmented ecosystems and supporting multiple platforms while offering a unified approach with a single code base.
No no no. The main reason to go responsive is NOT the simplicity of maintaining a single website. The no.1 reason is your Customer.
— Rich H Wand (@Wandster) June 19, 2013
- Working around a lack of element queries: Since CSS3 media queries don’t currently offer a way to make content respond to a container dimensions, the Filament Group developed different strategies, but is still seeking a better solution. Good discussion in the comments.
- UX Thursday–Detroit: Presentation slides and audio recording (thanks Dan!) from Dan Klyn’s “Determining What Good Means with Performance Continuums”presentation at UX Thursday: Detroit.
- Beyond the Content Audit: Content audits don’t fix the content issue, but lead you to ask questions about how content is managed. Ask questions during the audit, follow up, and develop a content strategy.
- Putting the U in UX: users and understanding: Sandi Wassmer segments personas in terms of digital usage, from digital natives through digital abstainers.
- Draft BBC Mobile Accessibility Standards and Guidelines: The BBC publishes their first mobile accessibility standards and guidelines draft, the result of 18 months of work and research to improve the accessibility of mobile websites and native apps.
— Sina Bahram (@SinaBahram) June 20, 2013
- Deafblind Awareness Week is June 23–29: If you weren’t aware, in 1984 President Ronald Reagan designated the last week of June as Deafblind Awareness week. Check out these resources from VisionAware, including videos, blog posts and articles.
- New features for TalkBack users in Firefox for Android 24: Android continues to improve TalkBack as the Android 24 version includes BrailleBack, default reading order, new text editing, popup announcements, and more.
- WordPress 3.5.2 Maintenance and Security Release: Last week&rsquo’s 3.5.2 version release fixes 12 bugs, several security issues, and hardens WordPress security. Upgrade now.
- The WordPress.com Dashboard Gets a Beautiful Makeover: The new dashboard focuses on content and sports a responsive design with flat icons and the Open Sans typeface.
- The Great Expectations of Modifying WordPress Themes: How do you balance developers working with LESS and JSLint to produce minified code with users needs to customize a theme? Check out Tom McFarlin’s thoughts.
What I Found Interesting
- Email Templates For Web Designers And Developers (PDF, ODT, TXT): You might already have a set of boilerplate replies for your web projects, but if you don’t, check out these templates for replying to clients, team members and managers.
- 10 Ways to Modify a Selection in Photoshop: PSD Tuts does a great job walking you through the different methods for modifying selections, with both video and written instructions.
- Top 10 Ways to Deal With a Slow Internet Connection: Good resource for improving your Internet connection. For me, it’s almost always due to running too many applications.