The CSS Grid Layout Module introduces a native CSS grid system, provided at the viewport level, that achieves what CSS frameworks and popular grid systems could only dream about: Responsive, flexible, pure CSS grid layouts, independent of document source order, that allow us to treat the browser as a true design and layout surface.
In this talk you’ll get an intro to CSS Grid and learn how it changes pretty much everything when it comes to layouts on the web. Through examples, code snippets, and practical demos you’ll learn how to use CSS Grid in a theme for modern responsive layouts, and you’ll also learn how to handle older browsers without Grid support in a clean and straight-forward way.
CSS Grid is here, and you can start using it today. This talk shows you how to do it right.
June 29, 2016 — Working on and with the web is engaging in that most human of endeavors: Communication. Even so, it’s easy to forget that the people we interact with and those who access and interact with our creations are just that: People. Learn how to make empathy and acceptance driving forces for your interactions and designs to build great informational experiences for everyone.
December 19, 2015 — This talk brings the focus of web design back to its core subject: How to communicate with people. You’ll learn about user research, empathy in the design process, communication patterns, real-world testing, and designing from the content out. Web design is about empathy for the user, and the users who visit your site are people. This talk will teach you how to prepare, design, and build websites with user experiences that communicate clearly and make the people who visit the site the top priority.
December 13, 2015 — GitHub is that awesome thing everyone says you’ve gotta use, but how many of us can make heads or tails of it? If you’re tired of pretending to understand when someone talks about “merging the latest pull request” or want to know what the heck forks have to do with code, this rundown’s for you.
I’ll show you how a little dose of science fiction is the key to understanding Version Control. There will be teleportation, time travel, there may even be a victimless murder as you learn the difference between a Fetch and a Pull, why Rebasing changes history, and how merging branches can magically reconcile conflicting code.
Whether you develop, design, or just care about content, Git, GitHub, and Version Control can be some of the most useful tools in your kit. After this primer, you’ll see why Git and GitHub is for everyone, including you.
June 25, 2015 — This talk introduces the audience to the Informational User Experience design process. Through examples from the web, practical demonstrations, and tips and tricks gleaned from 15 years in the industry, Morten gives the audience a foundation of knowledge that will help them see beyond frameworks, grids, and media queries to what really matters: Communicating ideas through the web.
June 9, 2015 — This presentation looks at design and development decisions and principles including mobile-first, accessibility, responsive design, and information architecture, and takes a deep dive into the structure of the Underscores theme to show the audience how to build a theme from the ground up to become what you envisioned and more.
May 15, 2015 — This presentation takes you through the process of building a theme from scratch with what is arguably the best starter theme available: _s (Underscores). The presentation looks at design and development decisions and principles including mobile-first, accessibility, responsive design, and information architecture, and takes a deep dive into the structure of the Underscores theme to show the audience how to build a theme from the ground up to become what you envisioned and more.
November 14, 2014 — Lighting Talks: Unscary Tech
Thinking Inside the Box is 5 minutes that will change the way you think about web content and web design: On the web everything is a box and once you know how to bend those boxes to your will you can do pretty much anything you want.
September 17, 2014 — Responsive Web Design is about to get a whole lot more responsive with the element for responsive images and Flexbox for responsive layouts. In this talk front end developer and web standards expert Morten Rand-Hendriksen will provide the audience with everything they need to use these new tools today and show how a true mobile-first workflow will help them make cleaner, more efficient, and more responsive WordPress sites. You’ve heard about and Flexbox and now you’ll know how to implement them in your WordPress projects today! The future is now and it is responsive.
August 8, 2014 — Web design does not start with a Photoshop comp. Web design does not start with a Photoshop comp. Photoshop is step 7. Or 10. Or 50. Before you draw a single pixel on your canvas there are a myriad of things that need to be covered. This talk is an exploration of the web design process, all the way from the first client meeting to the shipping of the final product. Llearn about IA and UX techniques, card sorting, personas, concurrent development, agile process, version control, the works.