Search

Nalezeno "SOLID": 264

The Contrast Triangle

21.4.2020
Chip Cullen: Let’s say you’re building a site, and you’re working with a designer. They come to you with some solid designs, and you’re ready to go. You’re also a conscientious front end developer and you like to make sure the sites you build are accessible. The designs you’re working from have...

How to use CSS Scroll Snap

27.3.2020
Nada Rifki demonstrates the scroll-snap-type and scroll-snap-alignCSS properties. I like that the demo shows that the items in the scrolling container can be different sizes. It is the edges of those children that matter, not some fixed snapping distance. I like Max Kohler's coverage...

XRP Notes a Solid Price Jump; Should We Expect a Sustained Rally?

27.3.2020
XRP’s sudden price hints a possible bull-run above $0.18; the coin has returned to the $0.17 price level after corrections The coin is approaching the 38.20% fib level now; support level has been tested at $0.1713 Over a couple of hours only, Ripple has shown a growth of more than 12%; pullback...

Solving Sticky Hover States with @media (hover: hover)

18.2.2020
Mezo Istvan does a good job of covering the problem and a solution to it in a blog post on Medium¹. If you tap on something that has a :hover state but you don't leave the page then, on a mobile device, there is a chance that :hover state "sticks." You'll see this with stuff like jump-links used...

The Gambling Scene and Crypto Currency: Is there a solid link?

23.1.2020
Disclaimer: The text below is a sponsored article that was not written by Cryptonews.com journalists. _________ To state that gambling is fluid is an understatement. We started from the back room of a bar, moved to land-based casino, to an online market open for all. With the change in scenery,...

Animate Text on Scroll

13.1.2020
We covered the idea of animating curved text not long ago when a fun New York Times article came out. All I did was peek into how they did it and extract the relevant parts to a more isolated demo. That demo is here: See the Pen Selfie Crawl by Chris Coyier (@chriscoyier) ...

CSS-Only Carousel

10.1.2020
It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow. Setting some boxes in a horizontal row with flexbox is easy. Showing only one box at a time with overflow and making it swipable with -webkit-overflow-scrolling is easy. You can make the "slides" line...

How Auto Margins Work in Flexbox

6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party. Say you have a flex container with some flex items inside that don't fill the whole area. See the Pen ZEYLVEX...

Make a smooth shadow, friend.

19.12.2019
One box-shadow is cool and all, but check out Philipp Brumm's tool for building out comma-separated multiple box-shadows, which result in a much smoother and more natural look. This reminds me very much of the idea for easing linear-gradient. In a gradient, this smoothing effect is handled...

Masking GIFs with other GIFs

3.12.2019
The other day, Cassie Evans tweeted a really neat trick that I’ve never seen before: using SVG to mask one GIF on top of another. The effect is quite lovely, especially if you happen to grab a colorful GIF and place it on top of a monochrome one:  See the Pen Masking gifs with other gifs......

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...

Everything and Nothing

22.11.2019
I've been thinking about the question for a solid month now. What about building websites has you interested this year? The question pervaded my solitary thoughts and played in the background during my conversations. I’d love to just tell you the answer I’ve come to, but the more interesting part...

Litecoin (LTC) Oscillates in the Midrange And Holds Solid Selling Pressure

19.11.2019
Litecoin price slides below $60 and now even below $58, trades at the major support price $55 Keeping in light the current market volatility, we fear that LTC price may even test $50 price mark soon if it continues to descend LTC/USD currently trades in the mid-range of the lowest and the highest...

Ethereum Tests Support at $180, Trades with Solid Selling Pressure

15.11.2019
Ethereum slides close to the major support around $180 and trades at $182 ETH/USD also tests supports at $180, in the same duration once Ethereum faces a strong struggle to climb against its imminent supports Like Bitcoin, ETH price slips in the selling zone as well After having traded below...

Some CSS Grid Strategies for Matching Design Mockups

14.11.2019
The world of web development has always had a gap between the design-to-development handoff. Ambitious designers want the final result of their effort to look unique and beautiful (and true to their initial vision), whereas many developers find more value in an outcome that is consistent...

Pac-Man… in CSS!

11.11.2019
You all know famous Pac-Man video game, right? The game is fun and building an animated Pac-Man character in HTML and CSS is just as fun! I’ll show you how to create one while leveraging the powers of the clip-path property. See the Pen Animated Pac-Man by Maks Akymenko (@maximakymenko) ...

Making Tables Responsive With Minimal CSS

17.10.2019
Here’s a fabulous CSS trick from Bradley Taunt in which he shows how to make tables work on mobile with just a little bit of extra code. He styles each table row into a card that looks something like this: See the Pen Responsive Tables #2.5: Flexbox by Bradley Taunt (@bradleytaunt) ...

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