Category: Design

grayscale photography of closed window
Adobe Commerce

Perfect 100 Web.Dev PageSpeed Score

So you’re looking for the elusive perfect 100 PageSpeed score on pagespeed.web.dev, correct? That Sweet, Sweet 100 PageSpeed Score You know that feeling when you run Google PageSpeed Insights and see anything above 90? Pretty good, right? Now imagine hitting a perfect 100. Not 99. Not “close enough.” A straight-up perfect score that makes Google’s algorithm do a little happy dance. Is It Even Possible? Short answer: Yes. Longer answer: Yes, but it depends on your site. We’ve gotten plenty of sites to that magical 100/100 mark. Clean code, optimized images, smart caching, no bloated plugins doing backflips in the background. It’s doable. But here’s the thing – not every site needs a perfect score, and some sites have… let’s call them “challenges.” Like that page builder you love that loads 47 JavaScript files. Or that tracking pixel your marketing team says is “absolutely critical.” Or the client who insists on autoplay video backgrounds because it’s 2015 somewhere. Sure basic sites can be fast but what about sites with huge databases and catalogs– can they reach 100? This site has 250k pieces of content. One of our clients has a catalog of 500k product SKUs. It can be done. What Actually Makes a Difference The stuff that moves the needle: Want to Know If Your Site Can Hit 100? Foxco can take a look under the hood — and we’ll tell you straight up: We’ll analyze your site for free and give you a real assessment – not a sales pitch dressed up as an audit. If we can hit 100, we’ll tell you how. If we can’t, we’ll tell you why and what score is actually realistic. Does a 100 Score Actually Matter? Honestly? The difference between 95 and 100 is mostly just bragging rights. The difference between 60 and 95? That’s real money. Faster sites convert better, rank better, and don’t make people rage-quit on mobile. But if you want that perfect score – and you’ve got a site that can realistically get there – we’re happy to make it happen. There’s something deeply satisfying about seeing all green across the board. Let’s Take a Look Send us your URL. We’ll run it through our gauntlet of speed tests and tell you what’s possible. No obligations, no “schedule a demo” nonsense. Just a straight answer about whether your site can hit 100 and what it would take to get there.

Read More »
a light bulb hanging from a ceiling in a room
CSS

CSS: Flickering Lightbulb Effect

I’m an old timey guy who likes old timey things. I’m a sucker for an old diner or dive bar where the sign flickers and then stays bright, showing that it’s trying and ultimately, succeeding. It reminds me of Early Times whiskey, and how it doesn’t taste like the future, it tastes like the past. But that’s another story. You might want to add this effect somewhere on your website, it’s fairly easy. Either add this to your stylesheet or Blocks / Elementor / Gutenberg as a CSS class. This is the class: flicker-lightbulb (i’ve provided an alternative class below if you like a slightly different style). Here’s the CSS, feel free to copy and paste:

Read More »
marine blue
Design

PROJECT: Marine Battery (MarineBattery.com)

Foxco is finishing up a cool project right now, Marine Battery (MarineBattery.com) built on WordPress & WooCommerce. What makes Marine Batteries interesting? In 2023, the global Marine Battery market was valued at $550 million. By 2030, it’s projected to surge to $2.3 billion—a staggering 400% growth in under a decade. While the broader battery market may slow due to longer-lasting lithium tech, marine batteries are on a different trajectory, drawing sharp investor and industry focus. What’s Driving the Growth? This shift marks a fundamental transformation in how recreational and small commercial boats are powered—and marine batteries are at the heart of it. A couple cool features on the Marine Battery website: 1. Trolling Motor Runtime Calculator: how long will your trolling motor last per outing, based on various criteria, such as: 2. Marine Battery Lifespan Calculator: Whereas the other calculator will tell you about how long your battery will last out in the water, this calculator tells you how long your battery will last over time (years etc) also based on various criteria. 3. Applications, Cross References & Big Data. Eventually this site will have thousands of SKUs and a listing for every make model and series of watercraft ever made (Big Data!). I’ll add more as the project is finalized.

Read More »

Why is everything so ugly?

WE LIVE IN UNDENIABLY UGLY TIMES.  Architecture, industrial design, cinematography, probiotic soda branding — many of the defining features of the visual field aren’t sending their best. Despite more advanced manufacturing and design technologies than have existed in human history, our built environment tends overwhelmingly toward the insubstantial, the flat, and the gray, punctuated here and there by the occasional childish squiggle. This drab sublime unites flat-pack furniture and home electronics, municipal infrastructure and commercial graphic design: an ocean of stuff so homogenous and underthought that the world it has inundated can feel like a digital rendering — of a slightly duller, worse world. If the Situationists drifted through Paris looking to get defamiliarized, today a scholar of the new ugliness can conduct their research in any contemporary American city — or upzoned American Main Street, or exurban American parking lot, or, if they’re really desperate, on the empty avenues of Meta’s Horizon Worlds. Our own walk begins across the street from our apartment, where, following the recent demolition of a perfectly serviceable hundred-year-old building, a monument to ugliness has recently besieged the block. Our new neighbor is a classic 5-over-1: retail on the ground floor, topped with several stories of apartments one wouldn’t want to be able to afford. The words THE JOSH have been appended to the canopy above the main entrance in a passionless font. We spent the summer certain that the caution tape–yellow panels on The Josh’s south side were insulation, to be eventually supplanted by an actual facade. Alas, in its finished form The Josh really is yellow, and also burgundy, gray, and brown. Each of these colors corresponds to a different material — plastic, concrete, rolled-on brick, an obscure wood-like substance — and the overall effect is of an overactive spreadsheet. Trims, surfaces, and patterns compete for attention with shifty black windows, but there’s nothing bedazzling or flamboyant about all this chaos. Somehow the building’s plane feels flatter than it is, despite the profusion of arbitrary outcroppings and angular balconies. The lineage isn’t Bauhaus so much as a sketch of the Bauhaus that’s been xeroxed half a dozen times. The Josh is aging rapidly for a 5-month-old. There are gaps between the panels, which have a taped-on look to them, and cracks in the concrete. Rust has bloomed on surfaces one would typically imagine to be rustproof. Every time it rains, The Josh gets conspicuously . . . wet. Attempts have been made to classify structures like this one and the ethos behind their appearance: SimCityist, McCentury Modern, fast-casual architecture. We prefer cardboard modernism, in part because The Josh looks like it might turn to pulp at the first sign of a hundred-year flood. Writing a century ago, H. L. Mencken bemoaned America’s “libido for the ugly.” There exists, he wrote, a “love of ugliness for its own sake, the lust to make the world intolerable. Its habitat is the United States.” However mystical and psychosexual his era’s intolerability might have felt in its origins, by the 1940s the explanations were more prosaic. With the wartime rationing of steel and sudden dearth of skilled labor, concrete structural systems quickly gained appeal — as did buildings that could be made piecemeal in a factory, put on a trailer, and nailed together anywhere in the country. And as the postwar baby boom took hold, such buildings were soon in high demand, fulfilling modernism’s wildest dreams of standardization with little of the glamour. A few Levittowns later, the promise of salvation-by-mass-production would come to seem elusive: new manufacturing techniques were transforming both the buildings and the builders building them. In Prisoners of the American Dream, Mike Davis describes how, in the 1970s, “the adoption of new building technologies involving extensive use of prefabricated structures, like precast concrete, eroded the boundaries of traditional skills and introduced a larger semi-skilled component into the labor force.” If it’s cheaper to assemble concrete panels than to hire bricklayers, cityscapes will eventually contain fewer bricks. Read the rest of this piece here on N+1 Magazine If it’s cheaper to assemble concrete panels than to hire bricklayers, cityscapes will eventually contain fewer bricks.

Read More »
lorem ipsum
Design

some clean Lorem ipsum dolor examples

I keep this here for when I need Lorem Ipsum. I always know where to find it and I know it’s not filled with links or spam. Feel free to use it yourself.  Prodeo, amicus.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis dignissim ultrices. Suspendisse ut sollicitudin nisi. Fusce efficitur nec nunc nec bibendum. Praesent laoreet tortor quis velit facilisis faucibus. Maecenas sollicitudin lectus diam, non vehicula arcu ullamcorper ac. In pharetra, est vitae interdum tincidunt, urna ligula rutrum tellus, sit amet pharetra purus magna eu enim. Sed iaculis imperdiet nisi, et pulvinar mauris gravida maximus. Phasellus vitae lorem at sem mattis volutpat. In eget dictum dui. Quisque nec sapien at massa mattis semper. Ut ac malesuada turpis. Fusce eu nulla vehicula, tincidunt dui ultrices, fermentum felis. Aliquam lectus nisi, feugiat ut aliquet sed, posuere sed libero. Pellentesque consectetur massa nec nulla fermentum, at tincidunt elit volutpat. Duis vulputate placerat tortor, sit amet eleifend mauris tincidunt sit amet. Aliquam a maximus ligula. Phasellus nec sapien sed tellus tempor eleifend id a erat. Donec convallis bibendum posuere. Quisque mollis imperdiet malesuada. Suspendisse eget dictum massa. Phasellus ac posuere nibh, in finibus nulla. In diam arcu, luctus sit amet condimentum sit amet, tristique et leo. Sed tincidunt justo a porttitor tristique. Nulla eu metus tincidunt, ornare magna ullamcorper, semper lacus. Quisque vitae porttitor odio, id tincidunt tellus. Fusce a suscipit eros. Proin sit amet risus fermentum, lobortis quam sed, consequat velit. Quisque sit amet ultricies lorem. Phasellus scelerisque ipsum eget ipsum posuere suscipit. Proin id molestie mauris, a venenatis ipsum. Quisque efficitur, nibh a dapibus mollis, metus tortor fermentum ante, non pellentesque mi magna non leo. Integer quis sem hendrerit, euismod dolor id, dapibus nulla. Maecenas non ultrices lorem. Pellentesque lobortis, diam eget feugiat lacinia, ante augue ullamcorper tortor, vel ornare sapien lacus pharetra quam. Unformatted code below: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis dignissim ultrices. Suspendisse ut sollicitudin nisi. Fusce efficitur nec nunc nec bibendum. Praesent laoreet tortor quis velit facilisis faucibus. Maecenas sollicitudin lectus diam, non vehicula arcu ullamcorper ac. In pharetra, est vitae interdum tincidunt, urna ligula rutrum tellus, sit amet pharetra purus magna eu enim. Sed iaculis imperdiet nisi, et pulvinar mauris gravida maximus. Phasellus vitae lorem at sem mattis volutpat. In eget dictum dui. Quisque nec sapien at massa mattis semper. Ut ac malesuada turpis. Fusce eu nulla vehicula, tincidunt dui ultrices, fermentum felis. Aliquam lectus nisi, feugiat ut aliquet sed, posuere sed libero. Pellentesque consectetur massa nec nulla fermentum, at tincidunt elit volutpat. Duis vulputate placerat tortor, sit amet eleifend mauris tincidunt sit amet. Aliquam a maximus ligula. Phasellus nec sapien sed tellus tempor eleifend id a erat. Donec convallis bibendum posuere. Quisque mollis imperdiet malesuada. Suspendisse eget dictum massa. Phasellus ac posuere nibh, in finibus nulla. In diam arcu, luctus sit amet condimentum sit amet, tristique et leo. Sed tincidunt justo a porttitor tristique. Nulla eu metus tincidunt, ornare magna ullamcorper, semper lacus. Quisque vitae porttitor odio, id tincidunt tellus. Fusce a suscipit eros. Proin sit amet risus fermentum, lobortis quam sed, consequat velit. Quisque sit amet ultricies lorem. Phasellus scelerisque ipsum eget ipsum posuere suscipit. Proin id molestie mauris, a venenatis ipsum. Quisque efficitur, nibh a dapibus mollis, metus tortor fermentum ante, non pellentesque mi magna non leo. Integer quis sem hendrerit, euismod dolor id, dapibus nulla. Maecenas non ultrices lorem. Pellentesque lobortis, diam eget feugiat lacinia, ante augue ullamcorper tortor, vel ornare sapien lacus pharetra quam.

Read More »