Search

Nalezeno "Mind": 276

A Bit on Web Component Libraries

29.7.2020
A run of Web Components news crossed my desk recently so I thought I’d group it up here. To my mind, one of the best use cases for Web Components is pattern libraries. Instead of doing, say, <ul class="nav nav-tabs"> like you would do in Bootstrap or <div class="tabs"> like...

John Perry Barlow: A Declaration of the Independence of Cyberspace

4.7.2020
Governments of the Industrial World, you weary giants of flesh and steel, I come from Cyberspace, the new home of Mind. On behalf of the future, I ask you of the past to leave us alone. You are not welcome among us. You have no sovereignty where we gather. We have no elected government,...

Hide Scrollbars During an Animation

24.6.2020
CSS still can’t animate to auto dimensions. .dropdown { transition: 0.2s; height: 0; } .dropdown.open { /* the height will change, but it won't animate. */ height: auto; } There is JavaScript trickery you can try. Brandon Smith outlined several techniques here a little while back....

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,...

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