UI/UX

Digital Marketing -- The Big Miss

Digital Marketing is often missing a fundamental target. I'm not a marketer, but I stand at the other side of the table as someone who empowers digital marketing goals. I'm sorry to say, most digital marketers are chasing a dream. Want your conversion rate to sky-rocket?--stop believing the internet is a proxy for meaningful human interaction.

Today is Day 1 of AdWorld, an online stage for highly specialized and highly regarded leaders in the digital marketing world. After my first two webinars, I have a somewhat sour taste in my mouth. It has little to do with the quality of the presentations or the qualifications of the presenters. It's exactly this: the focus of the content (i.e., the objective of digital marketing in general), in its essence, can be somewhat accurately summarized as the art of internet stalking.

Flexbox: Styling Top Row Items in Scalable Columns

Touching again on the complexity of making flex-box columns scalable; this time I focus on one of the design challenges with this layout. When child items are burdened with the limits of CSS, sometimes the solution is to think outside of the box, literally, and work with the parent instead.

Background: the Design

I love Flexbox--it's a fundamental in responsive design. As empowering a device as it is, though, it's not without it's limits. It just so happens that I work with a designer who has a real knack for exposing these limits. The minute I think I've got flexbox under control, she'll throw me a design that challenges my every conception of what flexbox is or how it should work. Let's look at a specific point and case--a design I was recently asked to build out:

CSS & Javascript: Flexbox Columns that Grow with Content

I've had a long standing problem with flexbox--particularly with flexbox columns. The proverbial Elephant in the Room has always been this: a mechanism for automatically letting content grow in one column (i.e., adding consecutive child items) and then overflow into the next doesn't really exist. Today, I look at a fix for this problem--and, all it takes is a little JavaScript.

Outlining the Problem

Let's look at flexbox columns and see what's at stake.