For centuries, typography has shaped the way we ‘hear’ what we read. In our web work, though, we’ve have to balance our typographic desires with user experience and performance, knowing that every weight, width, or style of a typeface required a different file download. Variable fonts change that, as they include every width, weight, slant, and other permutation of a typeface, all in a single file not much bigger than a regular font file. Now, beautiful web typography can be crafted to respond to screen size, language setting, even ambient light. In a detail-packed hour, Jason will show you not just how far the new capabilities can take us, but how to make use of them right away.
You and your teams are doing the things that need to be done to create inclusive designs. You’ve been using meaningful, semantic markup from the get-go. You stopped using light grey on slightly darker grey text years ago. Designing and building your apps and sites in an accessible way is just how you work now—you have to try really hard to make things that don’t work with a keyboard. So, what’s next for you? How can you make sure that you’re delivering on the promise of the web by delivering an inclusive design that can be easily used by people with disabilities? In this talk, Derek will tackle the tougher problems through design approaches and practical development techniques that you need to create accessible, modern web sites.
2017 saw a sea change in web layout, one that few of us have truly come to grips with. We’re standing at the threshold of an entirely new era in digital design—one in which, rather than hacking layouts together, we can actually describe layouts directly. The benefits will touch everything from prototyping to custom art direction to responsive design. In this visionary talk, rooted in years of practical experience, Jen will show you how to understand what’s different, learn to think through multiple stages of flexibility, and let go of pixel constraints forever.
The past year has seen an incredible explosion in what we can do with CSS—from stable flexbox to the dawn of Grid, there are more powerful tools in our toolbox than ever before. Each system is, in its own way, simple, but the multitude of choices can make your head spin. What are the pros and cons? Where are the strengths and weaknesses? How does a committed craftsperson choose? In this detailed talk, Eric will compare and contrast CSS features in a series of real-world design scenarios, illuminating not only what he chose in each situation, but more importantly, why, always with an eye on what trade-offs were made at what cost. You’ll come away with a better sense of how to put all these new CSS features to work for you right away.
When CSS Grid Layout shipped into multiple browsers in the Spring of 2017 it heralded the dawn of a new way to do layout on the web. Now that the excitement of launch has passed, Rachel Andrew will take a look at what went right or wrong in these first few months, and offer help to those struggling to transition away from legacy methods. In a practical, example-packed hour, Rachel will help give you the confidence and practical skills to fully embrace Grid layout. We’ll compare common framework patterns to new Grid code, and learn how to create a workflow that is right up to date—a workflow grounded in new CSS, yet able to care for old browsers and ensure a good experience for their users.
Off and on for the past few months I’ve been playing around with my main website, NateDillon.com. The result is a new version of the website with an Apple TV-ish design that gave me an opportunity to try out a few things, like inline SVGs, CSS
My team recently finished an overhaul of the navigation on our primary product, K-State Connect. Connect serves as a dashboard for Kansas State University, displaying various university services within “widgets”. The main goal of the navigation re-design was to add links directly to each of the widgets within the dashboard. The navigation was also in need of a better small screen experience.
I was fortunate enough to attend An Event Apart in Orlando this month. I’ve posted my complete notes separately, but below you will find some of the key themes from the conference as well as an overview of each talk. You can also take a look at Articles, Links, and Tools From An Event Apart Orlando 2016 for more information and resources.