Michelle Barker notes that it’s been a heck of a week for us CSS layout nerds.

1. Firefox has long had the best DevTools for CSS Grid, but Chrome is about to catch up and go one bit better by visualizing grid line numbers and names.
2. Firefox supports gap for display: flex, which is great, and now Chrome is getting that too.
3. Firefox is trying out an idea for masonry layout.

Direct Link to Article — Permalink… Read article “Exciting Things on the Horizon For CSS Layout”

The post Exciting Things on the Horizon For CSS Layout appeared first on CSS-Tricks.

I mentioned this the other day via Michelle Barker’s coverage, but here I’ll link to the official announcement. The main thing is that we’ll be getting gap with flexbox, which means:

.flex-parent {
  display: flex;
  gap: 1rem;
}
.flex-child {
  flex: 1;
}

That’s excellent, as putting space in between flex items has been tough in the past. We have justify-content: space-between, which is nice sometimes, but that doesn’t allow you to explicitly tell the flex container how … Read article “Chromium lands Flexbox gap”

The post Chromium lands Flexbox gap appeared first on CSS-Tricks.

This is a test seminar.

Available Sessions for this Seminar:

Fake City, ON, December 25, 2014

Leganes coach Javier Aguirre had said that the Spanish football season will re-start on June 20.

The revised terms for the new academic year 2019-20 issued by Goa University on May 5 will also be applicable for the bachelor of education, bachelor of physical education, bachelor of performing art, bachelor of social work, master of education and master of performing art programmes.

To ensure social distancing during the Class X and XII public exams, the Goa Board of Secondary and Higher Secondary Education on Thursday said there will be only12 students in each exam hall as against the earlier 25. This has led to an increase in the number of exam sub-centres.

Taking cognisance of the photo published by TOI on Wednesday showing shacks operating at Ozran beach in North Goa in violation of lockdown norms, Goa police on Thursday booked the shack owner.

Goa waste management corporation (GWMC) has finalized the tender document to set up the over Rs 200cr garbage treatment plant at Bainguinim, Old Goa on a build own operate and transfer (BOOT) basis.

Congress on Friday demanded an independent inquiry, headed by a retired high court judge, into the death of two-time MLA Jitendra Deshprabhu. State Congress president Girish Chodankar alleged that Deshprabhu died due to the negligence of Goa Medical College authorities.

I think a lot about Danielle’s talk at Patterns Day last year.

Around about the six minute mark she starts talking about gaps and overlaps.

Gaps are where hidden complexity live. If we don’t have a category to cover it, in effect it becomes invisible. But that doesn’t mean it’s not there. Unidentified gaps cause inconsistency and confusion.

Overlaps occur when two separate categories encompass some of the same areas of responsibility. They cause conflict, duplication of effort, and unnecessary friction.

This is the bit I keep thinking about. It’s such an insightful lens to view things through. On just about any project, tensions are almost due to either gaps (“I thought someone else was doing that”) or overlaps (“Oh, you’re doing that? I thought we were doing that”).

When I was talking to Gerry on his new podcast recently, we were trying to figure out why web performance is in such a woeful state. I mused that there may be a gap. Perhaps designers think it’s a technical problem and developers think it’s a design problem. I guess you could try to bridge this gap by having someone whose job is to focus entirely on performance. But I suspect the better—but harder—solution is to create a shared culture of performance, of the kind Lara wrote about in her book:

Performance is truly everyone’s responsibility. Anyone who affects the user experience of a site has a relationship to how it performs. While it’s possible for you to single-handedly build and maintain an incredibly fast experience, you’d be constantly fighting an uphill battle when other contributors touch the site and make changes, or as the Web continues to evolve.

I suspect there’s a similar ownership gap at play when it comes to the ubiquitous obtrusive overlays that are plastered on so many websites these days.

Kirill Grouchnikov recently published a gallery of screenshots showcasing the beauty of modern mobile websites:

There are two things common between the websites in these screenshots that I took yesterday.

1. They are beautifully designed, with great typography, clear branding, all optimized for readability.
2. I had to install Firefox, Adblock Plus and uBlock Origin, as well as manually select and remove additional elements such as subscription overlays.

The web can be beautiful. Except it’s not right now.

How is this dissonance possible? How can designers and developers who clearly care about the user experience be responsible for unleashing such user-hostile interfaces?

PM/Legal/Marketing made me do it

I get that. But surely the solution can’t be to shrug our shoulders, pass the buck, and say “not my job.” Somebody designed each one of those obtrusive overlays. Somebody coded up each one and pushed them into production.

It’s clear that this is a problem of communication and understanding, rather than a technical problem. As always. We like to talk about how hard and complex our technical work is, but frankly, it’s a lot easier to get a computer to do what you want than to convince a human. Not least because you also need to understand what that other human wants. As Danielle says:

Recognising the gaps and overlaps is only half the battle. If we apply tools to a people problem, we will only end up moving the problem somewhere else.

Some issues can be solved with better tools or better processes. In most of our workplaces, we tend to reach for tools and processes by default, because they feel easier to implement. But as often as not, it’s not a technology problem. It’s a people problem. And the solution actually involves communication skills, or effective dialogue.

So let’s say it is someone in the marketing department who is pushing to have an obtrusive newsletter sign-up form get shoved in the user’s face. Talk to them. Figure out what their goals are—what outcome are they hoping to get to. If they don’t seem to understand the user-experience implications, talk to them about that. But it needs to be a two-way conversation. You need to understand what they need before you start telling them what you want.

I realise that makes it sound patronisingly simple, and I know that in actuality it’s a sisyphean task. It may be that genuine understanding between people is the wickedest of design problems. But even if this problem seems insurmoutable, at least you’d be tackling the right problem.

Because the web can’t survive like this.

Singh, Gurcharan, 1945- author

Van Wyk, Ben-Erik, author

Haslam, Stephanie

Nattrass, Ric

Parco, Socorro Z., author

Lostroh, Phoebe, author

Hansen, Vivienne, author

Wilson, Brenda A., author

Kaplan, Gisela T., author

Manz, A. (Andreas), author

Clarke, Ian, 1950- author, illustrator, photographer

Hickman, Cleveland P., Jr., author

Huisman, John M. (John Marinus), author