Beyond front-end methodologies

January 5, 2017 — I’ll be giving a talk about Front-End development practices for Nerd Interface.

Link

Overview

Are you responsible for designing, developing, or maintaining user interfaces?

Do you think there’s more to front-end development than structural HTML with presentational CSS?

Have you worked with or wondered about Atomic Design, OOCSS, BEM, or ITCSS?

Whether you’re a developer or designer, join us for a talk and workshop that will examine a number of approaches to front-end, including component-oriented architectures.

We will be exploring:

Exactly what problems each popular CSS methodology aims to solve.
How to choose an appropriate approach for your project, whether a large-scale application or lightweight blog.
Breaking down a design comp into composable front-end components.
How all of this fits with your framework or templating system of choice.

During the workshop we will be breaking apart a complex visual design. Participants will lay out a plan for the individual components and layers of abstraction they would use to implement it. We’ll come together to discuss naming conventions, architectural choices, and the hurdles posed by future design changes.

Details and registration

This event will be hosted by The Nerdery (1033 W Van Buren, Suite 700) on January 5, 2017.

Share on Twitter

or reach out to me at contact@ctidd.com

Responsive layouts for dynamic content: How to design and implement resilient CSS layouts for dynamic content in web applications
Layout is all about constraints — content flowing into an available space based on constraints. There are two easy steps to designing and implementing resilient web layouts that hold up to the real world, and both come down to identifying and expressing constraints.
2019
HTML + CSS
It’s not JavaScript developer or CSS developer
Do you need to learn JavaScript when you have team members who are experts in it? Do you need to learn CSS when most of your work is talking to APIs and wrangling asynchronous state?
2019
HTML + CSS
JavaScript
Opinion
Team practices
Decoupling HTML/CSS front-ends with domain and UI components
By identifying and encapsulating specific concerns, we can make front-end component systems composable, reusable, and resilient to future changes. We’ll explore CSS patterns and principles, using React and TypeScript to draw boundaries between business or domain components and composable UI components.
2019
HTML + CSS
React
TypeScript
User interface architecture