Working across a large ecommerce environment, there were quite a lot of fears about overriding the styles for one component and having the affects of that change go beyond the expectations. The BEM methodology addressed so many concerns we had about variation, but wasn’t quite our cure-all solution. With so many engineers working together in the codebase, we needed a standardized set of naming conventions for our classes. We control hover and animation states with CSS and benefited across retina devices for scalability and in performance gains across slower connections. We said goodbye to our old large PNG image sprites and hello to SVGs for all of our non-photographic imagery.
We documented and trained the team on how to adhere to WCAG AA guidelines. We made sure we met color contrast standards, had keyboard friendliness, and presented legible text sizes. We ran all of our new design patterns across accessibility checks. We did a grid audit and after reviewing the findings, the design and engineering teams agreed on the suggested approach of migrating everyone to a 12-column grid and using Susy to create a custom CSS grid to meet our needs specifically, but utilize similar classnames to Foundation, so that the change to the new system would be a much smoother transition. From the engineering side, there was a strong desire to use Foundation because of the familiarity with the grid classes used in their framework. Standardize the Gridįrom the design side, we had one site using a 4-column grid and another site using a 24-column grid. We then mapped each instance to a new class from our slimmed down system of conventions. We analyzed and paired down these styles, removed unneeded variations, and named the new modules appropriately. We worked with all three brands’ design and product teams to categorize and inventoried everything! We examined our UI modules, headings, paragraph styles, colors, margins, icons – the works. To enhance the user experience of our websites, we focused on reusable patterns to allow our customer to focus on their main goal and keep the interface from getting in their way. Here are some highlights on how we did it. We took three separate sites:, , and along with three separate teams - each brand had their own engineering team - and have worked to combine them onto one platform and into one web engineering team. More recently, her research focus has broadened to determine whether rapid weight growth across early life, including fetal development, childhood and adolescence, causally increases risk of cardio-metabolic disease and in doing so, hopes to identify optimal times across the life-course where interventions could reduce the incidence of cardio-metabolic diseases.With those passions in mind, I’ve been enjoying crafting our CSS design system as the UI Architect for URBN the last two years (babies and broken bones have made this blog post is past due).įor us, CSS is not just an afterthought for adding pretty colors it’s the perfect collaboration tool for improving your team’s approach to web design. This method was instrumental in demonstrating the relationship between birth weight and adult hypertension is driven by genetic effects, over-turning 30 years of research into the effects of intrauterine programming.
She pioneered a new statistical method to partition genetic effects on birth weight into maternal and fetal components, and combined this method with a causal modelling approach, Mendelian randomization. After completing her PhD, Dr Warrington started at the University of Queensland and focused on using genetics to inform about the relationship between birth weight and cardio-metabolic diseases in later life.
During her PhD she spent time at the University of Toronto to gain experience in statistical modelling methods for longitudinal growth trajectories and conducted the first genome-wide association study of longitudinal growth trajectories over childhood.
She then completed an honours degree at The University of Western Australia, where she developed a keen interest for genetics, and was subsequently awarded an Australian Postgraduate Award to complete her PhD in statistical genetics and life-course epidemiology. Dr Warrington studied a Bachelor of Science at Victoria University in Wellington, New Zealand, majoring in Mathematical Statistics and Psychology. She has a strong background in statistical genetics and has been actively working towards understanding the genetic determinants of early life growth for the past 9 years. Centre for Solar Biotechnology Facilityĭr Nicole Warrington is a NHMRC Early Career Research Fellow at the University of Queensland Diamantina Institute.Clive & Vera Ramaciotti Facility for Producing Pharmaceuticals in Plants.Queensland Emory Drug Discovery Initiative.Queensland Facility for Advanced Bioinformatics (QFAB).Queensland Facility for Advanced Genome Editing.