If you’re new to my blog, each week I publish a collection of some of my favorite web development and design news, articles and tweets I’ve discovered in the past week.
In this week’s roundup, you’ll learn about scroll highjacking, find out about the improved search feature in the just released WordPress 3.7 version, discover the potential of CSS shapes through a web adaptation of the Alice and Wonderland story, and more.
You’ll notice this week’s roundup is a day late. I attended the Midwest UX conference last week, which meant this week was a bit busier than normal as I tried to catch up on projects.
— Michelle Schulp 💯🦄 (@marktimemedia) October 26, 2013
- Scroll Hijacking: Trent Walton’s post about hijacking the scroll rate from users has garnered a lot of comments (over 40 as of this morning). It’s not a behavior I like either; it takes away control from the user and changes the expected behavior of the operating system. Your thoughts?
— Keith Instone (@keithinstone) October 19, 2013
- Designing For Usability: 3 Key Principles: These three principles stand the test of time: early focus on users and tasks, iterative design, and empirical measurement. Use them to create better experiences for your users, says Jeff Parks of Measuring Usability.
- Web Accessibility: One Million Steps: Boosting Access Awareness, One Website at a Time: Improving website (and web apps) accessibility takes time and education, just as it did when designers and developers learned web standards. Love that this article provides background (but no link?) to AbilityNet’s My Computer, My Way online resource site, which explains how you can use the accessibility features in many operating systems.
My life would be a lot easier if, "Is it accessible?" were actually a yes/no question. #a11y
— Sarah Bourne (@sarahebourne) October 23, 2013
- Website Accessibility Competition Kicks Off: The 16th annual Accessibility Internet Rally (AIR) web competition, a community hackathon, kicked off this week in Austin. Teams of web professionals around the world will work with nonprofits to create accessible websites.
#wcbos talk on responsive design, especially: “If it’s not important to a 3" screen, what value does it have at 13"?”
— Codeinwp (@codeinwp) October 26, 2013
- Breaking Development: Atomic Design: Notes by Luke Wroblewski of Brad Frost’s Atomic Design presentation at the Breaking Development conference which highlighted the benefits of design systems on the Web and shared tools to quickly get started with responsive design.
- 320, 480, 640, 720, 768, 960, 1024… NO: Slides from Christopher Cochran’s presentation at WordCamp Boston today on focusing on designing for content, rather than devices.
- WordPress 3.7 “Basie”: Wonderful news, the latest version of WordPress was released late this week! Several new features, but I’m personally thrilled about the improved search feature, how about you?
Importantly, search results will now be ordered by relevance rather than date! That alone dramatically boosts the quality of the search experience.
- Why WordPress 3.7 Could Be the Best Update in a Long Time: With the large number of features and the quickest turnaround for any WordPress version, Tom Ewer argues that the 3.7 version is the biggest update in a long time. Do you agree?
- WordCamp Boston Beginner Workshop: Thank you Al Davis for posting your slides from your workshop at this week’s WordCamp Boston.
- WordPress is One Of the Best Decisions You Can Make: Eric Mann, a really nice person and WordPress core developer I met earlier this year at WordCamp Phoenix, responds to a Long Beach Post article that WordPress is a bad business decision.
I'm definitely checking out Jetpack's Photon CDN (free!) as an adaptive images solution. #wcbos
— Adam Walter (@adamwalter) October 26, 2013
CSS and HTML
- Using CSS Shapes to Enhance Visual Storytelling: The potential of CSS shapes is amazing as you can see in this demo adapting the story of Alice in Wonderland by Lewis Carroll for the web. Watch the video to see how the content travels down the rabbit hole.
- CSS3 Inheritance Tips and Tricks: Are you using :inherit, :unset or
:initialin your CSS3?
- HTML5 app smackdown: Which tool is best?: Quick review of the strengths and weaknesses of four HTML5 app tools, including Adobe Edge Animate CC, Tumult Hype 2, Sencha Animator 1.5 and Google Web Designer. Do you have a favorite?
What I Found Interesting
- LinkedIn’s New Mobile App Called ‘a Dream for Attackers’: LinkedIn’s new “Intro” mobile app for iOS has raised a lot of concerns among users and security experts. The app redirects all email traffic from an iPhone or iPad through LinkedIn servers, which is being referred to as a “man-in-the-middle-attack” by security experts. Who wouldn’t be concerned?
- Top 10 Clever Google Search Tricks:
Good tips on how you can use Google’s autocomplete for comparison searches, bypass paywalls with a Google proxy, and get better time-based search results.
- Which Siobhan Is It Anyway?: Disappointed to read about this conversation on the WordPress IRC chat room. It seems not a week goes by that a new blog post is published about how women are judged by the their looks. Step forward in your community. Put a halt to this behavior, it’s not acceptable.