Search
Selectors Explained
2.3.2020
Have you ever found yourself either writing a CSS selector that winds up looking confusing as heck, or seen one while reading through someone's code? That happened to me the other day.
Here's what I wrote:
.site-footer__nav a:hover svg ellipse:first-child { }
At the end of it, I honestly couldn't...
US Politicians Want to Ban End-to-End Encryption on Messaging Services like Telegram and Whatsapp
2.2.2020
Under the guise of fighting against online child pornography, American politicians are trying to effectively ban end-to-end encryption on all communication technology platforms for everyone. Newly proposed legislation could force companies like Apple, Google and Facebook to create back doors...
A Use Case for a Parent Selector
31.12.2019
Having a "parent selector" in CSS is mentioned regularly as something CSS could really use. I feel like I've had that thought plenty of times myself, but then when I ask my brain for a use case, I find it hard to think of one. Well, I just had one so I thought I'd document it here.
A classic...
Two Lessons I Learned From Making React Components
19.12.2019
Here’s a couple of lessons I’ve learned about how not to build React components. These are things I've come across over the past couple of months and thought they might be of interest to you if you’re working on a design system, especially one with a bunch of legacy technical decisions and a lot...
The Thought Process Behind a Flexbox Layout
27.11.2019
I just need to put two boxes side-by-side and I hear flexbox is good at stuff like that.
Just adding display: flex; to the parent element lays out the children in a row.
Well, that's cool. I guess I could have floated them, but this is easier.
They should probably take up the full space they have...
What is super() in JavaScript?
6.11.2019
What's happening when you see some JavaScript that calls super()?.In a child class, you use super() to call its parent’s constructor and super.<methodName> to access its parent’s methods. This article will assume at least a little familiarity with the concepts of constructors and child...
Lyn Ulbricht Speaks Out Against Unfair Silk Road Sentencing, Facebook and Government Hypocrisy
25.10.2019
U.S. representative Ann Wagner noted at a recent hearing that child pornographic material has been reported on Facebook more than any other site. Lyn Ulbricht, mother of currently imprisoned Silk Road founder Ross Ulbricht, spoke out in a video livestream Wednesday against her son’s unfair...
US Authorities Analyze Bitcoin Transactions to Shut Down Child Porn Ring
16.10.2019
U.S. law enforcement agencies mapped out the server of the largest child porn site by tracing Bitcoin transactions
US Law Enforcement Traces Bitcoin Transactions to Nab ‘Largest’ Child Porn Site
16.10.2019
A U.S. federal grand jury indicted a South Korean citizen for operating a child porn site, funded by millions dollars worth of bitcoin
UN Official: Crypto Makes Policing Child Trafficking ‘Exceptionally Difficult’
30.8.2019
Cryptocurrencies provide a "new layer of secrecy that favors the criminals," said a top-ranking staffer of the UN's Office on Drugs and Crime
Cryptocurrencies Help Criminals of Child Sexual-Abuse Hide: UN Cybercrime Chief
29.8.2019
Even today, cryptocurrencies are generally perceived as just high-risk investments for millennials and Silicon Valley insiders. However, amid all the hype and speculation, what many are failing to notice is that most decentralized digital currencies like Bitcoin were created to “do something,” with...
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...
How They Will Attack Bitcoin: The Hypocritical Shock Campaign of US Monetary Policy
17.7.2019
On July 16, U.S. Department of the Treasury Secretary Steven Mnuchin gave a short press briefing discussing cryptocurrencies and the pressing need for regulation. A 28-minute slodge of alphabet agency soup, studded with calculated mentions of “terrorism” nearly every minute, casual...
A Little Reminder That Pseudo Elements are Children, Kinda.
8.7.2019
Here's a container with some child elements:
<div class="container">
<div>item</div>
<div>item</div>
<div>item</div>
</div>
If I do:
.container::before {
content: "x"
}
I'm essentially doing:
<div class="container">
...
Hello Subgrid!
20.6.2019
Rachel Andrew’s talk at CSSconf is wonderful because it digs into one of the most exciting changes that’s coming soon to a browser near you: subgrid! That’s a change to the CSS Grid spec that allows for much greater flexibility for our visual designs. Subgrid allows us to set one grid on an entire...
10 React Challenges (Beginner): Use Context to Pass Data
14.6.2019
Data in React applications is usually passed to components, via props. By using props, data is sent from parent to child components.
Passing da
10 React Challenges (Beginner): Recreate Layout with Components
5.6.2019
Components are the building blocks of React Applications, and each is a JavaScript function. These components comprise of Parent and Child components.
Data is passed from parent to child thr
Binance Charity Foundation Raises $200,000 For Their Child Welfare Programme
16.5.2019
In a recent charity event, the Binance Charity Foundation has raised $200,000 to support the Children program. The event was hosted by Bloq. Blockchain Charity Foundation is a non-profit company which aims to achieve sustainable global development through the unlocking of blockchain power. In order...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
Dealing with overflow and position: sticky;
25.2.2019
Any overflow value other than visible and no height is the enemy of child elements with position: sticky;. It's like that element is ready to stick when the parent scrolls, but it never does because the height is unconstrained. Adding a fixed height can solve the issue, but that's not always...