Search

Nalezeno "here": 4421

Recreating Netlify’s Neat-o Sliding Button Effect

3.9.2019
Have you seen Netlify's press page? It's one of those places where you can snag a download of the company's logo. I was looking for it this morning because I needed the logo to use as a featured image for a post here on CSS-Tricks. Well, I noticed they have these pretty looking buttons to download...

Need to scroll to the top of the page?

2.9.2019
Perhaps the easiest way to offer that to the user is a link that targets an ID on the <html> element. So like... <html id="top"> <body> <!-- the entire document --> <a href="#top">Jump to top of page</a> ...

Should a website work without JavaScript?

2.9.2019
The JS Party podcast just had a fun episode where they debated this classic question by splitting into two groups of two. Each group was assigned a "side" of this debate, and then let loose to debate it. I don't think anybody can listen to a show like this and not be totally flooded with thoughts!...

A Glassy (and Classy) Text Effect

29.8.2019
The landing page for Apple Arcade has a cool effect where some "white" text has a sort of translucent effect. You can see some of the color of the background behind it through the text. It's not like knockout text where you see the exact background. In this case, live video is playing underneath....

Nested Gradients with background-clip

28.8.2019
I can't say I use background-clip all that often. I'd wager it's hardly ever used in day-to-day CSS work. But I was reminded of it in a post by Stefan Judis, which consistently was itself a learning-response post to a post over here by Ana Tudor. Here's a quick explanation. You've probably seen...

CoinMarketCap Daily Newsletter #281

28.8.2019
CoinMarketCap Daily Newsletter Your daily newsletter for 28 August, 2019 Adversity "We delight in the beauty of the butterfly, but rarely admit the changes it has gone through to achieve that beauty" - Maya Angelou Yo! Midweek is here. I hope […] The post CoinMarketCap Daily Newsletter #281...

Can you rotate the cursor in CSS?

28.8.2019
Kinda! There is no simple or standard way to do it, but it's possible. You can change the cursor to different built-in native versions with CSS with the cursor property, but that doesn't help much here. You can also use that property to set a static image as the cursor. But again that doesn't help...

The Faketoshi BTC 550K Saga - Where Do We Go From Here?

27.8.2019
Craig Wright. Source: a video screenshot, Youtube, Crypto Finder With the ruling coming in on August 26th in the case of Craig Wright, a controversial Australian computer scientist and supporter of Bitcoin SV (BSV), also known as 'Faketoshi', one may think that this episode in the Cryptosphere...

The New Bitcoin Banks Are Here

23.8.2019
A new age of banking is imminent. Legacy models will be forced to follow suit or become obsolete in the eyes of value holders worldwide, as new bitcoin and crypto services take over, seeking to implement blockchain systems with an eye on convenience and financial inclusion. Announcements...

Using requestAnimationFrame with React Hooks

21.8.2019
Animating with requestAnimationFrame should be easy, but if you haven’t read React’s documentation thoroughly then you will probably run into a few things that might cause you a headache. Here are three gotcha moments I learned the hard way. TLDR: Pass an empty array as a second parameter...

Getting Netlify Large Media Going

20.8.2019
I just did this the other day so I figured I'd blog it up. There is a thing called Git Large File Storage (Git LFS). Here's the entire point of it: it keeps large files out of your repo directly. Say you have 500MB of images on your site and they kinda need to be in the repo so you can work with...

Bounce Element Around Viewport in CSS

19.8.2019
Let's say you were gonna bounce an element all around a screen, sorta like an old school screensaver or Pong or something. You'd probably be tracking the X location of the element, increasing or decreasing it in a time loop and — when the element reached the maximum or minimum value —...

Can you view print stylesheets applied directly in the browser?

19.8.2019
Yep. Let's take a look at how to do it in different browsers. Although note the date of this blog post. This stuff tends to change over time, so if anything here is wrong, let us know and we can update it. In Firefox... It's a little button in DevTools. So easy! Open DevTools...

The Making of an Animated Favicon

15.8.2019
It’s the first thing your eyes look for when you’re switching tabs. That’s one way of explaining what a favicon is. The tab area is a much more precious screen real-estate than what most assume. If done right, besides being a label with icon, it can be the perfect billboard to represent what’s...

How to Become a Blockchain Developer

7.8.2019
Skilled blockchain developers are a scarce commodity, as precious as the bitcoins that reside on the distributed ledgers they maintain. Teach yourself one of the major blockchain programming languages and you’ll be set for life, though like anything worth having, this achievement won’t...

SSCCE

6.8.2019
You know what a "reduced test case" is, right? We've talked about it here. I imagine the concept is useful in many walks of life, but in the world of front-end development, you can think of it like: A reduced test case is a demo/example page you create which reproduces the problem you are having...

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