Beware these nine design elements your front-end developers hate

Articles • Jan 9, 2017

When Lullabot's design team interviewed and surveyed their own front-end developers, they got a list of pain points.

Custom select elements, responsive carousels, fixed overlays, and inconsistent grids all made the list, rated by difficulty on a scale of one to ten.

The key takeaway: none of these are impossible, but they all come at a cost. Time-constrained projects force tradeoffs, and designers who understand what's expensive to build make better calls about when it's worth it.

The article introduces the idea of a "whiz-bang budget" — a finite pool of points for enhancement features — as a practical framework for those conversations.

Here are the elements to beware, rated out of 10:

  1. Custom Select Elements: 7.8
  2. Styling Third Party Social Components: 7.1
  3. Responsive Carousels: 6.6
  4. Changing Source Order: 6.3
  5. Inconsistent Grids, Breaking Them With Full Width Elements: 6.1
  6. Fixed And Overlaid UI: 6
  7. Equal Height Grid Elements With Varied Text Lengths: 5.7
  8. Components That Have Exceptions/Differences: 5.2
  9. Different Mobile Navigation: 4.4

This article was originally published on Lullabot.com.

Read the full Beware These Design Elements