Search
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....
Gold, Not Bitcoin, Is Drawing Haven Demand on US Recession Fears
3.10.2019
The increased likelihood of a U.S. recession has brought a boost to gold prices. For bitcoin, though, it's a different story
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...
Initial Exchange Offerings Are Showing No Sign of Slowing Down
12.6.2019
Six months in and initial exchange offerings (IEOs) are refusing to die. Following a year of ICO stagnation in 2018, it appeared that the crypto crowdfunding bubble had popped, sending tokenized projects back to the drawing board. Instead, the medium has been reborn under a different banner....
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()...
Collective #495
25.2.2019
Progressive React * Try GraphQL * Tech Productivity * personal-website * Onelineplayer * Pure CSS Drawing Essentials
Collective #495 was written by Pedro Botelho and published on Codrops
Diana Smith’s Top 5 CSS Properties She Uses to Produce CSS Art
20.2.2019
Have you seen Diana Smith's CSS drawings? Stunning. These far transcend the CSS drawings that sort of crudely replicate a flat SVG scene, like I might attempt. We were lucky enough for her to post some of her CSS drawing techniques here last year.
Well, Diana has also listed the top five...
Drawing Images with CSS Gradients
25.6.2018
What I mean by "CSS images" is images that are created using only HTML elements and CSS. They look as if they were SVGs drawn in Adobe Illustrator but they were made right in the browser. Some techniques I’ve seen used are tinkering with border radii, box shadows, and sometimes clip-path. You...