Search

Nalezeno "them": 1704

Front-End Challenges

17.4.2020
My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If the websites you make can help yourself or anyone else you care about, then that’s also great. In lieu of that, you can also make things...

Better Form Inputs for Better Mobile User Experiences

17.4.2020
Here’s one simple, practical way to make apps perform better on mobile devices: always configure HTML input fields with the correct type, inputmode, and autocomplete attributes. While these three attributes are often discussed in isolation, they make the most sense in the context of mobile user...

Creating Color Themes With Custom Properties, HSL, and a Little calc()

16.4.2020
Before the advent of CSS custom properties (we might call them “variables” in this article as that’s the spirit of them), implementing multiple color schemes on the same website usually meant writing separate stylesheets. Definitely not the most maintainable thing in the world. Nowadays, though,...

How the Vue Composition API Replaces Vue Mixins

15.4.2020
Looking to share code between your Vue components? If you’re familiar with Vue 2, you’ve probably used a mixin for this purpose. But the new Composition API, which is available now as a plugin for Vue 2 and an upcoming feature of Vue 3, provides a much better solution. In this article...

CSS Foldable Display Polyfill

9.4.2020
Foldable phones are starting to be a thing. Early days, for sure, but some are already shipping, and they definitely have web browsers on them. Stands to reason that, as web designers, we are going to want to know where that fold is so we can design screens that fit onto the top half and bottom...

CSS-Only Marquee Effect

5.4.2020
You make sure the text is more than twice the width of the screen, then use negative translate animations to do the marquee movement. You’ll probably want to aria-hidden all but one of them if you need to duplicate the text. Or, you could use a very clever CSS trick...

Some Typography Links

3.4.2020
I just can’t stop bookmarking great links related to typography. I’m afraid I’m going to have to subject you, yet again, to a bunch of them all grouped up. So those of you that care about web type stuff, enjoy. I know there are lots of good reasons to be excited about variable...

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

How They Fit Together: Transform, Translate, Rotate, Scale, and Offset

30.3.2020
Firefox 72 was first out of the gate with "independent transforms." That is, instead of having to combine transforms together, like: .el { transform: rotate(10deg) scale(0.95) translate(10px, 10px); } ...we can do: .el { rotate: 10deg; scale: 0.95; translate: 10px 10px; } That's extremely...

Bitcoin Miners Are Selling Coins Faster Than They Can Generate Them

27.3.2020
According to data sites and a number of observers, bitcoin miners are selling coins faster than they can produce them. Ever since the market downturn on March 12 and the week of falling prices that followed, bitcoin miners have been struggling. Also read: Bitcoin Hashrate Down 45% – Miners...

Auto-Growing Inputs & Textareas

25.3.2020
By default, <input> and <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way to make them do that. Kinda funny, as that seems like a reasonable use-case. But of course, there are ways, my friend. There are always...

Performance Links

24.3.2020
I've had a number of browser tabs open to articles all related to web performance and gosh darn it if blogging them is a way for me get some closure. They are all good! Manuel Matuzovic, Why 543 KB keep me up at night: Yes, I know, it depends. 543 KB aren't always bad, but on that specific page...

Consistent Backends and UX: What are the Barriers to Adoption?

19.3.2020
There are very few scenarios in which an eventually consistent database is preferable over a strongly consistent database. Further, in a multi-region application scenario where scaling is necessary, choosing either an undistributed database or an eventually consistent database is even more...

A Few Background Patterns Sites

18.3.2020
If I need a quick background pattern to spruce something up, I often think of the CSS3 Patterns Gallery. Some of those are pretty intense but remember they are easily editable because they are just CSS. That means you could take these bold zags and chill them out. CodePen Embed Fallback My usual...

15 Things to Improve Your Website Accessibility

17.3.2020
This is a really great list from Bruce. There is a lot of directly actionable stuff here. Send it around to your team and make it something that you all go through together. Here's a little one that prodded me to finally fix... Most screen readers allow the user to quickly see a list of links...

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