This is a guest blog post by Lyons Consulting Group, a Demandware Strategic Solutions Partner
If there’s one thing you can say about the life of a web developer in 2015, it’s that it wasn’t boring. The pace of change in our industry has increased exponentially over the last few years, with new frameworks, build tools, and techniques coming out seemingly every week. Even if you don’t have the time to play around with or use the latest technologies, you must at least have an understanding of what everything does if you want to maintain parity with your peers.
To help you stay abreast of the latest trends on tap for 2016, Lyons Consulting Group has compiled a list of what we think will be some of the biggest topics in web development, design, and the Demandware platform this year.
Now as the frameworks shake out, there seems to be a divide opening up between two different world views… you can either adopt a “do it all” comprehensive framework like Ember, Angular or Meteor (for you Node fans), or you can implement a “million little pieces” paradigm using React and a bevy of supporting npm modules to handle all your different needs that you string together yourself (routing, file concatenation / minification, ES6 / JSX transpiling, JS linting, hot browser reloading, etc.).
- Mobile-first and responsive design will continue to play a bigger role in web development and ecommerce in particular. In the most recent Demandware Shopping Index, we see that phones accounted for all the year-over-year gains in both traffic and basket creation.
- Akamai released a report that showed that mobile users spend more on ecommerce than desktop users. Instead of being an afterthought, mobile designs and implementations will take a front seat with desktop following. And mobile-first SiteGenesis design is now on the 2016 Demandware road map.
- Mobile-first design is further emphasis that we’ll continue seeing the evolution of responsive imagery techniques continue apace, as a big chunk of current page weights is imagery.
A common strategy is to use the new (official spec) “srcset”, “sizes”, and “picture” (using Picturefill as a backup) to provide different images for different screen sizes / devices, saving mobile users from downloading huge costly images. The technique is explained here.
- Continued evolution of popular front-end frameworks – with leaner Sass, improved grid mixins, full accessibility, and Flexbox support, Foundation and Bootstrap should see increased adoption.
- And now that we have CSS pre-processing tools like Sass, why not do some post-processing? We’ve used Sass for a year or two now, so we’re able to look at the pros and cons of CSS pre-processing with a little more judgment and less hype. While the performance of a Ruby-based setup was horribly slow (10 seconds to build CSS?), developers quickly discovered node-Sass as part of a grunt/gulp build process could give them sub-second compile times. A common complaint still is the use of nesting CSS selectors, which makes it harder to dive into an existing Sass file to start hacking and also may generate crazy compiled CSS. Best practices seem to be shaking out.
- Tools like PostCSS allow you to write syntax closer to actual CSS and then drop plugins as more features become standard CSS. Expect to see the discussion and friendly struggle between pre and post CSS processors continue this year.
- To us, it’s online vs. offline (brick and mortar vs. click and mortar). To consumers, it’s all just “shopping”. The Demandware omnichannel experience continues to evolve in a few key ways. Some Demandware retailers offer loyalty programs and gift cards that integrate in-store and offline buying. This gives our customers the ability to see behavior across the buying spectrum and provide targeted recommendations. Other retailers are implementing things like endless aisle or order online/pick up in store.
- With version 16.1, Demandware has started offering interesting social integrations with third party platforms like Pinterest Buyable Pins. In the Pinterest app (iOS and Android), customers can click a Buy button and have the transaction processed on the Demandware side. The retailer can track Pinterest transactions separately. With more than 70 million monthly active users, Pinterest provides a ready-to-buy group of shoppers to Demandware retailers with minimal setup on their side. Just another way Demandware is enabling and improving the mobile shopping experience.
In the world of web development, the only constant is change. It’s going to be an interesting year for developers, so make sure to keep up.
Thanks to Michael Allinger, Matt Rose, and Dave Haas for the technical review.