Search

Nalezeno "Pre": 744

GMT Token Pre-sale is Live Now

13.11.2020
PRESS RELEASE. GMT has started the pre-sale of the GMT token. In total 100,000 GMT will be sold in this phase at the price of 1GMT=0,004ETH and will increase to 1GMT=0,01ETH in the next round. Minimum purchase is 0,5ETH. Grandmarche is a DeFi platform that offers saving and borrowing, plus it will...

Understanding flex-grow, flex-shrink, and flex-basis

11.11.2020
When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, let’s say we have some HTML like this: <div class="parent"<div class="child"Child</div<div class="child"Child</div<div class="child"Child</div</div And...

ARIA in CSS

11.11.2020
Jeremey reacting to Sara’s tweet, about using [aria-*] selectors instead of classes when the styling you are applying is directly related to the ARIA state. … this is my preferred way of hooking up CSS and JavaScript interactions. Here’s [an] old CodePen where you can see...

GIFS and prefers-reduced-motion

3.11.2020
The <picture> element has a trick it can do where it shows different image formats in different situations. If all you are interested in is formats for the sake of performance, maybe you’d do: <picture<source srcset="img/waterfall.avif" type="image/avif"<source...

Smarter Ways to Generate a Deep Nested HTML Structure

21.10.2020
Let’s say we want to have the following HTML structure: <div class='boo'<div class='boo'<div class='boo'<div class='boo'<div class='boo'</div</div</div</div</div That’s real a pain to write manually. And the reason why this post was born was being...

Full Bleed

15.10.2020
We’ve covered techniques before for when you want a full-width element within a constrained-width column, like an edge-to-edge image within a narrower column of text. There are loads of techniques. Perhaps my favorite is this little utility class: .full-width { width: 100vw; position:...

Netlify Edge Handlers

13.10.2020
Some very cool news from Netlify: Edge Handlers are in Early Access (request it here). I think these couple of lines of code do a great job in explaining what an Edge Handler is: export function onRequest(event) { console.log(`Incoming request for ${event.request.url}`); ...

Web Technologies and Syntax

24.9.2020
JavaScript has a (newish) feature called optional chaining. Say I have code like: const name = Data.person.name; If person happens to not exist on Data, I’m going to get a hard, show-stopping error. With optional chaining, I can write: const name = Data.person?.name; Now if person...

Pre-Caching Image with React Suspense

21.9.2020
Suspense is an exciting, upcoming feature of React that will enable developers to easily allow their components to delay rendering until they’re “ready,” leading to a much smoother user experience. “Ready,” in this context, can mean a number of things. For example, your data loading...

XSwap Started Yield Farming, The Highest APY Reaches 70,000%

21.9.2020
XSwap, a main products of Xfinance ecosystem, has launched Uniswap LP token liquidity mining. This is a fair version, 100% distributed to the community, with No team shares, No Pre-mine. Governed by the Xfinance community. In just a few hours, the funds in the pool are above to 5000ETH. The highest...

Weaved Webs

17.9.2020
There is a bit of an irony with Jamstack. The concept is simple: you put pre-rendered, static files on web hosting (a CDN) designed to do that well. That’s it. If you need to do more, anything you do from there is done with client-side JavaScript, which is likely talking to serverless...

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