> All in One 586

Ads

Monday, January 4, 2021

Color raises $167 million funding at $1.5 billion valuation to expand ‘last mile’ of U.S. health infrastructure

Healthcare startup Color has raised a sizeable $167 million in Series D funding round, at a valuation of $1.5 billion post-money, the company announced today. This brings the total raised by Color to $278 million, with its latest large round intended to help it build on a record year of growth in 2020 with even more expansion to help put in place key health infrastructure systems across the U.S. – including those related to the “last mile” delivery of COVID-19 vaccines.

This latest investment into Color was led by General Catalyst, and by funds invested by T. Rowe Price, along with participation from Viking Global investors as well as others. Alongside the funding, the company is also bringing on a number of key senior executives, including Claire Vo (formerly of Optimizely) as Chief Product Officer, Emily Reuter (formerly of Uber, where she played a key role in its IPO process) as VP of Strategy and Operations, and Ashley Chandler (formerly of Stripe) as VP of Marketing.

“I think with the [COVID-19] crisis, it’s really shone the light on that lack of infrastructure. We saw it multiple times, with lab testing, with antigen testing, and now with vaccines,” Color CEO and co-founder Othman Laraki told me in an interview. “The model that we’ve been developing, that’s been working really well, and we feel like this is the opportunity to really scale it in a very major way. I think literally what’s happening is the building of the public health infrastructure for the country that’s starting off from a technology-first model, as opposed to, what ends up happening in a lot of industries, which is you start off taking your existing logistics and assets, and add technology to them.”

Color’s 2020 was a record year for the company, thanks in part to partnerships like the one it formed with the the City of San Francisco to establish testing for health care workers and residents. Laraki told me they did about five-fold their prior year’s business, and while the company is already set up to grow on its own sustainably based on the revenue it pulls in from customers, its ambitions and plans for 2021 and beyond made this the right time to help it accelerate further with the addition of more capital.

Laraki described Color’s approach as one that is both cost-efficient for the company, and also significant cost-saving for the healthcare providers it works with. He likens their approach to the shift that happened in retail with the move to online sales – and the contribution of one industry heavyweight in particular.

“At some point, you build Amazon – a technology-first stack that’s optimized around access and scale,” Laraki said. “I think that’s literally what we’re seeing now with healthcare. What’s kind of getting catalyzed right now is we’ve been realizing it applies to the COVID crisis, but also, we started actually working on that for prevention and I think actually it’s going to be applying to a huge surface area in healthcare; basically all the aspects of health that are not acute care where you don’t need to show up in hospital.”

Ultimately, Color’s approach is to re-think healthcare delivery in order to “make it accessible at the edge directly in people’s lives,” with “low transaction costs,” in a way that’s “scalable, [and] doesn’t use a lot of clinical resourcing,” Laraki says. He notes that this is actually very possible once you re-asses the problem without relying on a lot of accepted knowledge about the way things are done today, which result in a “heavy stack” vs. what you actually need to deliver the desired outcomes.

Laraki doesn’t think the problem is easy to solve – on the contrary, he acknowledges that 2021 is likely to be even more difficult and challenging than 2020 in many ways for the healthcare industry, and we’ve already begun to see evidence of that in the many challenges already faced by vaccine distribution and delivery in its initial rollout. But he’s optimistic about Color’s ability to help address those challenges, and to build out a ‘last mile’ delivery system for crucial care that expands accessibility, while also making sure things are done right.

“When you take a step back, doing COVID testing, or COVID vaccinations is actually those are not complex procedures at all – they’re extremely simple procedures,” he said. “What’s hard is doing them massive scale, and with a very low transaction cost to the individual and to the system. And that’s a very different tooling.”



from Amazon – TechCrunch https://ift.tt/2My5wvO
via IFTTT

Make Your Own Tools

Spencer Miskoviak on the Wealthfront blog:

By creating custom DevTools specific to an app, they can operate at an even higher abstraction to handle things like user interactions, or debugging tracking events. While this requires building and maintaining the custom DevTools, it also means it can be tailored to the needs of the app and engineers to streamline development.

I think it’s super cool and smart to build custom tools for your team of developers. Even if custom tools are just for yourself they can be a productivity boon. But by building custom tools for your whole team, and opening the door to their ideas, that’s extra smart and compounds the value.

Spender showcased a variety of different tools they have, all under the umbrellas of a UI popup widget thingy:

  • Shows current branch and CI status
  • Fills out forms, performs user actions, switches between users
  • Highlights components

Clever stuff.

We don’t have a fancy UI widget like that at CodePen, but do have some productivity-helping fuctionality sprinkled into the app. For example, many forms have a prefill button that only shows up for devs:

And we have a custom tool for our support inbox that gives context to the users and content that the support ticket references:

Not to mention a whole protected admin area on the site itself to perform a whole slew of admin and developer focused tasks:


I think the “component highlighter” that Spencer talked about is particularly neat:

React DevTools can be helpful in seeing what parts of the current page are which components, but that’s not on-page like this. I think it would be rad to have a little 🔗 next to each title that would open that file in VS Code.


Speaking of building your own tools, Shawn Wang wrote “You’re Allowed To Make Your Own Tools” recently:

Even the greatest software has parts that aren’t so great for you. But the difference between you and everyone else is that you can code.

Shawn talks about things like…

  • Building your own custom stylesheets
  • Building a UI query generator
  • Building your own CLIs (I’m reminded of Mina Markham’s dotfiles)
  • Building your own proxies

Shawn wrote his own dang proxy for Google Search Results to optimize them and present them how he likes:

Once in a while, I’m in the mood to focus on tooling, which leads me to do stuff like when I decided to “Run Gulp as You Open a VS Code Project using VS Code Tasks” which I had to learn all about and struggle through weird problems. I’d think a great DevOps person at a company would be all over stuff like this—constantly thinking of developer experience for their own people.

I even scripted the opening of a text-based multi-player video game I play not long ago to save myself some time.


And speaking of building your own tools generally, I think of Dick Proenneke’s in Alone in the Wilderness documentary. In this intro clip, you can hear Dick talk about quite literally building tools, which was useful for him as he didn’t back to hand-carry them deep into the Alaskan wilderness.

🛠


The post Make Your Own Tools appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.



from CSS-Tricks https://ift.tt/3rMAnVD
via IFTTT

Sunday, January 3, 2021

Partly Cloudy today!



With a high of F and a low of 24F. Currently, it's 38F and Cloudy outside.

Current wind speeds: 8 from the West

Pollen:

Sunrise: January 3, 2021 at 08:11PM

Sunset: January 4, 2021 at 05:41AM

UV index: 0

Humidity: 39%

via https://ift.tt/2livfew

January 4, 2021 at 10:01AM

Saturday, January 2, 2021

Mostly Clear today!



With a high of F and a low of 20F. Currently, it's 30F and Clear outside.

Current wind speeds: 10 from the Northwest

Pollen: 0

Sunrise: January 2, 2021 at 08:11PM

Sunset: January 3, 2021 at 05:40AM

UV index: 0

Humidity: 55%

via https://ift.tt/2livfew

January 3, 2021 at 10:00AM

Friday, January 1, 2021

Clear today!



With a high of F and a low of 18F. Currently, it's 23F and Fair outside.

Current wind speeds: 5 from the West

Pollen: 0

Sunrise: January 1, 2021 at 08:11PM

Sunset: January 2, 2021 at 05:39AM

UV index: 0

Humidity: 81%

via https://ift.tt/2livfew

January 2, 2021 at 10:00AM

Houdini.how

Nice site from Google (and guest contributors) with a bunch of fun demos of what Houdini can do. Plus a write-up from Una. These are all Paint API demos. Houdini is technically a group of seven things that are all pretty cool, and the Paint API is just one of them. Paint is fun, but things will start getting really weird when we get the Layout API, methinks.

I think the value of Houdini becomes more clear when you see an example of something this fun in so little code (Una’s confetti):

You import it, you use it. You control it with CSS custom properties. That one above is less than 1 kB.

I feel like the early story with Houdini was that it will be these really low-level API’s that will pretty much be used by platform people to prototype new platform features in a safer way. Now the story is more like: confetti!!!! I like both stories.

Firefox still feels like a big wildcard here. They say it’s “worth prototyping” but that feels like a bit of a stretch now after their platform team layoffs. The Paint API is polyfillable, for example:

(async function() {
  if (CSS['paintWorklet'] === undefined)
    await import('https://unpkg.com/css-paint-polyfill')

  CSS.paintWorklet.addModule('https://unpkg.com/houdini-tesla/dist/worklet.js');
})()

And that polyfill is only ~5kB, so maybe that’s fine?

Vincent De Oliveira’s demos have long been my favorite though. While they are all fairly artsy, they also feel like somewhat practical UI things that you might wanna try to do on the web, but have traditionally felt a bit hard to pull off nicely.

And here’s a nice written tutorial from Estelle Weyl, Ruth John, and Chris Mills that goes not only into the Paint API, but the Typed OM too (less shiny, super practical).

Direct Link to ArticlePermalink


The post Houdini.how appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.



from CSS-Tricks https://houdini.how/
via IFTTT

Centering in CSS


Adam Argyle has a post over on web.dev digging into this. He starts with the assumption that you need to do vertical centering and horizontal centering. It’s that vertical centering that has traditionally been a bit trickier for folks, particularly when the height of the content is unknown.

We have a complete guide to centering that covers a wide variety of situations like a decision tree.

Adam details five(!) methods for handling it, even getting into centering unknown vertical and horizontal dimensions, plus a handful of other restraints like language direction and multiple elements. I guess all the silly jokes about the difficulty of centering things in CSS need to be updated. Maybe they should poke fun about how many great ways there are to center things in CSS.

Adam does a great job listing out the pros and cons of all the techniques, and demonstrating them clearly. There is also a video. He picks “the gentle flex” as the winning approach:

.gentle-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
}

You can always find it in my stylesheets because it’s useful for both macro and micro layouts. It’s an all-around reliable solution with results that match my expectations. Also, because I’m an intrinsic sizing junkie, I tend to graduate into this solution. True, it’s a lot to type out, but the benefits it provides outweighs the extra code.

Remember that when you’re “centering in CSS” it’s not always within these extreme situations. Let’s look at another situation, just for fun. Say you need to horizontally center some inline-*¹ elements… text-align: center; gets you there as a one-liner:

But what if you need to center the parent of those items? You’d think you could do a classic margin: 0 auto; thing, and you can, but it’s likely the parent is block-level and thus either full-width or has a fixed width. Say instead you want it to be as wide as the content it contains. You could make the parent inline-*, but then you need another parent in which to set the text-align on to get it centered.

Stefan Judis talked about this recently. The trick is to leave the element block-level, but use width: fit-content;

The ol’ gentle flex could have probably gotten involved here too, but we’d need an additional parent again. Always something to think about.

  1. What I mean by inline-* is: inline, inline-block, inline-flex, inline-grid, or inline-table. Did I miss any?

Direct Link to ArticlePermalink


The post Centering in CSS appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.



from CSS-Tricks https://ift.tt/3r2L7yy
via IFTTT

What Can We Actually Do With corner-shape?

When I first started messing around with code, rounded corners required five background images or an image sprite likely created in Photosh...