Blog

Sponsoring Sanitize.css

sanitize

In keeping with our commitments and contributions to important open source projects, we’re proud to take on stewardship of sanitize.css. An incredibly popular project by 10up’er Jonathan Neal, sanitize.css makes it easier to engineer website front ends that render consistently across popular browsers.

Elegant in its simplicity and superbly documented, the project already more than meets our engineering standards. More importantly, tools like sanitize.css serve 10up’s mission to create outstanding, dependable content-centric website experiences from front to back, for our clients, and for a bigger open web.

Read More on Sponsoring Sanitize.css

You Got Your Content in My Web Design

design-content-conf

I’m very excited this week for the Design and Content Conference in Vancouver BC. The conference theme is “Designers and Content Strategists: We’re Better Together,” and the speakers list is a who’s-who of the web design and content strategy worlds, including Ethan Marcotte and Karen McGrane, whose Content Strategy for Mobile was the first detailed, extended discussion of how design and content come together in a multi-device world.

For me, the most important shifts in the web design and development industry in the last decade have been:

As these authors  pointed out, neither concept was entirely new. Ethan’s article referenced “A Dao of Web Design” which prescribed “pages which are accessible, regardless of the browser, platform or screen that your reader chooses or must use.”

Read More on You Got Your Content in My Web Design

Catch four 10up speakers at WordCamp Europe

WordCamp Europe 2015

WordCamp Europe is this weekend, and four 10uppers have made the trek to Seville, Spain to mingle and share insights.

I will be presenting on Friday on the experience of setting up WordPress for new users, raising questions about how WordPress can continue to drive adoption by catering to that audience. I’ll also be teaching attendees how to write documentation for the handbooks, inline docs, and examples for the code reference.

Director of Platform Helen Hou-Sandi is presenting Developing for Capabilities, covering approaches for mobile, responsive, and accessible development. Lead Engineer Eric Mann will be giving a short talk on Saturday on how to sandbox a development environment with Vagrant. Finally, Senior Engineer Adam Silverstein will talk about Backbone.js and WordPress, in Putting a little Backbone in your WordPress.

With a packed schedule and huge attendance, WordCamp Europe looks to live up to its name once again as the premier WordCamp abroad.

10up at WordCamp Philly

Once again, 10up is back for WordCamp Philly! This year, co-organizer and 10upper extraordinaire Doug Stewart will be joined by John Eckman, Allen Moore, and myself as speakers.

On Saturday morning, I’ll be presenting “User-First Approaches to APIs“, which will touch on what we mean by users, what it means to be a maintainer, and the excitement of a potential fields API in WordPress.

Right after that, Allen will be presenting “A Need For Speed: Performance Driven Front End Development,” focused on how front end performance affects User Engagement and Experience; best practices for performance driven front end development; and tools to measure front end performance.

Then  John will take us into lunch with “Getting outside the WordPress bubble“, a topic perfect for somebody with deep experiences with other CMS’s and their communities (including commits to Drupal 8!), as well as other communities at large.

WordCamp Philly holds a special place in 10up history, as the place where I first met Jake in 2011 and began my time as an agency-backed core contributor to WordPress. Doug even found this photo from that 2011 contributor day in the archives! We’re really excited about all of the great talks scheduled for Saturday, and what’s sure to be another fantastic contributor day on Sunday.

WordCamp Philly 2011

Sliders, Rotators, and Carousels — Oh no!

There is evidence to indicate that sliders (or rotators or carousels) are generally ineffective. Engagement with the second slide is precipitously low and engagement with the third slide is near negligible. Assuming visitors see it at all.

As an adaptation to information overload, web users have trained themselves to divert their attention away from areas that seem unimportant or look like advertising.
—Hoa Loranger, NNGroup

Although Loranger was summarizing a study about right-rail blindness, NNGroup has done previous examinations of sliders and found a similar effect. Notre Dame university also studied sliders on their home page and found only 1% of visitors interacted with it at all.

Finally, these interfaces often have usability concerns: microscopic control buttons, odd mobile/touch behavior, and the removal of visitors’ control.

Read More on Sliders, Rotators, and Carousels — Oh no!

Avatar photo

There will be several 10uppers presenting this weekend at WordCamp Miami — Taylor Lovett will be presenting on the ins and outs of using Elasticsearch and ElasticPress to make WordPress’ search great, Chris Wiegman will be talking about securing your WordPress installs, and I will be chatting about making Vagrant a greater part of your development workflow.

Avatar photo

This Saturday, I will be presenting “Modernizing WordPress Search with Elasticsearch,” focused on ElasticPress, at WordCamp Nashville. 10up’er Zack Rothauser will also be in attendance.

Up in New England at WordCamp Maine, CEO John Eckman presents, “The Four Agreements and Client Services,” covering core tenets from the popular self-help book (The Four Agreements). Jason Clarke and Jason Boyle will also be attending.

Markup, CSS, and Project Structure Best Practices

front end standards

We’re proud to announce the release of Markup, CSS, and Project Structure sections for our Engineering Best Practices.

When it comes to CSS and Markup, our industry offers a vast landscape of choices and philosophies, illustrated by the number of frameworks and preprocessors available. While our Front End Engineering team always pushes the boundaries of these platforms, our Best Practices set a standard bar for the techniques, functionality, tools, and libraries we use.

As we focus on practical business application of technology, our philosophies are guided by a mandate to ensure consistent, reliable, and predictable experiences for website visitors. Many CSS attributes and HTML5 features are amazing, but are also dependent on unreliable polyfills for compatibility with some popular web browsers. In addition to avoiding known technical pitfalls, standardizing our tools, style, and structure improves efficiency, collaboration, and overall quality of work.

Consistent with our support for an open web, our Engineering Best Practices are open and available on Github. We encourage any and all contributions!