Search

Nalezeno "the path": 668

Moving Text on a Curved Path

9.8.2019
There was a fun article in The New York Times the other day describing the fancy way Elizabeth Warren and her staff let people take a selfie with Warren. But... the pictures aren't actually selfies because they are taken by someone else. The article has his hilarious line of text that wiggles by...

The Simplest Way to Load CSS Asynchronously

30.7.2019
Scott Jehl: One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded...

Bitcoin Vs. Ripple: Both BTC & XRP Seem to Have Chosen the Stable Path

22.7.2019
Both Bitcoin and XRP have shown four major price swings in the last 24 hours. The target of 2019 for Bitcoin remains around 15,000 USD to 20,000 USD and XRP may touch 0.7 USD. Bitcoin and Ripple have been showing a similar trend of price movements in the past few days. Both the coins have...

NEO Price Analysis: NEO Records 17% Dip As The Market Hits The Downward Path

17.7.2019
NEO drops from $12 to $10 within a day recording 17% dip NEO may rise again after the market regains strength NEO has been one of the most reliable and profitable cryptos in the current market and has been heavily talked about for its future benefits. The current market performance of the coin...

Collective #531

11.7.2019
CSS Lists, Markers, And Counters * Atomize * SEO Mythbusting * Texel * Animating with Clip-Path Collective #531 was written by Pedro Botelho and published on Codrops

The Cryptocurrency Projects Pursuing a Path to Decentralization 

11.7.2019
Decentralization over time is an ethos that many crypto projects espouse. To date, however, few have completed this journey. Talking the talk is easy, but when it comes down to it, only a handful of projects are bold enough to walk the walk and willingly entrust their fate to the community. Also...

Animating with Clip-Path

9.7.2019
clip-path is one of those CSS properties we generally know is there but might not reach for often for whatever reason. It’s a little intimidating in the sense that it feels like math class because it requires working with geometric shapes, each with different values that draw certain shapes...

Restricting a (pseudo) element to its parent’s border-box

2.7.2019
Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS. The desired result. This...

Movin’ Modals Along a Path

4.6.2019
Modals always be just appearin'. You might see one once in a while that slides in from one of the edges, or uses some kind of scale/opacity thing to appear from "above" or "below." But we can get weirder than that. Why not have them come in on an offset-path? Just a swoopy arc is kinda fun. ...

Holo (HOT) Price Analysis: Holo’s Bullish Path You Can’t Afford To Miss

14.5.2019
Holochain’s business is to boost in business application creation. The 2019 prediction goes with 0.01 USD target. Holo (HOT) is one of the least talked about coins in the market. But recently, there were stories of Holochain reportedly building more infrastructures with an aim to develop business...

Using “box shadows” and clip-path together

11.4.2019
Let's do a little step-by-step of a situation where you can't quite do what seems to make sense, but you can still get it done with CSS trickery. In this case, it'll be applying a shadow to a shape. You make a box .tag { background: #FB8C00; color: #222; font: bold 32px system-ui; padding:...

8 Little Videos About the Firefox Shape Path Editor

7.3.2019
It sometimes takes a quick 35 seconds for a concept to really sink in. Mikael Ainalem delivers that here, in the case that you haven't quite grokked the concepts behind path-based CSS properties like clip-path and shape-outside. Here are two of my favorites. The first demonstrates animating text...

CSS Triangles, Multiple Ways

5.3.2019
I like Adam Laki's Quick Tip: CSS Triangles because it covers that ubiquitous fact about front-end techniques: there are always many ways to do the same thing. In this case, drawing a triangle can be done: with border and a collapsed element with clip-path: polygon() with transform: rotate()...

Social Cards as a Service

19.2.2019
I love the idea of programmatically generated images. That power is close at hand these days for us front-end developers, thanks to the concept of headless browsers. Take Puppeteer, the library for controlling headless Chrome. Generating images from URLs is their default use case: const puppeteer...

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