Tag: mask

6 Common SVG Fails (and How to Fix Them)

Someone recently asked me how I approach debugging inline SVGs. Because it is part of the DOM, we can inspect any inline SVG in any browser DevTools. And because of that, we have the ability to scope things out and … 6 Common SVG Fails (and How to Fix Them) originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading 6 Common SVG Fails (and How to Fix Them)

How to create an API Gateway using Azure API Management

In a microservices architecture, an API Gateway hides your real endpoints. We will create one using Azure API Management ...
Continue Reading How to create an API Gateway using Azure API Management

Fancy Image Decorations: Outlines and Complex Animations

We’ve spent the last two articles in this three-part series playing with gradients to make really neat image decorations using nothing but the <img> element. In this third and final piece, we are going to explore more techniques using the … Fancy Image Decorations: Outlines and Complex Animations originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Fancy Image Decorations: Outlines and Complex Animations

Fancy Image Decorations: Single Element Magic

As the title says, we are going to decorate images! There’s a bunch of other articles out there that talk about this, but what we’re covering here is quite a bit different because it’s more of a challenge. The challenge? … Fancy Image Decorations: Single Element Magic originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Fancy Image Decorations: Single Element Magic

Seaborn Heatmap Size

A heatmap is used to create a visual depiction of a matrix. It draws a matrix on the graph, with different color hues representing different values. We can utilize the seaborn to generate heatmap plots in the seaborn module.heatmap() function. The default size of the plot may not provide a good picture of the data when depicting a huge matrix. ...
Continue Reading Seaborn Heatmap Size

How to Create Wavy Shapes & Patterns in CSS

The wave is probably one of the most difficult shapes to make in CSS. We always try to approximate it with properties like border-radius and lots of magic numbers until we get something that feels kinda close. And that’s before … How to Create Wavy Shapes & Patterns in CSS originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading How to Create Wavy Shapes & Patterns in CSS

Zooming Images in a Grid Layout

Creating a grid of images is easy, thanks to CSS Grid. But making the grid do fancy things after the images have been placed can be tricky to pull off. Say you want to add some fancy hover effect to … Zooming Images in a Grid Layout originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Zooming Images in a Grid Layout

NFT bubble: The most expensive NFTs sold

Who’d have thought a home you would never be able to enter physically could cost more than the real home that shelters you from the elements, or a $69m art piece you can neither touch nor share. One wouldn’t be so wrong to say NFTs marked the start of the ‘future’. The post NFT bubble: The most expensive NFTs sold appeared first on Education Ecosystem Blog. ...
Continue Reading NFT bubble: The most expensive NFTs sold