Footer — The only footer gallery on earth.
Footer is a curated gallery of the top website footer inspiration on earth. Find the footers you need and sort by type and style.
footer.design35 posts tagged with “web design”
footer.design
Chickens to Chatbots: Web Design’s Next Evolution
In the early 2000s to the mid-oughts, every designer I knew wanted to be featured on the FWA, a showcase for cutting-edge web design. While many of the earlier sites were Flash-based, it’s also where I discovered the first uses of parallax, Paper.js, and Three.js. Back then, websites were meant to be explored and their interfaces discovered.
A grid of winners from The FWA in 2009. Source: Rob Ford.
One of my favorite sites of that era was Burger King’s Subservient Chicken, where users could type free text into a chat box to command a man dressed in a chicken suit. In a full circle moment that perfectly captures where we are today, we now type commands into chat boxes to tell AI what to do.
I love this essay from Baldur Bjarnason, maybe because his stream of consciousness style is so similar to my own. He compares the rapidly changing economics of web and software development to the film, TV, and publishing industries.
Before we get to web dev, let’s look at the film industry, as disrupted by streaming.
Like, Crazy Rich Asians made a ton of money in 2018. Old Hollywood would have churned out at least two sequels by now and it would have inspired at least a couple of imitator films. But if they ever do a sequel it’s now going to be at least seven or even eight years after the fact. That means that, in terms of the cultural zeitgeist, they are effectively starting from scratch and the movie is unlikely to succeed.
He’s not wrong.
Every Predator movie after the first has underperformed, yet they keep making more of them. Completed movies are shelved for tax credits. Entire shows are disappeared [from] streamers and not made available anywhere to save money on residuals, which does not make any sense because the economics of Blu-Ray are still quite good even with lower overall sales and distribution than DVD. If you have a completed series or movie, with existing 4K masters, then you’re unlikely to lose money on a Blu-Ray.
I’ll quibble with him here. Shows and movies disappear from streamers because there’s a finite pot of money from subscriber revenue. So removing content will save them money. Blu-Ray is more sustainable because it’s an additional purchase.
OK, let’s get back to web dev.
He points out that similar to the film and other creative industries, developers fill their spare time with passion projects. But their day jobs are with tech companies and essentially subsidize their side projects.
And now, both the creative industries proper and tech companies have decided that, no, they probably don’t need that many of the “grunts” on the ground doing the actual work. They can use “AI” at a much lower cost because the output of the “AI” is not that much worse than the incredibly shitty degraded products they’ve been destroying their industries with over the past decade or so.
Bjarnason ends with seven suggestions for those in the industry. I’ll just quote one:
Don’t get tied to a single platform for distribution or promotion. Every use of a silo should push those interested to a venue you control such as a newsletter or website.
In other words, whatever you do, own your audience. Don’t farm that out to a platform like X/Twitter, Threads, or TikTok.
Of course, there are a lot of parallels to be drawn between what’s happening in the development and software engineering industries to what’s happening in design.
The web is a creative industry and is facing the same decline and shattered economics as film, TV, or publishing
Web dev at the end of the world, from Hveragerði, Iceland
baldurbjarnason.com
Re-Platforming with a Lot of Help From AI
I decided to re-platform my personal website, moving it from WordPress to React. It was spurred by a curiosity to learn a more modern tech stack like React and the drama in the WordPress community that erupted last month. While I doubt WordPress is going away anytime soon, I do think this rift opens the door for designers, developers, and clients to consider alternatives.
First off, I’m not a developer by any means. I’m a designer and understand technical things well, but I can’t code. When I was young, I wrote programs in BASIC and HyperCard. In the early days of content management systems, I built a version of my personal site using ExpressionEngine. I was always able to tweak CSS to style themes in WordPress. When Elementor came on the scene, I could finally build WP sites from scratch. Eventually, I graduated to other page builders like Oxygen and Bricks.
So, rebuilding my site in React wouldn’t be easy. I went through the React foundations tutorial by Next.js and their beginner full-stack course. But honestly, I just followed the steps and copied the code, barely understanding what was being done and not remembering any syntax. Then I stumbled upon Cursor, and a whole new world opened up.
Adapt or Die
Yesterday Apple announced its third-generation iPad, simply named “iPad.” Buried in MG Siegler’s excellent take on the press event is this statement:
What's more likely — 5 years from now, your primary home computing device is a PC? Or 5 years from now, your primary home computing device is a tablet? Just two years ago, this question would have been an absolute joke. Now it's a joke to think it will take a full five years.
In the post-PC world, tablets are becoming the new normal more and more. In just the two years since the iPad was first introduced, we’ve seen it pervasive on airplanes to entertain children, many executives in Silicon Valley walking around with them instead of lugging laptops, and even the President of the United States receiving his Presidential Daily Briefing via iPad instead of a sheet of paper.
Re-Typesetting the Star Wars Crawl
Recently Guillermo Esteves did a fantastic experiment with HTML5 and CSS3 by recreating the opening crawl to Star Wars. Although it only currently works in Safari 4, it’s a good preview of how to create something dynamic using web standards and web fonts once the other browsers come along.
But Guillermo’s experiment also reminded me of how awful the typography was of those opening crawls. The original Star Wars opening crawl uses two different typefaces (three if you count “A long time ago…”), is justified without hyphenation, and thus creates obvious rivers and awkward tracking.
