Search

Nalezeno "Interfaces": 56

Why, How, and When to Use Semantic HTML and ARIA

7.5.2019
Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple way possible. They add essential meaning to your content, which lets web browsers, search engines, screen readers, RSS readers, and ultimately...

Collective #513

6.5.2019
Making Future Interfaces: ES Modules * Brevis * Found color * A Conspiracy To Kill IE6 * Gameboy.Live Collective #513 was written by Pedro Botelho and published on Codrops

Open FaceTime Call from Command Line

11.4.2019
Communication tools are always associated with UIs, and for good reason — if you want communication to be easy and intuitive, you need easy and intuitive interfaces. We need communication tools to provide the lowest barrier of entry, since not all users will be tech savvy. For tech experts...

Under-Engineered Toggles

10.4.2019
Toggles. Switches. Whatever you want to call them, they've been with us for some time and have been a dominant a staple for many form interfaces. They're even baked right into many CSS frameworks, including Bootstrap and Foundation. It's easy to think of them in binary terms: on and off. Off...

Design Systems and Portfolios

15.3.2019
In my experience working with design systems, I’ve found that I have to sacrifice my portfolio to do it well. Unlike a lot of other design work where it’s relatively easy to present Dribbble-worthy interfaces and designs, I fear that systems are quite a bit trickier than that. You could make things...

Accessibility is not a “React Problem”

11.3.2019
Leslie Cohn-Wein's main point: While [lots of divs, inline styles, focus management problems] are valid concerns, it should be noted that nothing in React prevents us from building accessible web apps. True. I'm quite capable (and sadly, guilty) of building inaccessible interfaces with React...

Six tips for better web typography

27.2.2019
How do we avoid the most common mistakes when it comes to setting type on the web? That’s the question that’s been stuck in my head lately as I’ve noticed a lot of typography that’s lackluster, frustrating, and difficult to read. So, how can we improve interfaces so that our content is easy to read...

CSS Variables + calc() + rgb() = Enforcing High Contrast Colors

21.2.2019
As you may know, the recent updates and additions to CSS are extremely powerful. From Flexbox to Grid, and — what we’re concerned about here — Custom Properties (aka CSS variables), all of which make robust and dynamic layouts and interfaces easier than ever while opening up many other...

Testing React and Redux Apps with Jest

5.2.2019
React is a popular library for building user interfaces created by Facebook. Redux on the other hand is a wonderful s

Testing React and Redux Apps with Jest

5.2.2019
React is a popular library for building user interfaces created by Facebook. Redux on the other hand is a wonderful s

An Introduction and Guide to the CSS Object Model (CSSOM)

10.12.2018
If you've been writing JavaScript for some time now, it's almost certain you've written some scripts dealing with the Document Object Model (DOM). DOM scripting takes advantage of the fact that a web page opens up a set of APIs (or interfaces) so you can manipulate and otherwise deal with elements...

Collective #472

29.11.2018
Windrift * Read color hex codes * Windriftvar to JIT * NES.css * Aminal * CSS Animation 101 * Making Future Interfaces: Unusual Shapes Collective #472 was written by Pedro Botelho and published on Codrops

3 Useful TypeScript Tips for Angular

4.6.2018
These are the 3 tips I found pretty handy while working with Typescript: Eliminating the need to import interfaces Making all interface properties optional Stop throw

Solving Life’s Problems with CSS

28.5.2018
Or: When all you have is a CSS hammer, the world looks like a CSS nail. Whenever I hear a perfectly nice comment like, "Yeah, representing the tech field!" in response to my pure-CSS art, I get a sharp feeling of panic. Like many people who work on UIs for a living, I have difficulty applying...

HTML Developers: Please Consider

9.12.2015
ARIA is an amazing technology, it allows developers to add meaning to meaningless HTML or override meaning on HTML that is being repurposed and sometimes misused, so that users who rely upon the meaning of HTML, as implemented in browsers, can understand and interact with HTML User Interfaces...