Collective #570
2.12.2019
Bekk Christmas * Lighthouse CI * Blocks UI * Patchbay * Pico-8 Advent Calendar * Dealing with Ads in 2020
Collective #570 was written by Pedro Botelho and published on Codrops
Simplified Fluid Typography
29.11.2019
Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them).
The core trickery comes from viewport units. You can literally set type in viewport units (e.g. font-size: 4vw)...
Testing React Hooks With Enzyme and React Testing Library
29.11.2019
As you begin to make use of React hooks in your applications, you’ll want to be certain the code you write is nothing short of solid. There’s nothing like shipping buggy code. One way to be certain your code is bug-free is to write tests. And testing React hooks is not much different from how React...
Web Scraping Made Simple With Zenscrape
28.11.2019
Web scraping has always been taken care of by actual developers, since a lot of coding, proxy management and CAPTCHA-solving is involved. However, the scraped data is very often needed by people that are non-coders: Marketers, Analysts, Business Developers etc.
Zenscrape is an easy-to-use...
Collective #569
28.11.2019
AppLibsList * How to Overlap Images in CSS * Peekobot * Flowy * Who Can Use * Accessibility drives aesthetics
Collective #569 was written by Pedro Botelho and published on Codrops
The Power (and Fun) of Scope with CSS Custom Properties
27.11.2019
You’re probably already at least a little familiar with CSS variables. If not, here’s a two-second overview: they are really called custom properties, you set them in declaration blocks like --size: 1em and use them as values like font-size: var(--size);, they differ from preprocessor variables...
iOS 13 Broke the Classic Pure CSS Parallax Technique
27.11.2019
I know. You hate parallax. You know what we should hate more? When things that used to work on the web stop working without any clear warning or idea why.
Way back in 2014, Keith Clark blogged an exceptionally clever CSS trick where you essentially use a CSS transform to scale an element down...
The Thought Process Behind a Flexbox Layout
27.11.2019
I just need to put two boxes side-by-side and I hear flexbox is good at stuff like that.
Just adding display: flex; to the parent element lays out the children in a row.
Well, that's cool. I guess I could have floated them, but this is easier.
They should probably take up the full space they have...
10 Best Free Avatar and Character Creator Apps
26.11.2019
Illustrations of various kinds and sizes have been dominating website design for a while. From abstract (almost absurd) drawings to genuine artworks featuring people in offices and other workplaces,...
The post 10 Best Free Avatar and Character Creator Apps appeared first on Onextrapixel
An Introduction to the Picture-in-Picture Web API
26.11.2019
Picture-in-Picture made its first appearance on the web in the Safari browser with the release of macOS Sierra in 2016. It made it possible for a user to pop a video out into a small floating window that stays above all others, so that they can keep watching while doing other things. It’s an idea...
Product Search and Filters Are a Snap With WooCommerce
26.11.2019
Let's say you visit an e-commerce site because you want to buy the latest banana peeler model. Bananas are hard enough to peel, right? Only a tool will do!
What's the first thing you're going to do on the site? Chances are, it's entering something into the (hopefully) prominent search field....
WDRL — Edition 277: Request with Intent, Small Differences, Self Organisation and Accessible Cards
26.11.2019
Hey,
what makes a good product? Well, it’s more than a great idea. It’s all the little details, from how you do product management, who much you care about accessibility, usability, good performance, caching to typographic details. It all makes the difference. We can choose where to put...