Search

Nalezeno "May": 4892

Using Parcel as a Bundler for React Applications

25.4.2019
You may already be familiar with webpack for asset management on projects. However, there’s another cool tool out there called Parcel, which is comparable to webpack in that it helps with hassle-free asset bundling. Where Parcel really shines is that it requires zero configuration to get up...

Simulating Mouse Movement

15.4.2019
If you've ever had to display an interactive animation during a live talk or a class, then you may know that it's not always easy to interact with your slides and while talking. This happened to me when I needed to show this particles demo to my students. I didn't want to have to stay next to...

Fixed Headers, On-Page Links, and Overlapping Content, Oh My!

3.4.2019
Let's take a basic on-page link: <a href="#section-two">Section Two</a> When clicked, the browser will scroll itself to the element with that ID: <section id="section-two"></section>. A browser feature as old as browsers themselves, just about. But as soon as...

Creating a Reusable Pagination Component in Vue

29.3.2019
The idea behind most of web applications is to fetch data from the database and present it to the user in the best possible way. When we deal with data there are cases when the best possible way of presentation means creating a list. Depending on the amount of data and its content, we may decide...

Powers of Two

28.3.2019
Refactoring is one of those words that evokes fear in the eyes of many folks, from developers to product owners and everyone in between. It may as well be a four-letter word in many ways. It's also something that we talk about quite a bit around here because, like books on the topic, where to start...

CSS Houdini Could Change the Way We Write and Manage CSS

28.3.2019
CSS Houdini may be the most exciting development in CSS. Houdini is comprised of a number of separate APIs, each shipping to browsers separately, and some that have already shipped (here's the browser support). The Paint API is one of them. I’m very excited about it and recently started to think...

Understanding Event Emitters

26.3.2019
Consider, a DOM Event: const button = document.querySelector("button"); button.addEventListener("click", (event) => /* do something with the event */) We added a listener to a button click. We’ve subscribed to an event being emitted and we fire a callback when it does. Every time we click that...

Chrome Lite Pages

19.3.2019
The Chrome team announced a new feature called Lite Pages that can be activated by flipping on the Data Saver option on an Android device: Chrome on Android’s Data Saver feature helps by automatically optimizing web pages to make them load faster. When users are facing network or data constraints...

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

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