Search

Nalezeno "ONE": 6341

Animating Between Views in React

21.12.2018
You know how some sites and web apps have that neat native feel when transitioning between two pages or views? Sarah Drasner has shown some good examples and even a Vue library to boot. These animations are the type of features that can turn a good user experience into a great one. But to achieve...

WooCommerce

20.12.2018
(This is a sponsored post.) I just read a nicely put together story about WooCommerce over on the CodeinWP blog. WooCommerce started life as WooThemes, sort of a "premium themes" business started by just a couple of fellas who had never even met in person. Two years and a few employees later they...

Ease-y Breezy: A Primer on Easing Functions

18.12.2018
During the past few months, I’ve been actively teaching myself how to draw and animate SVG shapes. I’ve been using CSS transitions, as well as tools like D3.js, react-motion and GSAP, to create my animations. One thing about animations in general and the documentation these and other animation...

Nobody is quite wrong.

17.12.2018
There are two opposing views on using non-polyfillable new web features that I find are both equally common in our industry: Websites don't need to look the same in every browser. The concept of progressive enhancement helps with that. There are tools, even native language features, that help with...

A CSS Venn Diagram

17.12.2018
This is pretty wild: Adrian Roselli has made a series of rather complex Venn diagrams using nothing but CSS. With a combination of the Firefox dev inspector, plus a mixture of CSS Grid and the shape-outside property, it’s possible to do this and without a ton of hacks, too. I also think it’s super...

Making SVG icon libraries for React apps

14.12.2018
Nicolas Gallagher: At Twitter I used the approach described here to publish the company’s SVG icon library in several different formats: optimized SVGs, plain JavaScript modules, React DOM components, and React Native components. There is no One True Way© to make an SVG icon system. The only...

Předělaný Edge bude podporovat rozšíření Chromu. A přijde i na Xbox One

11.12.2018
Nová verze internetového prohlížeče Edge od Microsoftu, která bude využívat vykreslovací jádro Chromium, tedy stejné jako Chrome, bude podporovat masivní databázi rozšíření, které na nejpopulárnější prohlížeč existuje. Na Redditu to prozradil softwarový manažer Microsoftu Kyle Alden, upozornil

Google Labs Web Components

10.12.2018
I think it's kinda cool to see Google dropping repos of interesting web components. It demonstrates the possibilities of cool new web features and allows them to ship them in a way that's compatible with entirely web standards. Here's one: <two-up> I wanted to give it a try, so I linked...

DRY State Switching With CSS Variables: Fallbacks and Invalid Values

6.12.2018
This is the second post in a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. The first installment walks through various use cases where this technique applies. This post...

The Software We Pay For

5.12.2018
We did a Web Developer Economics series a few years ago, where we looked at the various costs of being a web developer: Web Developer Economics: One-Off Software Costs Web Developer Economics: Hardware Costs Web Developer Economics: Monthly Service Costs Web Developer Economics: The Wrapup I'm...

Create Animated React Apps With React Spring

5.12.2018
One thing that is pivotal to creating great interactive web applications is animations. Animations add life to your applications and improve the overall user experience. In this tutorial, w

DRY Switching with CSS Variables: The Difference of One Declaration

5.12.2018
This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. This first installment walks through various use cases where this technique applies. The second...

It’s not about the device.

4.12.2018
Ever have that, "Ugighgk, another device to support?!" feeling? Like, perhaps when you heard that wrist devices have browsers? Ethan's latest post is about that. Personally, the Apple Watch is interesting to me not because it’s a watch. Rather, it’s interesting to me because it’s...

Get Started w/ Prisma for Super Simple GraphQL

14.11.2018
Almost every week we get to see a new tool or product being released for GraphQL development. Yeah, that's how hot the GraphQL ecosystem is currently is. Today, we'll be looking at one of the tools

Object.fromEntries

9.11.2018
The Object object has been buffed with useful methods over the past few years.  Object.keys, Object.values, Object.freeze, and Object.assign all address frequently desired functionality.  One of the new Object methods is fromEntries, which accepts a Map or map-like array nesting and converts it...

How to Get Green Blood in PUBG

24.9.2018
My current video game obsession is Player Unknown’s Battleground, also referred to as PUBG.  It’s an online multiplayer game which drops yourself and 99 others into a single, large map and you battle it out until the last man is standing.  It’s frustrating, heart-attack inducing...

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