Search
Everything You Ever Wanted to Know About the DeFi ‘Flash Loan’ Attack
19.2.2020
Here's a plain-English breakdown of the bZx attacks and their broader implications for the budding DeFi markets
A Complete Guide to Data Attributes
18.2.2020
Everything you ever wanted to know about data attributes in HTML, CSS, and JavaScript.
The post A Complete Guide to Data Attributes appeared first on CSS-Tricks
The Hooks of React Router
12.2.2020
React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if you are looking for a quick primer on the new patterns of React Router. But before we look at hooks, we will start off with a new route rendering...
Blockchain Tops the List of Most In-Demand Tech Skills for 2020
13.1.2020
If you are planning to start a new career this year, or just improve your value in the jobs market, the best thing that you can do is acquire some blockchain skills. Companies around the world are looking for people with capabilities in this field and it appears that demand far outpaces the supply....
How Auto Margins Work in Flexbox
6.1.2020
Robin has covered this before, but I've heard some confusion about it in the past few weeks and saw another person take a stab at explaining it, and I wanted to join the party.
Say you have a flex container with some flex items inside that don't fill the whole area.
See the Pen
ZEYLVEX...
How I’ve Improved as a Web Developer (and a Person) in 2019
11.12.2019
We’re sliding into the roaring twenties of the twenty-first century (cue Jazz music 🎷). It’s important that you and I, as responsible people, follow the tradition of looking back on the past year and reflect on the things that went right and wrong in the hopes of becoming the best version...
CBD Coffee Company Leverages Censorship-Resistant Nature of Crypto
11.12.2019
On December 8, the U.S.-based coffee firm that uses cannabidiol (CBD) in its product, Crazy Calm, launched a promotion that aims to send $5 per order to the charity EatBCH. The founder of Crazy Calm, Matt Aaron, also detailed that the startup wanted to leverage the payment processor Shopify but...
A Business Case for Dropping Internet Explorer
28.10.2019
The distance between Internet Explorer (IE) 11 and every other major browser is an increasingly gaping chasm. Adding support for a technologically obsolete browser adds an inordinate amount of time and frustration to development. Testing becomes onerous. Bug-fixing looms large. Developers have...
NASA to Launch Bitcoin to the Moon? Space Agency Seeks Crypto Experience
26.9.2019
Could experience with cryptocurrency help you become a better space scientist? NASA seems to think so. The U.S. aeronautics agency is looking for a big data scientist and specifically mentions that experience with cryptocurrency and blockchain could help you get the job. Also Read: Esports...
CSS-Tricks Chronicle XXXVI
16.9.2019
This is one of these little roundups of things going on with myself, this site, and the other sites that are part of the CSS-Tricks family.
I was recently in Zürich for Front Conference. It was my first time there and I very much enjoyed the city and the lovely staff of the conference. I...
Staggered CSS Transitions
14.8.2019
Let's say you wanted to move an element on :hover for a fun visual effect.
@media (hover: hover) {
.list--item {
transition: 0.1s;
transform: translateY(10px);
}
.list--item:hover,
.list--item:focus {
transform: translateY(0);
}
}
Cool cool. But what if you had several list...
Datalist is for suggesting values without enforcing values
26.7.2019
Have you ever had a form that needed to accept a short, arbitrary bit of text? Like a name or whatever. That's exactly what <input type="text"> is for. There are lots of different input types (and modes!), and picking the right one is a great idea.
But this little story is about something...
My Favorite Netlify Features
25.7.2019
👋 Hey folks! Silvestar pitched this post to us because he is genuinely enthusiastic about JAMstack and all of the opportunities it opens up for front-end development. We wanted to call that out because, although some of the points in here might come across as sponsored content and Netlify...
Responsive Iframes
25.7.2019
Say you wanted to put the CSS-Tricks website in an <iframe>. You'd do that like this:
<iframe src="https://css-tricks.com"></iframe>
Without any other styling, you'd get a rectangle that is 300x150 pixels in size. That's not even in the User Agent stylesheet, it's just some...
Don’t comma-separate :focus-within if you need deep browser support
24.7.2019
I really like :focus-within. It's a super useful selector that allows you to essentially select a parent element when any of its children are in focus.
Say you wanted to reveal some extra stuff when a <div> is hovered...
div:hover {
.extra-stuff {
/* reveal it */
}
}
That's...
How I Created a Code Beautifier in Two Days
19.7.2019
I recently drew up a wireframe for a code beautifier. The next day, I decided to turn it into a real tool. The whole project took less than two days to complete.
I'd been thinking about building a new code beautifier for a while. The idea isn't unique, but every time I use someone else's tool,...
Restricting a (pseudo) element to its parent’s border-box
2.7.2019
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...
Binance DEX Garners Praise From Crypto Community, Proving To Become What Users Wanted
26.6.2019
Binance DEX has been a dream project of Changpeng Zhao, but it didn’t get the start it deserves. However, steadily, the platform is gaining praise from popular crypto investors and influencers, which promises a bright future for the decentralized crypto exchange. On Tuesday, the famous pseudonymous...
Easily Deploy a Serverless Node App with ZEIT Now
10.6.2019
I wanted to deploy a simple demo node app the other day using Now, and I got into a lot of difficulties and gotchas, with little help from the official docs. If yo
Detect if Element is a Web Component
5.6.2019
I’ve advocated for web components since before they became a spec, mostly inspired by the Dojo Toolkit’s dijit framework. Empowering first class JavaScript widgets, as opposed to a mess of DIVs and templates, always made the most sense. Now that web components exist, and awesome...