Search

Nalezeno "there": 2332

Learn Z-Index Using a Visualization Tool

12.6.2020
There are some neat interactive demos in here from Thiru Manikandan. There are a couple of very tricky things with z-index that never fail to confuse. In addition to things like requiring positioning and source order, the trickiest are the stacking contexts and parent/child relationships. z-index...

How to Reverse CSS Custom Counters

11.6.2020
I needed a numbered list of blog posts to be listed with the last/high first and going down from there. Like this: 5. Post Title 4. Post Title 3. Post Title 2. Post Title 1. Post Title But the above is just text. I wanted to do this with a semantic <ol> element. The easy way This can...

Kotlin Coroutines and Delay

11.6.2020
Whenever I suspect that there’s a timing conflict causing a problem with rendering and directives, I usually opt for a JavaScript setTimeout with a delay. The setTimeout code never makes it to production, but it does help me to understand if my code is the problem or if there’s a timing...

Creative Background Patterns Using Gradients, CSS Shapes, and Even Emojis

10.6.2020
You can create stripes in CSS. That’s all I thought about in terms of CSS background patterns for a long time. There’s nothing wrong with stripes; stripes are cool. They can be customized into wide and narrow bands, criss-crossed into a checked pattern, and played with in other ways using the idea...

CSS :is() and :where() are coming to browsers

10.6.2020
Šime Vidas with the lowdown on what these pseudo-selectors are and why they will be useful: :is() is to reduce repetition¹ of parts of comma-separated selectors. :where() is the same, but nothing inside it affects specificity. The example of wrapping :where(:not()) is really great, as now there...

Making My Netlify Build Run Sass

9.6.2020
Let’s say you wanted to build a site with Eleventy as the generator. Popular choice these days! Eleventy doesn’t have some particularly blessed way of preprocessing your CSS, if that’s something you want to do. There are a variety of ways to do it and perhaps that freedom is part...

The Trickery it Takes to Create eBook-Like Text Columns

8.6.2020
There’s some interesting CSS trickery in Jason Pamental’s latest Web Fonts & Typography News. Jason wanted to bring swipeable columns to his digital book experience on mobile. Which brings up an interesting question right away… how do you set full-width columns that...

Crypto Market Sentiment Nears Positive Zone; Four Coins There Already

8.6.2020
Compared to recent drops in market sentiment score (sentscore), as well as the subsequent smaller rise, itself followed by a stronger move upwards a week ago, this week is seeing another jump towards the positive zone. Per crypto market sentiment analysis tool Omenics, the combined moving 7-day...

10 Tips for Filing Crypto Taxes

7.6.2020
There are only a few more weeks before the U.S. tax season. The 2020 U.S tax season deadline has historicallyContinue Reading The post 10 Tips for Filing Crypto Taxes appeared first on CoinMarketCap Blog

The Best Design System Tool is Slack

4.6.2020
There’s a series questions I have struggled with for as long as I can remember. The questions have to do with how design systems work: Where should we document things? Do we make a separate app? Do we use a third-party tool to document our components? How should that tie into Figma or Sketch?...

Chrome 83 Form Element Styles

3.6.2020
There have been some aesthetic changes to what form elements look like as of Chrome 83. Anything with gradient colorization is gone (notably the extra-shiny <meter stuff). The consistency across the board is nice, particularly between inputs and textareas. Not a big fan of the new <select...

A New Way to Delay Keyframes Animations

2.6.2020
If you’ve ever wanted to add a pause between each iteration of your CSS @keyframes animation, you’ve probably been frustrated to find there’s no built-in way to do it in CSS. Sure, we can delay the start of a set of @keyframes with animation-delay, but there’s no way to add time between...

Increment Issue 13: Frontend

30.5.2020
Increment is a beautiful quarterly magazine (print and web) published by Stripe “about how teams build and operate software systems at scale”. While there is always stuff about making websites in general, this issue is the first focused on front-end¹ development. I’ve got...

Jamstack News!

29.5.2020
I totally forgot that the Jamstack Conf was this week but thankfully they’ve already published the talks on the Jamstack YouTube channel. I’m really looking forward to sitting down with these over a coffee while I also check out Netlify’s other big release today: Build Plugins. These are plugins...

Grayscale Bitcoin Trust Buys Over 1.5 Times Total BTC Mined Since Halving

29.5.2020
Grayscale Investments has purchased more than 1.5 times the number of bitcoins mined since the third Bitcoin halving for its bitcoin trust. This indicates that there is a strong institutional demand for the cryptocurrency, which is expected to grow significantly post the coronavirus crisis. GBTC...

Core Web Vitals

29.5.2020
Core Web Vitals is what Google is calling a a new collection of three web performance metrics: LCP: Largest Contentful Paint FID: First Input Delay CLS: Cumulative Layout Shift These are all measurable. They aren’t in Lighthouse (e.g. the Audits tab in Chrome DevTools) just yet, but sounds...

A First Look at `aspect-ratio`

29.5.2020
Oh hey! A brand new property that affects how a box is sized! That’s a big deal. There are lots of ways already to make an aspect-ratio sized box (and I’d say this custom properties based solution is the best), but none of them are particularly intuitive and certainly not...

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