Hard to believe I’ve been back from my Colorado trip for two weeks, it seems like I was just there yesterday. Hope you’re enjoying your summer vacations.
This week’s resources include the relaunch of CSS Zen Garden with a new responsive design, a collection of case studies from logos to complete site overhauls, an online WordPress meetup, and more. Which resource will you use in your projects?
CSS and HTML
- CSS Tip: A Better Clearfix with Sass: In Sass, there are several clearing fix methods, but Guil Hernandez says using the
@extenddirective is best for maintainability and efficiency. Your thoughts?
- CSS Zen Garden: It’s back! CSS Zen Garden launched this week with a new responsive design.
- The Future of Sass: What has you more excited, sourcemaps or the improved
if()function? Or something else?
- Troubleshooting CSS: Hugo Giraudel shares tips for managing some of the more troublesome CSS issues including float clearing, inline block spacing, absolute positioning, z-index and margin collapsing.
- Responsive Design: Create Fluid YouTube and Vimeo Content: I was happy to find this solution from Dudley Storey, the author of Pro CSS3 Animation, for managing videos. Be sure to check out Storey’s companion post for how to force the video to play in HD.
- ‘Reasons to be Responsive’ workshop report: Thanks to Dom Barnfather for his recap of Brad Frost’s recent workshop. Great insights and one key takeaway that resonated with me:
…even people who are ‘experts’ on responsive design, are still learning as they go along.
- Foundation 4.3: Paving the Road to 5: The newest version of Foundation is out, with animations in Orbit, form validation, and new grid features.
- 52 Question Checklist for Responsive Web Design Projects: If you haven’t created your own responsive design project checklist, use this one. Or use it as a template to create your own checklist.
- How to Design Your Content Strategy in 12 Steps: Helpful tips from CMSWire on developing your content strategy. Tip number one is critical.
- 108 Years of Herman Miller (in 108 Seconds): Lovely video celebrating the launch of WHY.
- 20 Resources for Evaluating Website Navigation: Excellent collection of web navigation resources from Jeff Sauro of Measuring Usability.
- In 20 Years, We’re All Going to Realize this Apple Ad is Nuts: When I first saw the new Apple ad, I didn’t get it. Lots of lovely personal events that seemed to be interrupted by digital devices. Glad to see someone else agrees.
- How We Built It: Case Studies: From logos to workflow to website designs, read these case studies to discover how fellow designers made decisions, overcame challenges and learned from successes as well as failures.
- A11yBuzz Needs You: Can you contribute? A11yBuzz, a collection of accessibility resources developed by accessibility professional Karl Groves, is looking for help with development and coding.
— Marco Zehe (@MarcoInEnglish) July 18, 2013
- The Secret Powers Hidden in Your iPhone’s Accessibility Options: Did you know you can have any text read out loud with VoiceOver or SpeakSelection? Or that you can enable custom gestures with Assistive Touch?
- Firefox OS screen reader sneak peak: Learn what Firefox is doing to make Firefox OS accessible to blind and visually impaired speakers.
- WordPress 3.6 Release Candidate: The first 3.6 release candidate is out. Help test it out, report issues in the alpha/beta area in the support forums. And remember the release candidate is not primetime yet; don’t use it on a production site.
- How to Add Google Fonts to Your WordPress Themes: You’re probably aware of how to add Google Fonts to your theme, but did you know you can add fonts at the post level? This post shares good font and typography resources beyond the unofficial WP Google Fonts plugin.
- Create a Shortcode to List Posts With Multiple Parameters: For intermediate WordPress developers, this tutorial from Rachel McCollin shows you how to add a custom post listing to an existing static page.
- MeetWP: Have you wanted to attend WordPress meetups, but there aren’t any in your area? Or are they held at a time you can’t attend? Check out MeetWP, an online WordPress meetup held twice a month. There’s a meeting this Thursday, July 25.
What I Found Interesting
- Awesomesauce: Turn Chrome Developer Tools into an IDE: Wow. This looks amazing. Imagine no longer having to switch between the browser and your favorite text editor. And for Sublime Text 2 users, you can customize Chrome to look like Sublime Text 2.
- The Web Designers Cheat Sheets: Helpful tips and apps for the web developer, including several apps I use, though I’ve never used Emmet. Have you?
- Gmail’s compose window now has a full-screen option, and a switch to set it as the default: I am so looking forward to this new feature. When the new Gmail compose window came out last fall, I found it frustrating to use. Glad to hear Google listened to their users.