Search

Nalezeno "rather": 254

A (terrible?) way to do footnotes in HTML

13.1.2021
Terence Eden poked around with a way to do footnotes using the <details>/<summary> elements. I think it’s kind of clever. Rather than a hyperlink that jumps down to explain the footnote elsewhere, the details are right there next … The post A (terrible?) way to...

Careful When Changing the Display of `summary`

12.1.2021
I got a very helpful bug report the other day (thanks Kilian!) about the <details> element in a blog post of mine not showing the default ▶ icon, and thus looking rather like any ol’ random <p>. It … The post Careful When Changing the Display of `summary`...

Svelte and Spring Animations

8.1.2021
Spring animations are a wonderful way to make UI interactions come to life. Rather than merely changing a property at a constant rate over a period of time, springs allow us to move things using spring physics, which gives the … The post Svelte and Spring Animations appeared first...

A Calendar in Three Lines of CSS

24.12.2020
This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct...

Overlaying Video With Transparency While Wrangling Cross-Browser Support

8.12.2020
As websites are becoming more and more dynamic when it comes to design, there is sometimes a need to incorporate complex, animated elements. There are many ways to do that from CSS transitions to 3D rendering on canvas, and animated SVG. But it is often easier to use a <video> since they...

Late to Logical

7.12.2020
2020 brought another wave of logical property features to major browsers and I’ve thoroughly enjoyed my investment into logical, rather than physical, web styling. I feel like I’ve learned a new way to speak about the box model that results in less written code with more global coverage. p { ...

Styling Comment Threads

7.12.2020
Comment threads are one of those things that look really simple when executed right. When designing them yourself, you may find that they are rather deceptively simple. There is a lot that goes into designing nice and usable comment threads, and in this article, I will try my best to walk...

How to Get Sticky and Full-Bleed Elements to Play Well Together

4.12.2020
I had a unique requirement the other day: to build a layout with full-bleed elements while one element stays stuck to the top. This ended up being rather tricky to pull off so I’m documenting it here in case anyone needs to re-create this same effect. Part of the trickiness was dealing with logical...

Bullrun Pushing More Investors To Jump on Securypto

4.12.2020
PRESS RELEASE. Securypto focuses on safe and truly anonymous exchange of data. In a world where datahacks have become the norm rather than the exception, anonymity has become a necessity. Acknowledging the massive support from their community, Securypto lead developer Sam Nokati expressed...

Thinking Outside the Box with CSS Grid

19.11.2020
Great tutorial from Alex Trost (based on some demos, like this one, from Andy Barefoot) showcasing how, while CSS grid has straight grid lines across and down, you can place items across grid lines creating a staggered effect that looks pretty rad. Grid-like, but it appears to align to diagonal...

The New Bullrun Rushes Investors Towards Securypto

30.10.2020
PRESS RELEASE. With Round 1 Fully Sold Out, Investors scramble to get on board of Securypto IEO. In a world where datahacks have become the norm rather than the exception, anonymity has become a necessity. Securypto project is making headlines across major news media for its remarkable innovative...

Create an FAQ Slack app with Netlify functions and FaunaDB

22.10.2020
Sometimes, when you’re looking for a quick answer, it’s really useful to have an FAQ system in place, rather than waiting for someone to respond to a question. Wouldn’t it be great if Slack could just answer these FAQs for us? In this tutorial, we’re going to be making just that: a slash command...

Some New Icon Sets

29.9.2020
I’ve bookmarked some icon sets lately, partly because I can never find a nice set when I need to. I figured I’d even go the extra mile here and blog them so I can definitely find them later. Aside from being nice, cohesive, and practical sets of icons, I find it interesting that...

Using @property for CSS Custom Properties

3.9.2020
Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string. So rather than something like this: html { --stop: 50%; } …can be declared with more details like this: @property --stop { syntax:...

Year-End Gold and Bitcoin Price Predictions from Regular Everyday People

10.8.2020
Just recently, news.Bitcoin.com talked to a number of individuals and asked them to let us know what they think the price of bitcoin and gold will be by the year’s end. Rather than leveraging the typical predictions from experts, executives, and crypto luminaries, the post delves into...

JavaScript Fatigue

6.8.2020
From Nicholas Zakas’ newsletter, on how he avoids JavaScript fatigue:  I don’t try to learn about every new thing that comes out. There’s a limited number of hours in the day and a limited amount of energy you can devote to any topic, so I choose not to learn about anything...

Want to get better at code? Teach someone CSS.

28.7.2020
A friend of mine recently asked me to teach her to code. She was an absolute beginner, having no idea what coding really involves. I decided to start where I started: HTML and CSS. Using CodePen, we started forking Pens and altering them. Soon, a learning path started to unravel. The aim of this...

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