Search

Nalezeno "can": 6708

Full Bleed


We’ve covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower column of text. There are loads of techniques. Perhaps my favorite is this little utility class: .full-width { width: 100vw; position:...

Layoutit Grid: Learning CSS Grid Visually With a Generator


Layoutit Grid is an interactive open source CSS Grid generator. It lets you draw your designs and see the code as you go. You can interact with the code, add or remove track lines and drag them around to change the sizing — and you get to see the CSS and HTML change in real time! Add some tracks...

Your Bitcoin Brainwallet Can Be Swept Even Without Reading Your Mind


If you're considering setting up a "brainwallet" to secure your bitcoin (BTC), you might want to think twice and learn from a recent experiment. It showed that BTC might be stolen in less than a second. Contrary to a paper wallet, where a BTC owner has their seed phrase written...

How to Create a Realistic Motion Blur with CSS Transitions


Before we delve into making a realistic motion blur in CSS, it’s worth doing a quick dive into what motion blur is, so we can have a better idea of what we’re trying to reproduce. Have you ever taken a photo of something moving quickly, especially under low light, and it turned into a blurry...

Let’s Create Our Own Authentication API with Nodejs and GraphQL


Authentication is one of the most challenging tasks for developers just starting with GraphQL. There are a lot of technical considerations, including what ORM would be easy to set up, how to generate secure tokens and hash passwords, and even what HTTP library to use and how to use it.  In...

Netlify Edge Handlers


Some very cool news from Netlify: Edge Handlers are in Early Access (request it here). I think these couple of lines of code do a great job in explaining what an Edge Handler is: export function onRequest(event) { console.log(`Incoming request for ${event.request.url}`); ...

Run Gulp as You Open a VS Code Project


When I open my local project for this very site, there is a 100% chance that I need to run this command before anything else: gulp. I set that up fresh less than a year ago so I’m on the latest-and-greatest stuff and have my workflow just how I like it. I did a few more tweaks a few months...

How to Recreate the Ripple Effect of Material Design Buttons


When I first discovered Material Design, I was particularly inspired by its button component. It uses a ripple effect to give users feedback in a simple, elegant way. How does this effect work? Material Design’s buttons don’t just sport a neat ripple animation, but the animation also...

Animating Number Counters


Number animation, as in, imagine a number changing from 1 to 2, then 2 to 3, then 3 to 4, etc. over a specified time. Like a counter, except controlled by the same kind of animation that we use for other design animation on the web. This could be useful when designing something like a dashboard,...

Bitcoin Defi: Smart Contract Platform RSK Integrates ETH-Based Stablecoin DAI


On October 6, 2020, the RIF (RSK Infrastructure Framework) development team announced that the Makerdao project’s DAI stablecoin is now available via the smart contract protocol RSK. According to the software engineers, RIF developers leveraged the RSK-Ethereum token bridge and individuals...

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