Search

Nalezeno "way": 1648

Using Netlify Forms and Netlify Functions to Build an Email Sign-Up Widget

2.8.2019
Building and maintaining your own website is a great idea. Not only do you own your platform, but you get to experiment with web technologies along the way. Recently, I dug into a concept called serverless functions, starting with my own website. I’d like to share the results and what I learned...

The Simplest Way to Load CSS Asynchronously

30.7.2019
Scott Jehl: One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded...

Five of the Most Important Use Cases for Cryptocurrency

28.7.2019
Crypto assets have come a long way since Bitcoin. What started out as a P2P payment system has spawned an array of use cases that extend far beyond the original designation of cryptocurrency. While the primary function of crypto assets such as ETH and BTC is a matter of some debate, what’s...

Multi-Line Truncation with Pure CSS

17.7.2019
Truncating a single line of text if is fairly straightforward. Truncating multiple lines is a bit harder. Using just CSS (no JavaScript or server-side dancing) is nice for the simplicity. It's gotten a little easier lately since Firefox (since version 68) has started supporting the ultra-bizarre...

Finally… A Post on Finally in Promises

16.7.2019
“When does finally fire in a JavaScript promise?” This is a question I was asked in a recent workshop and I thought I’d write up a little post to clear up any confusion. The answer is, to quote Snape: ...always. The basic structure is like this: try { // I’ll try to execute some code...

Build a Chat App Using React Hooks in 100 Lines of Code

15.7.2019
We’ve looked at React Hooks before, around here at CSS-Tricks. I have an article that introduces them as well that illustrates how to use them to create components through functions. Both articles are good high-level overviews about the way they work, but they open up a lot of possibilities...

Ripple Price Analysis: XRP Initiates Price Recovery, Hurdles Are On the Way

13.7.2019
Ripple coin finally witnesses its much-awaited upward price movement XRP price has just corrected down from its price level above $0.34; before which it had maintained its price range above $0.34 Despite striking an uptrend, XRP faces major hurdles The Ripple coin may take quite a time to fully...

Position Sticky and Table Headers

13.7.2019
You can't position: sticky; a <thead>. Nor a <tr>. But you can sticky a <th>, which means you can make sticky headers inside a regular ol' <table>. This is tricky stuff, because if you didn't know this weird quirk, it would be hard to blame you. It makes way more...

Color Inputs: A Deep Dive into Cross-Browser Differences

12.7.2019
In this article, we'll be taking a look at the structure inside <input type='color'> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. Having a good understanding of this input allows us to evaluate whether a certain cross-browser...

Developing a robust font loading strategy for CSS-Tricks

10.7.2019
Zach Leatherman worked closely with Chris to figure out the font loading strategy for this very website you're reading. Zach walks us through the design in this write-up and shares techniques that can be applied to other projects. Spoiler alert: Font loading is a complex and important part of...

Haunted: Hooks for Web Components

3.7.2019
I was just chatting with Dave and he told me about Haunted. It's hooks, but for native web components! Pretty cool. I think the existence of stuff like this makes using web components more and more palatable — particularly in that totally-native no-build-step-needed-at-all kinda way. I...

Ontology Price Analysis: ONT Falls To $1.34, Recovery Phase On The Way!!

2.7.2019
For a better understanding of the price movement of the Ontology coin, we need to look at the price figures since 9-May-19 till today. The coin has shown steady movement and gained back its pace since 9-May-19 prior to which the trends were bearish. Till date, the coin has continued to show amazing...

Tips for rolling your own lazy loading

1.7.2019
You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page. Lazy loading is a popular technique for gradually requesting images as they come into view, rather than all at once after the HTML of the page...

Different Approaches for Creating a Staggered Animation

27.6.2019
Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element. But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...

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