Search

Nalezeno "Mind": 213

Let’s Make a Multi-Thumb Slider That Calculates The Width Between Thumbs

23.6.2020
HTML has an <input type="range">, which is, you could argue, the simplest type of proportion slider. Wherever the thumb of that slider ends up could represent a proportion of whatever is before and whatever is after it (using the value and max attributes). Getting fancier, it’s possible...

Overlapping Header with CSS Grid

1.6.2020
Snook shows off a classic design with an oversized header up top, and a content area that is “pulled up” into that header area. My mind goes to the same place: Historically, I’ve done this with negative margins. The header has a height that adds a bunch of padding to the bottom...

PureCSS Gaze

28.5.2020
Diana Smith with another mind-bending all HTML & CSS painting. I love that these occupy a special place on the “Should I draw this in CSS?” curve. Things like simple shapes are definitely on the “yes” side of the curve. Then there’s a large valley where things...

Comparing Social Media Outlets for Developer Tips

15.5.2020
As a little experiment, I shared a development tip on three different social networks. I also tried to post it in a format that was most suitable for that particular social network: On Twitter, I made it a thread. On Instagram, I made it a series of images. On YouTube, I made it a video. How...

Online Together

14.5.2020
(This is a sponsored post.) An Event Apart: Online Together is a single-day online conference with an intense focus on digital design, UX, content, code, and more, giving you deep insights into where we are now and where things are going next. AEA! With a brand new online version of their...

JPMorgan Chase Starts Accepting Bitcoin Businesses for Banking Services

12.5.2020
JPMorgan Chase has reportedly started providing banking services to bitcoin businesses, with the first two clients being Coinbase and Gemini exchanges. JPMorgan also recently recommended having cryptocurrency in investment portfolios as its CEO, Jamie Dimon, changed his mind about bitcoin. JPMorgan...

min(), max(), and clamp() are CSS magic!

12.5.2020
Nice video from Kevin Powell. Here are some notes, thoughts, and stuff I learned while watching it. Right when they came out, I was mostly obsessed with font-size usage, but they are just functions, so they can be used anywhere you’d use a number, like a length. Sometimes pretty basic usage...

Getting JavaScript to Talk to CSS and Sass

3.4.2020
JavaScript and CSS have lived beside one another for upwards of 20 years. And yet it’s been remarkably tough to share data between them. There have been large attempts, sure. But, I have something simple and intuitive in mind — something not involving a structural change, but rather putting...

Web Performance Checklist

2.4.2020
The other day, I realized that web performance is an enormous topic covering so very much — from minimizing assets to using certain file formats, it can be an awful lot to keep in mind while building a website. It’s certainly far too much for me to remember! So I made a web performance checklist....

4 Ways to Animate the Color of a Text Link on Hover

3.3.2020
Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors. There are four different techniques we can use to do this. Let’s look at those while being mindful of important things, like accessibility, performance,...

Mind the Gap: Why ETH Price and DeFi Adoption Aren’t in Sync

16.2.2020
Demand for DeFi lending services built on ethereum shows a pattern of inverse relationship to the price of ETH. When ether prices are falling, the amount of ETH locked in DeFi tends to rise. Most recent data indicate the relationship operates the other way, too

Smaller HTML Payloads with Service Workers

31.1.2020
Short story: Philip Walton has a clever idea for using service workers to cache the top and bottom of HTML files, reducing a lot of network weight. Longer thoughts: When you're building a really simple website, you can get away with literally writing raw HTML. It doesn't take long to need a...

Use and Reuse Everything in SVG… Even Animations!

28.1.2020
If you are familiar with SVG and CSS animations and started to work with them often, here are some ideas you might want to keep in mind before jumping into the job. This article will be about learning how to build and optimize your code with <use> element, CSS Variables and...

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