Today we have an awesome guest. He's a web designer and developer. You may know him from his CSS newsletter, Piccalilli, his awesome 11ty the starter theme Hylia, his friendly browser checker, mybrowser. FYI, or just his amazing hot takes on Twitter. Let's go ahead and welcome to the show Andy Bell. Andy, how's it going today? Hey, how you doing?
I'll say I'm a hybrid sort of buff. So I tend to call myself a web designer these days because even though it's pretty old school term, it sort of describes what I do perfectly. I tend to see projects start finished. So yeah, web designer, or front end developer is tends to do most of the time these days.
So, I started with stack size and with Jekyll, a few years ago, I got into Jekyll. I picked up as a solution for really rough agency project. That was, it was super fluid, the brief was so thin you could smoke it. And I just knew that it was going to be a nightmare from from the start. So I suggested, what do we use Jekyll to build it, because if, if I'm going to things change, it'll be a much easier process so that they're going to be really into it. And obviously it isn't it for our personal blog, and all that but is when 11ty came around, where I really started getting into static site stuff properly, really heavily into it, because it's just such a flexible system. And ever since then, I literally use it for everything now. And so yeah, it's brilliant. Love it.
If you're to list of things that 11ty currently does for me is if prototyping, visual design. And its power in a book is power in the newsletter. And its power in normal client websites, my website, literally everything is now rolling through 11ty in some way awesome form at the moment.
Yeah, so do a lot of stuff with with Node when I do anything that's got like backends. So, I tend to like So this project, called every layer that I work on with Heydon Pickering. Tha t's all built with 11ty but we use Heroku and Node to do the sort of clever stuff. Which is all going to be well by the time this goes out it actually will be live. And so I tend to use that I but I am a slowly get into the survivalist stuff as well in the Cloud Functions, because Netlify made that really easy. So yeah, but really, I tend to stick around in static site world. Yeah, that's, that's where I hang out.
Cool. So what what kind of what actually made you fall in love with JAMstack? Like you talked about, you know, Jekyll being your entry point, obviously. Now it's 11ty that's making it much more, I guess, probably fun to work with. Yeah. But what kind of where did you fall in love with some of the ideas?
I think it was. It's the empowerment thing. So I'm pretty weak with back end technology. It took me a long time to appreciate that. And you can achieve a lot as a as a sort of designer with the JAMstack. And a lot of power is given to you. And you can do a lot for nothing as well. And that's one thing I really appreciate about is that someone can get an 11ty site or whatever they want to use, and deploy it for free, on Netlify and then they own their own content. So that stuff's really appealing. And then I think is going to be really key in the success of JAMstack as well.
You mentioned, you mentioned Gatsby, I actually just saw a presentation on Gatsby and just it kind of solidified my personal opinions. It looks you know, super powerful, and all that. And I played with it. But the complete abstraction of everything that's going on, I looked at it and said, I've been doing this a long time. My brain doesn't work like that. I can't imagine anyone else getting into it. Yeah.
No, no, I did. I did a client project with it earlier in the year and just found myself yearning back for 11ty, this is a bit too much. pretty difficult to do. What web web development, this this doesn't really have a role in my stack, especially a specialist. So yeah, stick stick with it. I think while it gives you I don't think you really need it to be honest. But you know, that's just my opinion. Suppose.
And yeah, I think, I think they might have made that kind of best point a lot easier. And I think that's, that's probably one thing I really like about them and being able to generate what I want -- which is that HTML output -- it seems to be really easy, I think it's almost easier to generate Well, for me, especially to do that with a static site generator, rather than WordPress style, which, you know, it's what I cut my teeth with WordPress, I think even now, if I was to take on the, air quotes, simple project, before I might sling out a WordPress theme, whereas now sling out on the 11ty site, because I think that's now the quickest way to do it for me. Yeah,
That's actually really, really interesting. So I used to work in an agency for about six years, and we had our own custom content management system and all sorts of stuff. But anytime a client couldn't use that, we were just sling a WordPress theme out there. So you think that that potentially, we're getting to the point where it would just be easier to do a quick static site, instead of going picking out a moderate to decent theme and plugging and playing
I think, I think one thing that is missing and the other is a couple of marketplaces for themes I was just introduced to this thing called StackBit the other day as well, which I thought was really cool, which has that whole methodology going about it and I think that is going to be the the breaking point and the bit that pushes static sites because like people start with seems a lot in world WordPress world especially and I know Gatsby started doing it themselves, well. And I think that's gonna be the key and I really hope something arrives for all the generators like 11ty and Hugo and stuff. I know there's Jekyll themes stuff that are still going these days as well. So I think that might be that the thing that helps people at least starter kits anyway that do initial setup for people because it can be a daunting, you know, 11ty starts with nothing, there's there's nothing in there. It's empty. So I think people I know Phil Hawksworth he he's created a nice starter kit and then obviously I created the Hylia as well. And it's just the fact that like these little starting points that get people into it. I think that will enable people to create these projects quickly and efficiently.
Yeah, Hebra. You might remember from the the WordPress old days where there's a thing called Stackers by Elliot J Stocks. And this basically that but with 11ty. That's how I got into WordPress was I watch Chris Coyier's digging into WordPress screen casts. And then one of the first things recommended was this Stackers theme. So I got really into that. And I always found it really useful, because it just gave me HTML, nothing else. And then I might as well now want to release Hylia, and they went down really well with everyone. And I thought it'd be nice to also give people the HTML only version of it as well, if they don't want to use all the SASS and all that stuff that I've added in there. So yeah, it seems to be it's not not obviously nowhere near as popular as the other one. But it seems to be helping some people out which is good.
Well, that was that was what you said, you know, that Stacker was was kind of your intro into like WordPress theme that That one wasn't mine. But it was a similar idea where there wasn't, I just got like the loops and stuff like that. And then I could edit that sort of thing, instead of having to write from scratch.
Exactly. And that was the use case, because one thing I didn't like about WordPress themes is like in design was that had the prescriptive setup. And undoing that was really difficult. So being able to, you know, put actual CSS on that, you know, yourself was a big, big selling point.
Do you think there's any any room for looking at like static HTML themes? Do you think that that's going to be something that can fill that gap for for static sites? Or is it just too much effort at that point, even to convert it over?
Could be, Yeah, I think I think one thing our industry is lacking big, big time on is knowledge of HTML, especially -- and CSS, but mainly HTML. And there's always been I mean, I wrote a post by the day about it on Monday, where there's this theory that a button that's being created with live React Native, or whatever it is, is more accessible when it might be technically correct. But at the same time, there's a lot of caveats to that statement, and I think within this forum, and I see a lot of documentation, a lot of popular websites and code samples using very poor markup. So there's definitely a space for I'd say, lazy developers, you don't want to learn markup, because it is the founding, you know, is the core thing on the website is HTML, you know, you can't have a website without HTML, I think there's space for someone to just do it for them to put out an accessibility fire as I like to call it just reduce one more opportunity for someone to have a miserable experience with assistive technology is, is to give people our best point, you know, the, the correct markup for an article the correct amount of markup for post list or even for like an e-commerce, you know, something like? Yeah, definitely see space for that.
So I don't want to take up a huge amount of your time. So I'll move into the last last couple things. First and foremost, what's your like, actual jam right now? Like, what are you listening to? What's your favorite song or artists that you've got going on?
I was looking at Spotify before we started and there's this this is called, going to murder the name but Lyre le Temps, and I'll send you a link, put it in the show notes. And it's it's really funky. It's really it's been been on the constant loop for me recently. And while I've been working and doing a lot of design work recently, so it's really sort of suited to that I need I need music that makes puts me in a good mood when I do design otherwise, I do terrible work. So it doesn't really matter when I do development, I can listen to whatever design is a very specific thing that I need. And, yes, I'll send a link to the album. I've been listening to a lot of his career. It's really cool.
I think because it's especially when this goes out. Me and Heydon have created this thing called Every Layout, and it's something that's really important to both of us. We're really both really into CSS, as you mentioned, are on a newsletter, about CSS called Picallili, which incidentally, is getting report formed on the JAMstack as we speak.
But Every Layout is we're trying to distill CSS layouts and simplify them and teach people to simplify CSS as well. I think we, as a as an industry have overcomplicated CSS and we've thrown far too many heavy frameworks and heavy tools at what are actually simple layout problems.
And I think this is all a stigma about the modern layout tooling such as flexbox that Heydon and I are trying to solve, break and teach people how to use them. And yeah, it seems to be going quite well. So yeah, that that'll be ready for purchase. When when this goes out so go on and buy it because when you buy it, it means that we can give it for free to people who need it for free.
And that's the whole the whole mantra that we're doing with it is that we're using people's purchase licenses to then subsidize people who really need it for free and been able to give it to them. So yeah.
and that'll be in the show notes too. Yeah, it's definitely it's definitely worth checking out. We could do a whole episode about it. Have you and Heydon later on. But uh, yeah, it's amazing stuff. Cool. Well, thanks for for taking the time to talk with us today.