You are here

Beyond CSS: Design Logic for Dynamic Content

Design logic dictates how the browser should render content. Designers define these objective rules and developers implement them with CSS. We tell the browser things like "All links need to be underlined" or "All images should be no wider than their parent container." However, an effective design system needs to handle more complex problems than what color the links should be. What about rules like “If this image has a portrait orientation, make it 33% wide and float it to the right?” While CSS becomes more powerful with each browser release, it still can’t do everything. More complex rules need help from the server or client side to help maintaining design integrity. In this session we'll look at breaking down design systems into objective rules that can be implemented programmatically. We'll also explore the limitations of CSS logic and how it can be augmented with PHP and JS.