Search

Nalezeno "No Say": 2234

Three Bank Failures Open New Chapter in Never-Ending Financial Crisis


The collapse of three banks on three different continents indicates a new global crisis is brewing. But it may also show that the last one never really ended and the tools used to manage the global economy simply don’t work. Also read: Side Effects of Economic Growth: Is Snowden Right to...

The Twelfth Fourth


CSS-Tricks is 12 years old! Firmly into that Early Adolescence stage, I'd say ;) As we do each year, let's reflect upon the past year. I'd better have something to say, right? Otherwise, John Prine would get mad at me. How the hell can a person go to work in the morning And come home in...

Restricting a (pseudo) element to its parent’s border-box


Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS. The desired result. This...

Making width and flexible items play nice together


The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for. The long answer Let’s say you want to align an image and some text next to each other with like this: Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...

Getting to Know the useReducer React Hook


useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the current application state, then dispatches a function. Here is an example of how it is used; const [state, dispatch] = useReducer(reducer...

Getting to Know the useReducer React Hook


useReducer is one of a handful of React hooks that shipped in React 16.7.0. It accepts a reducer function with the application initial state, returns the current application state, then dispatches a function. Here is an example of how it is used; const [state, dispatch] = useReducer(reducer...

So, you think you’ve got project management nailed down


Who needs a project manager? You're an organized person who can keep track of your own work, right? Wrong. Well, wrong if you're part of a team. The thing about being self-organized is that it's related to project management but not synonymous with it. Case in point: what happens if your project...

So, you think you’ve got project management nailed down


(This is a sponsored post.) Who needs a project manager? You're an organized person who can keep track of your own work, right? Wrong. Well, wrong if you're part of a team. The thing about being self-organized is that it's related to project management but not synonymous with it. Case in point:...

React Starter: JSX Basics


JSX is the templating language for React. JSX is also one of the main reasons why devs say they dislike React at first. As with all new tools, there will be a learning curve. JSX is no diffe

Your first performance budget with Lighthouse


Ire Aderinokun writes about a new way to set a performance budget (and stick to it) with Lighthouse, Google’s suite of tools that help developers see how performant and accessible their websites are: Until recently, I also hadn't setup an official performance budget and enforced it. This isn’t...

What if we got aspect-ratio sized images by doing almost nothing?


Say you have an image you're using in an <img> that is 800x600 pixels. Will it actually display as 800px wide on your site? It's very likely that it will not. We tend to put images into flexible container elements, and the image inside is set to width: 100%;. So perhaps that image ends...

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