Search

Nalezeno "drawing": 86

Libraries for SVG Drawing Animations

11.11.2020
In 2013, Jake Archibald introduced this cool trick of animating an SVG path to look like it’s drawing itself. It’s 2020 now, and the trick is still popular. I’ve seen it on a lot of websites I’ve visited recently. I, too, feature an animated SVG loader on my website using one of the libraries I’ll...

Monero After Drawing a Bullish Crossover Trades at $104

5.10.2020
Monero, at the time of penning down this analysis was trading above $100 at $104.42 after a fairly bullish crossover from trading below $100 in the previous week. It was in the previous week, when XMR/USD was trading slightly below the immediate resistance then, on the daily chart. Moreover, after...

Siacoin (SC) Drops After Drawing a Higher High Pattern

8.9.2020
Amongst many open-source blockchain networks in the global crypto market, Siacoin is a minable Proof of Work-based platform that extends low-cost solutions for cloud storage, offering encryption and distribution of files to be stored by users across a decentralized network of peers. On the price...

zerodivs.com

10.8.2020
Pretty neat little website from Joan Perals, inspired by stuff like Lynn’s A Single Div. With multiple hard-stop background-image gradients, you don’t need extra HTML elements to draw shapes — you can draw as many shapes as you want on a single element. There is even a stacking order...

Bitcoin – An Inch Away from Drawing a Complete Bearish Trendline

13.4.2020
Bitcoin opens below $6.6k, and 38.20% Fib Retracement Level on Monday, April 13, 2020, as the bearish candlesticks breach the lower 20-day Bollinger Bands BTC/USD price has dropped from the 30-day high and resistance of $7,400 and retested the weekly support below $6,600 on the hourly chart...

Animate SVG Path Changes in CSS

20.2.2020
Every once in a while I'm motivated to attempt to draw some shapes with <path>, the all-powerful drawing syntax of SVG. I only understand a fragment of what it all can do, but I know enough to be dangerous. All the straight-line syntax commands (like L) are pretty straightforward and I find...

Get Moving (or not) with CSS Motion Path

3.2.2020
We just linked up the idea that offset-path can be cleverly used to set type on a path. Don't miss Michelle Barker's experimentation either, with drawing paths or animating text along a path. Dan Wilson has also been following this tech for quite a while and points out why the sudden surge...

How to Turn a Procreate Drawing into a Web Animation

20.1.2020
I recently started drawing on my iPad using the Procreate app with Apple Pencil. I’m enjoying the flexibility of drawing this way. What usually keeps me from painting at home are basic things, like setup, cleaning brushes, proper ventilation, and other factors not really tied to the painting...

A Trick That Makes Drawing SVG Lines Way Easier

14.1.2020
When drawing lines with SVG, you often have a <path> element with a stroke. You set a stroke-dasharray that is as long as the path itself, as well as a stroke-offset that extends so far that you that it's initially hidden. Then you animate the stroke-offset back to 0 so you can watch...

Moving Rainbow Underlines

23.12.2019
I absolutely love the design of the Sandwich site. Among many beautiful features are these headlines with rainbow underlines that move as you scroll. It's not scroll-jacking — it's just a minor design feature that uses scroll position to enact a little movement. To draw the rainbows...

Techniques for Rendering Text with WebGL

6.12.2019
As is the rule in WebGL, anything that seems like it should be simple is actually quite complicated. Drawing lines, debugging shaders, text rendering… they are all damn hard to do well in WebGL. Isn’t that weird? WebGL doesn't have a built-in function for rendering text. Although text seems like...

CSS Architecture for Modern JavaScript Applications

6.12.2019
There is a lot to like from Mike Riethmuller here: The title. When you're building a website from JavaScript-powered components anyway, that is a moment to talk about how to do styling, because it opens some doors to JavaScript-powered styles that you probably wouldn't otherwise choose. The...

Multi-collateral Dai is Live, Drawing Praise, Criticism and Confusion

19.11.2019
A multi-collateral stablecoin Dai is officially live and is assigned the name Dai. The single-collateral stablecoin Dai (DAI), now has been renamed to Sai. Following Friday’s executive vote by Maker (MKR) stakeholders, the MakerDAO system has seen the activation of Multi-Collateral Dai (MCD),...

Digging Into the Preview Loading Animation in WordPress

22.10.2019
WordPress shipped the Block Editor (aka Gutenberg) back in version 5.0 and with it came a snazzy new post preview screen that shows the WordPress logo drawing itself while the preview loads. That's what you get when saving a post draft and clicking the "Preview" button in the editor. How'd they...

IMF Has Another Trick Up Its Sleeve When Fiat Fails – Its Own Coin SDR

14.10.2019
Virtually everybody knows what a dollar is, but not as many know about the SDR. The International Monetary Fund’s (IMF) Special Drawing Rights is an international, monetary reserve system created specifically to address limitations of gold and standard fiat currencies such as the USD....

Drawing Realistic Clouds with SVG and CSS

13.6.2019
Greek mythology tells the story of Zeus creating the cloud nymph, Nephele. Like other Greek myths, this tale gets pretty bizarre and X-rated. Here’s a very abridged, polite version. Nephele, we are told, was created by Zeus in the image of his own beautiful wife. A mortal meets Nephele, falls...

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