Search

Nalezeno "is just": 4113

Decorating lines of text with box-decoration-break


An institution’s motto, an artist’s intro, a company’s tagline, a community’s principle, a service’s greeting… all of them have one thing in common: they’re one brief paragraph displayed on a website’s home page — or at least the about page! It’s rare that just one word or one line of text...

Managing Heading Levels In Design Systems


Heydon Pickering looks into how to give a React component a certain heading (like <h1>, <h2>, etc.) depending on its context and thereby ensure that the DOM is still perfectly accessible for screen readers. Why is using the right heading important though? Heydon writes in...

Ideas for Proximity Feedback with Progressive Hover Effects


We're exploring a progressive hover effect which triggers not just when we are hovering an element but progressively, when we come close to it. Ideas for Proximity Feedback with Progressive Hover Effects was written by Mary Lou and published on Codrops

Container-Adapting Tabs With “More” Button


Or the priority navigation pattern, or progressively collapsing navigation menu. We can name it in at least three ways. There are multiple UX solutions for tabs and menus and each of them have their own advantages over another, you just need to pick the best for the case you are trying to solve....

Wakamai Fondue


Roel Nieskens released a tool that lets you upload a font file and see what’s inside, from how many characters it contains to the number of languages it supports. Here’s what you see once you upload a font, in this case Covik Sans Mono Black: Why is this data useful? Well, I used this tool just...

Finger-friendly numerical inputs with `inputmode`


Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input...

Grid to Flex


Una Kravets shows how to make layouts in CSS Grid with flexbox fallbacks for browsers that don’t support those grid properties just yet. Una writes: CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect...This site...

5 Crucial Concepts for Learning d3.js and How to Understand Them


You may have already heard about d3.js, the dazzling JavaScript library that lets you create beautiful charts and graphics with just a few lines of code. You might have seen some of the fantastic examples of D3 in action, or you may have heard that the New York Times uses it to create...

To The Moon's Sequel Feels Just A Bit Too Familiar


It’s been six years since everybody cried playing To The Moon, an indie narrative game about venturing into a dying man’s memories to fulfill his final wish. A lot has changed, especially in the world of independent game development. Sequel Finding Paradise, however, picks up right where To...

Computer says NO to HTML5 document outline


What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like...

Computer says NO to HTML5 document outline


What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like...

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