Search

Nalezeno "can": 8281

This vs. That


Here’s a nice site from Phuoc Nguyen, who I’ve noted before has quite a knack for clever sites. This vs. That pits different related concepts against each other as a theme for an article. For example, CSS has display: none;, opacity: 0;, and visibility: hidden; and they all, on...

12 Bitcoin Cash-Fueled Flipstarter Campaigns Raise $1 Million


The Flipstarter platform has gained traction in the last five months raising $1 million in bitcoin cash for 12 different campaigns. In a recent read.cash blog post, the team behind Flipstarter’s development said the application demonstrates how “stakeholder funding of the commons...

Offering Options for mailto: and tel: Links


I generally like mailto: links. But I feel like I can smell a mailto: link without even inspecting or clicking it, like some kind of incredibly useless superpower. I know that if I’ve got my default mail client set, clicking that link will do what I want it to do, and if I want, I...

A CSS-only, animated, wrapping underline


Nicky Meuleman, inspired by Cassie Evans, details how they built the anchor link hover on their sites. When a link is hovered, another color underline kinda slides in with a gap between the two. Typical text-decoration doesn’t help here, so multiple backgrounds are used instead,...

Let’s Make a Vue-Powered Monthly Calendar


Have you ever seen a calendar on a webpage and thought, how the heck did they did that? For something like that, it might be natural to reach for a plugin, or even an embedded Google Calendar, but it’s actually a lot more straightforward to make one than you might think. Especially when we use...

Leading-Trim: The Future of Digital Typesetting


leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it — including how Microsoft has advocated for it — and that it’s now part of the Inline Layout Module Level 3 spec. You’d use...

Optimize Images with a GitHub Action


I was playing with GitHub Actions the other day. Such a nice tool! Short story: you can have it run code for you, like run your build processes, tests, and deployments. But it’s just configuration files that can run whatever you need. There is a whole marketplace of Actions wanting to do work...

To grid or not to grid


Sarah Higley does accessibility work and finds that “tables and grids are over-represented in accessibility bugs.” The drum has been banged a million times: don’t use a <table> for layout. But what goes around comes around. What’s the the #1 item in a list...

A Community-Driven Site with Eleventy: Building the Site


In the last article, we learned what goes into planning for a community-driven site. We saw just how many considerations are needed to start accepting user submissions, using what I learned from my experience building Style Stage as an example. Now that we’ve covered planning, let’s get to some...

Never Build a CSV Importer Again


(This is a sponsored post.) CSV import as a process is broken. Messy customer data, edge cases, encoding formats, error messages, non-technical users: importing data into applications is a huge pain! Ingesting data has been long neglected as a software product experience, leading to customer...

Let’s Make Generative Art We Can Export to SVG and PNG


Let’s say you’re a designer. Cool. You’ve been hired to do some design work for a conference. All kinds of stuff. Website. Printed schedules. Big posters for the rooms. Preroll slides. You name it. So you come up with an aesthetic for it all — a design vibe that ties it...

Chapter 3: The Website


Previously in web history… Berners-Lee, motivated by his own curiosity, creates the World Wide Web at CERN. He releases its technologies to the public domain, which enables the development of several new browsers for every operating system. Mosaic proves to the most popular, and...

A Community-Driven Site with Eleventy: Preparing for Contributions


I’ve recently found myself reaching for Eleventy (aka 11ty) above all other tools when I want to develop a website. It’s hard to beat a static site generator that provides advanced templating opportunities while otherwise getting out of your way and allowing you to just create. One...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace