Search

Nalezeno "You": 7903

If You Can't Stand the DeFi Heat - Get Out of the Sushi Chef's Kitchen

8.9.2020
Jay Hao. Jay Hao is the CEO of crypto exchange OKEx. __________ We saw a lot of action over the weekend in what played out as one of those adrenaline-packed high-drama movies the likes of which crypto hasn't witnessed in recent times. We all watched on popcorn in hand as [decentralized finance]...

Menu Reveal By Page Rotate Animation

8.9.2020
There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even additional approaches on how hidden menus reveal their menu items. Some...

All the Ways to Make a Web Component

7.9.2020
This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting “A Bit on Web Components Libraries” is that the web platform APIs were designed for libraries to be built around them. Interesting, right? This page makes...

Import Non-ESM libraries in ES Modules, with Client-Side Vanilla JS

7.9.2020
We’re living through a weird era where there are tons of JavaScript libraries that were meant to be used as <script> tags that expose available globals. AND there are tons of JavaScript libraries that are meant to be used through module loaders. AND there are tons of JavaScript...

How To Earn Profit When You Buy Bitcoin At High Prices?

7.9.2020
The text below is an advertorial article that was not written by Cryptonews.com journalists. A common mistake that almost every trader would make is to underestimate the importance of market timing. More often than not, traders enter the market driven by "fear of missing out" and end...

Working with JavaScript Media Queries

7.9.2020
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this: body {   background-color: plum; } 
 @media (min-width: 768px) {   body {     background-color: tomato;   } } CSS media queries are a core ingredient in any responsive...

Using max() for an inner-element max-width

7.9.2020
I go into all this in The “Inside” Problem. The gist: you want an edge-to-edge container, but the content inside to have a limited width. I think there is absolutely no problem using a nested element inside, but it’s also fun to look at the possibilities of making that work on...

Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs

4.9.2020
Beyond using media queries and modern CSS layouts, like flexbox and grid, to create responsive websites, there are certain overlooked things we can do well to make responsive sites. In this article, we’ll dig into a number tools (revolving around HTML and CSS) we have at the ready, from responsive...

Supercharging Number Inputs

4.9.2020
Speaking of number scrubbing (i.e. adding mouse UX to number inputs), you can also add better keyboard commands to number inputs. Kilian Valkhof explains how he added up and down arrows to a number input, as well as modifier keys to change how much the keys increment the value, like Emmet does....

Stroke Text CSS: The Definitive Guide

4.9.2020
Whenever I think of stroked text on the web I think: nope. There is -webkit-text-stroke in CSS for it, but it places that stroke in the middle of the vector outline of the characters, absolutely ensuring that the character doesn’t look right. Just look at this in Chrome or Safari. Gross....

How to Simplify SVG Code Using Basic Shapes

3.9.2020
There are different ways to work with icons, but the best solution always includes SVG, whether it’s implemented inline or linked up as an image file. That’s because they’re “drawn” in code, making them flexible, adaptable, and scalable in any context. But when working with SVG, there’s always...

State of Jamstack 2020: Data Deep Dive

3.9.2020
(This is a sponsored post.) The Jamstack, a modern approach to building websites and apps, delivers better performance, higher security, lower cost of scaling, and a better developer experience. But how popular is it among developers worldwide, and what do they love and hate about it? We at Kentico...

Using @property for CSS Custom Properties

3.9.2020
Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string. So rather than something like this: html { --stop: 50%; } …can be declared with more details like this: @property --stop { syntax:...

Excluding Emojis From Transparent Text Clipping

2.9.2020
CSS-Tricks has this pretty cool way of styling hovered links. By default, the text is a fairly common blue. But hover of the links, and they’re filled with a linear gradient. 😍 Pretty neat, right? And the trick isn’t all that complicated. On hover… give the link a linear...

How to Use CSS Grid for Sticky Headers and Footers

2.9.2020
CSS Grid is a collection of properties designed to make layout easier than it’s ever been. Like anything, there’s a bit of a learning curve, but Grid is honestly fun to work with once you get the hang of it. One area where it shines is dealing with headers and footers. With a little...

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