Search
Making My Netlify Build Run Sass
9.6.2020
Let’s say you wanted to build a site with Eleventy as the generator. Popular choice these days! Eleventy doesn’t have some particularly blessed way of preprocessing your CSS, if that’s something you want to do. There are a variety of ways to do it and perhaps that freedom is part...
The Trickery it Takes to Create eBook-Like Text Columns
8.6.2020
There’s some interesting CSS trickery in Jason Pamental’s latest Web Fonts & Typography News. Jason wanted to bring swipeable columns to his digital book experience on mobile. Which brings up an interesting question right away… how do you set full-width columns that...
US Law Enforcement Promises $5M for the Capture of Venezuela’s Superintendent of Cryptocurrencies
2.6.2020
U.S. Immigration and Customs Enforcement’s (ICE) and Homeland Security Investigations (HSI), has put out a bounty for $5 million for the arrest and conviction of Venezuela’s superintendent of cryptocurrency. Joselit de la Trinidad Ramirez Camacho is now added to America’s Most...
US Offers $5M Bounty for Arrest of Venezuela’s Crypto Chief
2.6.2020
The head of Venezuela's state-backed petro cryptocurrency has been added to the U.S Immigration and Customs Enforcement's Most Wanted list
A New Way to Delay Keyframes Animations
2.6.2020
If you’ve ever wanted to add a pause between each iteration of your CSS @keyframes animation, you’ve probably been frustrated to find there’s no built-in way to do it in CSS. Sure, we can delay the start of a set of @keyframes with animation-delay, but there’s no way to add time between...
America’s Most Wanted: USD 5m Bounty Offered for Venezuela Crypto Boss
2.6.2020
America has slapped a USD 5 million bounty on the head of Joselit Ramírez Camacho, Venezuela’s head of cryptocurrency – accusing him of “having deep political, social and economic ties to multiple alleged narcotics kingpins.”
In an official release, the American Immigration and Customs...
How to Build a Chrome Extension
19.5.2020
I made a Chrome extension this weekend because I found I was doing the same task over and over and wanted to automate it. Plus, I’m a nerd during a pandemic, so I spend my weird pent-up energy building things. I’ve made five Chrome extensions with that energy, yet I still find it hard...
Recent Episodes of ShopTalk Show
12.5.2020
There is a super cool new Podcast block for WordPress Gutenberg you use Jetpack (released in 8.5). I wanted to try it out, so below you’ll see recent episodes from ShopTalk Show. I’d tell you all about the recent episodes, except then this blog post wouldn’t age very well, because...
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...