Select Page

Category: Link

Live Share / Teletype

Amanda Silver introduces “Visual Studio Live Share”, which: enables developers using Visual Studio 2017 or Visual Studio Code to collaborate in real-time! This goes a bit deeper than just a multiple-cursors thing. Both people get all the same fancy VS code UI stuff like IntelliSense and Peek. GitHub’s Atom editor also has Teletype, which: lets developers share their workspace with team members and collaborate on code in real time. Atom has the concept of a host, in which: As the host moves between files, collaborators follow along with the active tab automatically. I’d be remiss not to mention CodePen has Collab Mode and Professor Mode, which require zero setup. Shoot someone a URL and go! Direct Link to Article — Permalink Live Share / Teletype is a post from CSS-Tricks...

Read More

Discover The Fatwigoo

When you use a bit of inline and you don’t set height and width, but you do set a viewBox, that’s a fitwigoo. I love the name. The problem with fatwigoo’s is that the will size itself like a block-level element, rendering enormously until the CSS comes in and (likely) has sizing rules to size it into place. It’s one of those things where if you develop with pretty fast internet, you might not ever see it. But if you’re somewhere where the internet is slow or has high latency (or if you’re Karl Dubost and literally block CSS), you’ll probably see it all the time. I was an offender before I learned how obnoxious this is. At first, it felt weird to size things in HTML rather than CSS. My solution now is generally to leave sensible defaults on inline SVG (probably icons) like height="20" width="20" and still do my actual sizing in CSS. Direct Link to Article — Permalink Discover The Fatwigoo is a post from CSS-Tricks...

Read More

Text Input with Expanding Bottom Border

Petr Gazarov published a pretty rad little design pattern in his article Text input highlight, TripAdvisor style. It’s a trick! You can’t really make an stretch like that, so Petr makes a to sync the value too, which acts as the border itself. The whole thing is a React component. If you’re willing to use a instead, you could do the whole thing in CSS! See the Pen Outline bottom by Chris Coyier (@chriscoyier) on CodePen. Although that also means no placeholder. Direct Link to Article — Permalink Text Input with Expanding Bottom Border is a post from CSS-Tricks...

Read More

“almost everything on computers is perceptually slower than it was in 1983”

Good rant. Thankfully it’s a tweetstorm not some readable blog post. 😉 I think about this kind of thing with cable box TV UX. At my parent’s house, changing the channel takes like 4-5 seconds for the new channel to come in with all the overlays and garbage. You used to be able to turn a dial and the new channel was instantly there. You’d like to think performance is a steady march forward. Computers are so fast these days! But it might just be a steady march backward. Direct Link to Article — Permalink “almost everything on computers is perceptually slower than it was in 1983” is a post from CSS-Tricks...

Read More

Make Like it Matters

(This is a sponsored post.) Our sponsor Media temple is holding a contest to give away a bunch of stuff, including a nice big monitor and gift cards. Entering is easy, you just drop them an image or URL to a project you’re proud of. Do it quickly though, as entries end on Tuesday. Then the top 20 will be publicly voted on. US residents only. Direct Link to Article — Permalink Make Like it Matters is a post from CSS-Tricks...

Read More
000webhost logo