Search

Nalezeno "anything": 231

Using Cypress to Write Tests for a React Application

12.6.2019
End-to-end tests are written to assert the flow of an application from start to finish. Instead of handling the tests yourself — you know, manually clicking all over the application — you can write a test that runs as you build the application. That’s what we call continuous integration and it’s...

10 Web Performance Audit Tips for Your Next Billion Users in 2018: Render-Blocking Styles

28.5.2019
CSS files are rendered while rendering the actual document, not after. For this reason, the document has to wait for the CSS to be parsed and interpreted before anything is shown on the screen. The

10 Web Performance Audit Tips for Your Next Billion Users in 2019: Render-Blocking Styles

How I Use CleanMyMac X

21.5.2019
[Chris]: I'm a lifelong Mac user. Ever since our family upgraded from a Commodore 128 to an Apple Macintosh Performa 636 (CD) when I was in middle school, I've never owned or worked on anything other than a Mac. I'm pretty dedicated to running a clean, fast, optimized, safe, and organized machine....

Everyone’s Talking About Security Tokens But No One’s Trading Them

21.5.2019
There’s a party happening right now and everyone’s invited. The music’s playing, the fridge is loaded and the bathtub’s full of ice. All the ingredients for the sickest soiree are in place. There’s just one problem: the guests have yet to arrive. Welcome to the world...

How to Travel the World With Bitcoin Cash

19.5.2019
Traveling is on everyone’s minds as summer approaches and crypto enthusiasts are no exception. But for anyone thinking of a holiday trip, travel arrangements can be arduous. Crypto payments can make your life easier in that regard, particularly with bitcoin cash, which is a fast and cheap...

Type Conversion with JavaScript Arrays

7.5.2019
JavaScript’s loose nature allows developers to employ amazing tricks to do just about anything you’d like. I’ve detailed how you can filter falsy values in arrays using a filter(Boolean) trick, but reader David Hibshman shared another trick for typecasting array values the same...

The Simplest Ways to Handle HTML Includes

30.4.2019
It's extremely surprising to me that HTML has never had any way to include other HTML files within it. Nor does there seem to be anything on the horizon that addresses it. I'm talking about straight up includes, like taking a chunk of HTML and plopping it right into another. For example the...

The Circle of a React Lifecycle

23.4.2019
A React component goes through different phases as it lives in an application, though it might not be evident that anything is happening behind the scenes. Those phases are: mounting updating unmounting error handling There are methods in each of these phases that make it possible to perform...

Netlify Functions for Sending Emails

23.4.2019
Let's say you're rocking a JAMstack-style site (no server-side languages in use), but you want to do something rather dynamic like send an email. Not a problem! That's the whole point of JAMstack. It's not just static hosting. It's that plus doing anything else you wanna do through JavaScript...

A Couple of New Wufoo Tips

4.4.2019
(This is a sponsored post.) High fives to Wufoo, our long-time sponsor here on CSS-Tricks. It's powered the vast majority of forms I've built over the past decade. If you've never used it or heard of it: it's a form builder. It makes the arduous task of implementing forms trivially easy. Building...

Make it hard to screw up driven development

2.4.2019
Development is complicated. Our job is an ongoing battle between getting the job done and doing that job in a safe, long-lasting way. Developers say things like, "I'm just going to do this quick and dirty first," because it's taken as fact that if you code anything quickly, it not only will...

Who has the fastest website in F1?

2.4.2019
Jake Archibald looks at the websites of Formula One race teams and rates their performance, carefully examining their images and digging into the waterfall of assets for each site: Trying to use a site while on poor connectivity is massively frustrating, so anything sites can do to make it less...

Scroll-Linked Animations

29.3.2019
You scroll down to a certain point, now you want to style things in a certain way. A header becomes fixed. An animation triggers. A table of contents appears. To do anything based on scroll position, JavaScript is required right now. You watch the scroll position via a DOM event and alter...

Next Genpm

27.3.2019
So many web projects use npm to pull in their dependencies, for both the front end and back. npm install and away it goes, pulling thousands of files into a node_modules folder in our projects to import/require anything. It's an important cog in the great machine of web development. While I don't...

All About mailto: Links

22.3.2019
You can make a garden variety anchor link (<a>) open up a new email. Let's take a little journey into this feature. It's pretty easy to use, but as with anything web, there are lots of things to consider. The basic functionality <a href="mailto:someone@yoursite.com">Email...

Productivity Tips I've Learned Building Scotch.io

19.3.2019
Productivity is a marathon. The more days and years I put into this coding thing (or anything like fitness for that matter), the more I realize that consistency is far more critical than bursts

Well, Typetura seems fun

1.2.2019
I came across this update from Scott Kellum's and Sal Hernandez's project Typetura via my Medium feed this morning, and what a delight?! (Also, wow, I really have been out of the game for a minute.) Typetura.js is a fluid design solution, for any property, based on any input. It’s not for just...

Piecing Together Approaches for a CSS Masonry Layout

11.1.2019
Masonry layout, on the web, is when items of an uneven size are laid out such that there aren't uneven gaps. I would guess the term was coined (or at least popularized) for the web by David DeSandro because of his popular Masonry JavaScript library, which has been around since 2010. JavaScript...

Embed a Blog Onto Any Website With DropInBlog

30.11.2018
With DropInBlog, you can embed a blog into your site in only three minutes. A quick JavaScript/HTML widget, or a full-featured JSON API, is all it takes. A headless blog you can take anywhere Ever been working on your existing static site or anything that wasn’t built with WordPress, wanted...