Search

Nalezeno "May": 3943

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

The Magic of React-Based Multi-Step Forms

15.2.2019
One way to deal with long, complex forms is to break them up into multiple steps. You know, answer one set of questions, move on to another, then maybe another, and so on and so forth. We often refer to these as multi-step forms (for obvious reasons), but others also take to calling it a “wizard”...

Come to An Event Apart in 2019

7.2.2019
The 2019 season for An Event Apart (the premiere web and interaction design conference) is about to kick off! Seattle - March 4–6, 2019 Boston - May 6–8, 2019 Washington DC - July 29–31, 2019 Chicago - August 26–28, 2019 Denver - October 28–30, 2019 San Francisco - December 9–11...

STAR Apps: A New Generation of Front-End Tooling for Development Workflows

18.1.2019
Product teams from AirBnb and New York Times to Shopify and Artsy (among many others) are converging on a new set of best practices and technologies for building the web apps that their businesses depend on. This trend reflects core principles and solve underlying problems that we may share, so...

Resilient, Declarative, Contextual

25.6.2018
Keith J. Grant: I want to look at three key characteristics of CSS that set it apart from conventional programming languages: it’s resilient; it’s declarative; and it’s contextual. Understanding these aspects of the language, I think, is key to becoming proficient in CSS. Like HTML, unknown...

Don’t Use The Placeholder Attribute

22.6.2018
Eric Bailey takes a hardline position on <input placeholder>. You might be thinking, as I did: yeah, yeah I know the pitfalls. I'm capable of using placeholder responsibly. But when you look at all the negatives together: Can’t be automatically translated; Is oftentimes used in place of...

Creating your own meme generator

15.6.2018
Almost every time a new meme pops up in my Twitter feed, I think of a witty version to create. I'm not alone in this. Memes are often a way to acknowledge a shared experience or idea. In a variation of the "Is this a pigeon" meme that has been making the rounds online, a designer Daryl Ginn joked...

Digging Into React Context

11.6.2018
You may have wondered lately what all the buzz is about Context and what it might mean for you and your React sites. Before Context, when the management of state gets complicated beyond the functionality of setState, you likely had to make use of a third party library. Thanks to recent updates...

Animate Images and Videos with curtains.js

6.6.2018
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such...

What does the ‘h’ stand for in Vue’s render method?

30.5.2018
If you’ve been working with Vue for a while, you may have come across this way of rendering your app — this is the default in the latest version of the CLI, in main.js: new Vue({ render: h => h(App) }).$mount('#app') Or, if you’re using a render function, possibly to take advantage...

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

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

Force a React Component to Re-Render

7.3.2018
The beauty of React components is that they automagically render and update based on a change in state or props; simply update the state from any place and suddenly your UI element updates — awesome!  There may be a case, however, where you simply want to brute force a fresh render of a React...

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