Search
Turning a Fixed-Size Object into a Responsive Element
11.5.2020
I was in a situation recently where I wanted to show an iPhone on a website. I wanted users to be able to interact with an application demo on this “mock” phone, so it had to be rendered in CSS, not an image. I found a great library called marvelapp/devices.css. The library implemented the device...
Crypto Marketplace Purse.io to Dissolve Operations After 6 Years
17.4.2020
On April 17, the crypto firm Purse.io announced the company is planning to dissolve after six years of operation. The marketplace provided incentives for people who wanted the lowest price points by leveraging cryptocurrency solutions. New signups on Purse have been disabled and the company’s...
Client-Side Image Editing on Mobile
20.3.2020
Michael Scharnagl:
Ever wanted to easily convert an image to a grayscale image on your phone? I do sometimes, and that's why I build a demo using the Web Share Target API to achieve exactly that.
For this I used the Service Worker way to handle the data. Once the data is received on the client,...
CSS2JS
20.3.2020
To add inline styles on an element in JSX, you have to do it in this object syntax, like:
<div style={{
fontSize: 16,
marginBottom: "1rem"
}}Content
</div
That might look a little weird to us folks who are so used to the CSS syntax, where it is font-size (not fontSize), margin-bottom...
Libra Wanted a Currency, All We Need Are DeFi’s Open Payment Rails
10.3.2020
Rather than build an alternative currency like Libra, Facebook should concentrate on building new infrastructure, like the open systems in the ethereum-DeFi space, says ConsenSys's Lex Sokolin
Make Yourself a Little API With Netlify Functions
10.3.2020
Here's an example of a nice little use case for cloud functions. Glitch has this great package of friendly words. Say you wanted to randomly generate "happy-elephant" or "walking-tree", and you need to do that on your website in JavaScript. Well, this package is pretty big (~200 KB), necessarily...
Klobuchar Wanted a Return to Normalcy, but Do Voters?
3.3.2020
While Trump self-inflated and Bernie talked of revolution, Klobuchar took a middle lane on tech. From election security to privacy to transparency in online ads, Klobuchar was a practical legislator in a chaotic political environment
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...