AUTHOR

Mike

Mike· 4 years ago

Yes, Virginia, there is a Microsoft version of that

It can be tough when you're stuck in Windows world, with security lockdowns on your computer and a ban on most cloud services. With the notable exceptions of UserZoom, Figma, and Overflow, I'm in MS world and that's been an adjustment after the world of Google Apps and other lightweight, web-based tools.

There's a benefit to being entirely in Microsoftland, or at least in theory there is. Kinda looks like with the advent of Loop they are trying to make good on that theory and put it into real practice.

So to say that Loop is a Notion ripoff seems partially true. But for those of us stuck here in Office 365 with no hope of using the real thing, that's totally fine. Just like Planner is not Trello and Todo isn't quite what Wunderlist was, and Power Automate is far from being as easy to work as IFTTT or Zapier — but they exist. I can imagine a lightweight database table like what Notion employs would be so much easier for many of the small tasks where I'm using SharePoint Lists. But the "components" feature of Loop seems to be where MS are really trying to take it a bit further.

The idea behind components seems to be that the pieces of functionality (like Notion blocks?) are available elsewhere in the Office ecosystem: Teams chats, Word docs, email messages. And that's the kind of interoperability that we really don't enjoy today, even though that should be a prime selling point of Microsoftland. Mail Merge isn't exactly the future. But maybe Loop will be?

Mike· 5 years ago

···

Lite XL

Love the contradictory name. I don't necessarily want to get on the Electron hate train, but when you see the speed at which this thing fires up (much faster than VSCode, faster than GEdit, even) you might consider ditching Atom. It strikes a nice balance of features and performance.

Mike· 5 years ago

···

Yes, this, etc.

My quest for simplicity has led to some people doing some pretty interesting stuff. Even more appealing to me than Utopia is Every Layout, which frankly seems hard to sum up in an elevator pitch, but like Utopia it aims to get CSS back to declaration and away from prescription. In this case, it seems largely because declarative just works better. My only beef with this thing is the price. It's no doubt that a lot of work went into it but 70 bucks is steep.

The further I read into the sample content, the more I'm standing up, punching the air, screaming. It's that invigorating and it makes that much sense.

Incidentally, one of the authors is responsible for CUBE CSS, which I'm been looking at with interest too. I'm a BEM-head from way back, but this looks like an interesting philosophical take on CSS that embraces a recent trend among true HTML/CSS folks: Stop fighting the cascade. You're speaking my language.

Mike· 5 years ago

···

365 days of type 9 from TRU

I don't think much about cool typefaces these days, I'm generally just looking for something readable and pleasant for UIs and websites. But I still get a kick out of my favorite subject from school. This is really beautiful.

Mike· 5 years ago

···

Another day, another blog redesign

Been thinking about doing this ever since I did the last one. It never quite came out the way I wanted and frankly, the newspaper-ish feel just didn't work. It worked in my head, and it sorta-kinda worked in Figma, and it just didn't translate.

After reading about Utopia and thinking, hey maybe I should do that, I went a little deeper into the rabbit hole of simplicity.

Some notes:

There was no Figma phase to the "design."
I did this entirely live by mounting my website with rclone and editing live with GEdit (Atom couldn't browse and edit the remote files fast enough).
There are 157 lines of CSS, un-minified, with a carriage return between each rule. It uses zero media queries. There aren't even any columns, so I didn't get the chance to evolve from flexbox to grid.
I'm using CSS custom properties for the second time in my life, and though it doesn't give me everything I want from the Sass feature set, it's really great to get variables while staying native.
I didn't quite leave the HTML unchanged, but I probably could've. I've been using almost the same HTML pretty much since I switched to Kirby many years ago.
Standard posts have a larger first paragraph. This might possibly be inspired by Lagrange, the nicest Gemini client out there.

I suppose I'll enjoy looking at this for a couple weeks and then off we go again, probably with a pendulum swing to complexity. Or maybe I'll just change that yellow to something else to tide me over for a bit.

Mike· 5 years ago

···

Utopian thinking

Now this is something interesting.

Obviously we've gotten pretty far away from the fundamentals of the web. "Text with hyperlinks" is the mission of the Gemini project, something that's described as heavier than Gopher and lighter than the web. So there's an appetite for those simpler days. All the myriad ways we've strayed from Hypertext's light would take quite a few more blog posts and sound like an old man yelling at clouds, but in terms of web design it feels pretty specific. Build tools. Compiled code. Scoping and renaming classes at runtime. Arguments about whether to put CSS in JS. Not gonna belabor that, you get it.

I taught myself to ditch tables around 2002-2003 by reading Eric Meyer's O'Reilly title CSS: The Definitive Guide, which is purely a reference title. It was not what I would call complicated. It probably took me just as long to figure out how to implement Grunt, which was already supplanted by Gulp by that time. Life is complicated, and I guess life in CSS has gotten that way as well. It feels such a long way from the CSS Zen Garden.

I don't necessarily think that breakpoints and media queries are an extreme example of the complication — remember conditional comments? Remember writing separate sites from Netscape and Internet Explorer? But I do think Utopia's authors asserting that their framework is "declarative" instead of "prescriptive" or "instructive" brings it back to the fundamentals of CSS. I find it a bit ironic though that they're using some really complicated calculations to achieve simplicity for the user. I recognize that bootstrap does something similar when calculating the grid, but the deeper the math I don't understand burrows, the more scared I am of relying on it.

I haven't read enough of the material here to understand how they handle anything other than the spacing and typography — and whether they like it or not, there is more to it than that, even if those are the only two things you can't take away. Looks like it may be relying on CSS grids to keep things in one media space. And lord knows I haven't adequately learned CSS grids yet. But I'm going to give this a shot. Maybe the next version of this site will be Utopian.

Mike· 5 years ago

···

The FBI Guide to Internet Slang

Pentagram does a snarky thing with a fun type design. Like Bierut, I wonder if any of these terms the FBI notes have ever been used by anyone. The idea of the document reminds me of the old Law Enforcement Guide to Satanic Cults. Link is to the film but its print predecessor baffled me even in middle school.

It speaks to the (uh, problematic) law enforcement mindset that there are dark forces and coded evils working in all corners of the world and they're the last bastion of defense against it. Too often those "evil" symbols are just non-WASP identifiers, and fear of youth comes from the same place — especially when so much of internet slang comes from AAVE and other non-white sources.

Mike· 5 years ago

···

Problems I'm glad I'm not dealing with

Eric Meyer on the CSS Working Group's attempts to add conditionals to CSS. My most recent side project uses pure CSS with variables, which is a huge step toward me not caring about preprocessors anymore. With logic, the only things left are concatenation (probably solved already), and nesting syntax, which I find cleaner to go through later on. He's right though, as a Sass user I can easily see both sides of this argument and don't know what's right. But I know it's progress, and in my current way of thinking, more features in CSS is better. Because no matter how "bloated" you think it'll be, it's still better than having to use extra tools that aren't natively parsed by the web browser.

Mike· 5 years ago

···

Is this it?

Framer Sites looks wild. Framer already generates pretty good HTML, and this seems to represent the final few pieces necessary to actually turn that into a functional website. And CMS features are coming soon? Finally someone's really coming for the king in a big way, for the first time since the king has been Figma.

Is this finally The Thing we've been looking for? A design tool that builds websites visually, but in a real "web-like" way? That's been an unsatisfactory process since my first job using NetObjects Fusion (which apparently is better in itself these days, using CSS grid instead of the absolute positioning it employed almost 25 years ago). Frankly, potentially exciting, although these days — as in those days — it's fun to whip up some HTML to create a nice looking site. Still feels like alchemy to me.

Mike· 5 years ago

···

I salute you, MMT-8

Few pieces of gear are, on their own, really inspiring. Even the worst gear has its merits, but even the best sounding stuff isn't enough to be a wellspring of creativity. Ableton Live comes to mind, as well as the truly unique Novation Circuit, a cheap groovebox with no screen that I love almost as much as a family pet.

Lately I've been digging an old school piece of hardware that probably sounds the least likely to fall into this category. The Alesis MMT-8 is technically not a sequencer, but an 8-channel MIDI "recorder" and playback machine. It really does work a lot like an 8-track tape machine, but with MIDI data instead of audio. That means that it can control up to 8 devices by either playing notes, triggering their own sequencers, sending program change, and transmitting CC data. It's become the central master of my setup, and though it has its faults, it's so refreshing to get away from the computer for real that I'm itching to get on with writing new music.

It's a strange design that could only come out of the late 80s, like Knight Rider. It shares the lazer-zap shape with its brother the HR-16 (precursor to the most successful drum machine of all time, as well as the strange flip-up panel on top that contains an abbreviated user manual. Oddly, that shape does have the advantage of fitting a Korg Volca really nicely.

The first "issue" with the machine is that it doesn't have a very accurate clock. It's slow by about a whole BPM. If you want to be tempo-accurate, you need something else to send the data. On its own though, it has a pretty solid clock, though it purely transmits what was recorded into it, so if you want some unique feel or timing with "character" you'll need to trigger other sequencers. I'm just dreading when I play a show and someone comes up to me to say "I bet you thought you were playing at 74 bpm but that was really 73." They're out there. I'm sure of it.

The one workflow issue it has is a lack of overdubbing. If, for instance, I want drums and hi hats to be on the same track, I have to play the whole mess at once. Potentially a challenge, and more or less impossible if I want some kind of CC data at the same time. So those have to go on different channels. That being said, I have yet to feel like I need more than 8 channels. And when I do, I'll probably just find another MMT for about a hundred bucks. It does have extremely detailed editing capability as long as you're willing to do it on a 2-line LCD screen with squishy rubber buttons.

It's remarkably fast and intuitive once you're in there, and that has always been the most important thing to me in a creative tool. Get me punching in notes and feeling the song, not thinking about how a thing works. And it's rare to get that along with the immediacy of hardware.

So, Alesis MMT-8, I salute you.