Positioning in CSS allows you to display your element wherever you want on the screen

But when I was learning it, I found it little bit confusing😅

So in this thread I'll try to explain it in easiest manner with practical implementation. Let's start

THREAD🧵👇

There are 5 values that you can pass in position property

- static
- relative
- absolute
- fixed
- sticky

In this thread we will be focusing on relative and absolute positioning as both are widely used

Let's start with understanding what document flow is?

📌 Elements are displayed on the screen as they written in the HTML document

Consider the following piece of code:

H1, P, H3 and div are displayed on the screen in exact order as they written in the HTML file.

As now you know about document flow, let's start with Relative positioning

📌 Relative Position

- Relative positioning do not take an element out of document flow
- Relative positioning is relative to element's original position which can be changed using offset

🔹 Relative position is relative to itself.

For example: Consider the code and output in the attached image below

As you can see red box is shifted 100px from left because I applied left offset after giving it relative positioning

I am grateful to @slatestarcodex for taking the time to respond to my critique of technocracy. There is a lot there to respond to and in general I think the exchange speaks for itself. However, I think there are few points where clarification is important for the exchange to be

productive, which I'll briefly address here. I suspect many fellow travelers (e.g. @audreyt @dsallentess @JohnnieM @MichelleRempel @VitalikButerin @mds49) will find the exchange fairly ironic/revealing. I'll post this as a response on this blog as well.

1. Let me start with concessions. There are many points where @slatestarcodex correctly highlights various areas where my grasp of beliefs and facts are limited or wrong, especially in the depth of my grasp of the views of the rationalist community.

I freely admit that there are serious limits to how much I've been able to research the views of people in this community and I certainly hope they are not as I characterized them, though as I will point out below many elements of @slatestarcodex's response confirm my concerns.

2. Given the last point, I fully acknowledge the danger of throwing stones lest I shatter my own glass house. However, leaving aside any blame, I think to make sense of my piece and @slatestarcodex's response requires a bit of context that clearly he lacked. First, outside

#RaspberryPiPico silicon teardown time!

Board as received optical + x-ray images

Inspecting package. X-ray shows bond wires easier after removing thermal slug

Thermal slug removed w/ HCl + H2O2

Decapped to show copper bond wires connecting die to package pins. Initially used only nitric acid which destroyed copper bond wires (last image). Fixed by switching to mixed nitric + sulfuric acid

The tech scene in Nigeria is shifting towards remote work.

Having worked remotely for 6+ years (3 in Nigeria), here's some things I've learnt.

**Internet**

If you live in Abuja, Lagos etc try and setup fibre optic internet.

They are reliable, not prone to frequent disconnects, ultra low latency, and they're very fast. They usually come bundled with unlimited usage per month.

Although the fibre speeds are not mind blowing gigabit speeds, yet. 200mbps is good enough anywhere.

Your best bet for fibre in Nigeria would be @ipNXTweet. ₦30k setup and internet plans can range from as low as ₦12k - ₦150k monthly.

One dishonourable mention is @explorelegend. They take forever to get setup. Once setup, it's quite good. ₦130k setup, plans range from ₦30k - ₦70k monthly.

Some providers like @Mainoneservice are not worth it for homes, way too expensive. ₦350k for 50mbps a month? Hell no!

Which ever provider you decide to go with, do read the fine print.

The alternative for people without access to fibre optic internet is to get devices like MTN's hynetflex, spectranet and the rest, but good luck with those.

So Sony has this format called Optical Disc Archive, right? It's a high-density storage cartridge, but it turns out it works by cheating.

because if you open it up (which you should never do. trust me on this one)
it turns out... it's blu-ray.

it's a big STACK of blu-ray

And the idea is that Sony built some very complicated drive which you can slot this cartridge into, and it'll open it up and grab out the right disc and just read/write that one

then when you hit the eject button, it shoves the discs back in and closes up the case, and hands you the cartridge.

Next up in Privacy Technology at #enigma2021, Kelly Huang from @ethyca speaking about "GONE, BUT NOT "FORGOTTEN"—TECHNICAL & PRACTICAL CHALLENGES IN OPERATIONALIZING MODERN PRIVACY

Just imagine there's a global pandemic forcing everyone to stay home and buy their stuff over the internet. And you've been working on your sanitization-on-demand startup. You've got more users than you can count! ... literally, because your data's all over.

Now you're a multi-national international country with privacy issues because your information is all over the place.

Now a user writes to request you delete their data. Where is it? How do you do that? Who's responsible for privacy in your business.

How do you operationalize privacy rights?

Primary stakeholders:
* Legal
* Business
* Engineering

We spend a lot of time on Twitter analyzing the legal rulings, but it's harder where the "rubber meets the code" 🥁

Because microtest TDD is more a "way of geeking" than a technique or a received body of knowledge, building one's faculties is a long and sometimes perilous effort. Let's talk about learning.

(I, too, feel a little relief just now, tho not as much as some, because recent events aren't an ending, they're the beginning of a lot of work.

Black Lives Matter.

Stay safe, stay strong, stay angry, stay kind.

Let's keep changing this.)

I want to approach the question(s) of learning TDD in some ways that are a little different from others I've seen. I've written two TDD curricula myself, and am involved currently in helping with two more. I see all of them, including the current ones, as "interesting failures".

At first, learning/teaching TDD seems like a road, then over time it seems to become a tree, and ultimately it feels much more like a spreading activation network, including lots of external triggers, plateau periods, and transformative experiences.

(I'm open to the possibility that this is what *any* judgment-centric skill looks like, but for now I just want to talk about TDD.)

New iPad Pro looks incredible! #AppleEvent #iPadPro

iPad Pro 11” starting at $799
iPad Pro 12.9” starting at $999
#AppleEvent #iPadPro

Tonight we are launching our Net Zero Carbon Roadmap for Leeds, which shows a pathway for how Leeds can get to net-zero emissions by the city’s target date of 2030.

Follow the live tweets @LeedsClimateCom #LeedsClimate #PCANcities
1/

We're looking forward to hearing responses to the roadmap's presentation by members of the Leeds Citizens' Jury, Polly Cook of Leeds City Council, @SimonBowens of Friends of the Earth and Elizabeth Edgington of @BITC

#LeedsClimate #PCANcities
2/

Leeds’ carbon footprint has gone down: between 2000-2019 emissions fell by 40% (largely due to national decarbonisation of the grid).

Our share of the global carbon budget in 2020 is 31m tonnes; at ca. 4m tonnes a year, that’s used up by 2029

#LeedsClimate #PCANcities
3/

During lockdown #1, emissions were ca. 43% lower – overall, in 2020, they were ca 13% lower than normal. Sounds encouraging, but this only delays the point we eat up our carbon budget by 2 months!
#LeedsClimate #PCANcities
4/

Following science-based targets, Leeds needs to make 70% reductions by 2025 – which means another 25% reduction in emissions in the next 4-5 years.

We need to accelerate significantly!

#LeedsClimate #PCANcities
5/

Lockpicking Floppies!

I don't know why twitter is refusing to insert a card for this one. In any case, It's the @LockPickingLwyr, and it's a floppy-drive-lock.

so I've been meaning to do a video or thread on these sorts of locks myself. I have several, of different designs.

generally they're all designed vaguely like this one: it's a plastic insert that goes into the floppy drive, then it has some bit that rotates with the key to hold itself inside.

and they pretty much universally use super-cheap low-security tubular locks like this. You can probably pick most of them with a ballpoint pen

We're kicking off the Privacy Tech session at #enigma2021 with Mitch Negus speaking about "NO DATA, NO PROBLEM—GIVING NUCLEAR INSPECTORS BETTER TOOLS WITHOUT REVEALING STATE

A nuclear catastrophe hasn't occurred... yet. So we need to stay vigilant. Nuclear inspectors go in according to treaties to check what's going on and check compliance with treaty rules.

But as sophisticated analytics become more common, states will only want to share the minimum amount of information necessary under the treaty.

But perhaps we can use MPC -- secure multi-party computation

Yao's garbled circuits were first demonstrated on the millionaire's problem -- figuring out who's richer without revealing actual amounts.

Used for other things like cryptocurrency these days.

Can we use this for nuclear inspection?

MPC can be used to compute anything computed by a computer [but it's expensive!]

Last up in Privacy Tech for #enigma2021, @xchatty speaking about "IMPLEMENTING DIFFERENTIAL PRIVACY FOR THE 2020

Differential privacy was invented in 2006. Seems like a long time but it's not a long time since a fundamental scientific invention. It took longer than that between the invention of public key cryptography and even the first version of SSL.

But even in 2020, we still can't meet user expectations.
* Data users expect consistent data releases
* Some people call synthetic data "fake data" like
"fake news"
* It's not clear what "quality assurance" and "data exploration" means in a DP framework

We just did the 2020 US census
* required to collect it by the constitution
* but required to maintain privacy by law

But that's hard! What if there were 10 people on the block and all the same sex and age? If you posted something like that, then you would know what everyone's sex and age was on the block.

man, this tablet project.
so it stopped charging. it was at 23%, I charge it for a couple hours, still 23%
I turn it off and leave it on the charger for 23%, confirm it's charging, and 8 hours later... 21%

so I get on the internet and order a replacement battery.
in the two days it takes it to arrive, the tablet somehow charges to 100%?

it arrives and I'm like "eh, fuck it. I have the battery here, that one is old, I might as well swap 'em.
I try to open up the tablet, following the instructions, and... the digitizer cracks.

it turns out the fact I had to replace the digitizer before meant that the new one wasn't glued in as well as it should be, so when I pried it open, the wrong part came off. Whoops.

that's okay, because of an amazon mix-up long ago, I actually have a spare digitizer on hand for this tablet! I can just replace that after the battery.

The @Uber-@Postmates merger will ONLY benefit monopolistic pandemic profiteers focused on growing their power at the expense of restaurants, workers, and consumers.

2/ Both @Uber & @Postmates’ business models are built on trapping restaurants & workers in a predatory payday loan cycle of dependence and destitution.

And both @Uber & @Postmates use the “Break it till you Make It” approach to the law.

3/ @Uber was a vanguard in the business of providing illegal taxi service and misclassifying workers as “contractors.”

@Postmates pioneered the predatory practice of stealing menus and offering unauthorized delivery service from restaurants without their knowledge.

4/ Now, unauthorized deliveries are one of the apps’ favorite bait-and-switch tactics for convincing restaurants to pay 30-60% commissions.

When COVID-19 shut down dining rooms & dozens of cities capped fees to help restaurants, both @Uber & @Postmates lobbied hard to stop them.

5/ @Postmates, in particular, was not subtle about breaking the

1/12 @HathorNetwork offers a unique set of features for both builders and users. Some well known ones, others not so much. Let’s look at why you might want to consider Hathor as the layer 1 solution for your project. $HTR @HTRFDT #BuildOnHathor

2/12 Easy tokenization is the obvious one. You create your own token in less than a minute, no coding required.

3/12 As opposed to ERC tokens, your custom Hathor token is a layer 1 token. It inherits the same features and security as the native token, $HTR, effectively giving your token the same level of security as the #Bitcoin $BTC blockchain.

4/12 Hathor Network also passed their security audit by @SlowMist_Team so you can feel safe knowing that your L1 token fulfills the same security requirements as $HTR.

5/12 By configuring built-in nano contracts you will be able to add logic to your token. No coding required. Native nano contracts also mitigate the risk of bugs and security issues that comes with custom smart contracts development on other platforms. $HTR

X : Are you interested in container technology?
Me : No. I'm interested in the practices that emerge from industrialiation of technology. It's the practice that actually define the future, not the technology.
X : So, what are you interesting in?
Me : ... long list ...

1. SWARMING (of people and machines)

2. DISTRIBUTED AND INDIRECT LEARNING

3. DISTRIBUTION OF PROVISION (not power but provision)

4. ACCEPTANCE OF STANDARDS (identification and adoption of)

5. INCENTIVES & FUNDING MODELS (worth based / outcome based models)

6. FOCUS ON INTENT (long term goals)

7. MANAGEMENT OF CONSTRAINTS (including enabling constraints)

8. FOCUS ON PRINCIPLES (over beliefs)

9. SUPPLY CHAIN MANAGEMENT

10. IMMERSION

11. RESOURCE MANAGEMENT

12. SUSTAINABILITY (not just tickboxes in a CSR)

13. REUSABILITY (of components including exaptation)

14. MANAGING INERTIA (models for identifying and managing)

15. RESILIENCE (both engineering and ecological)

16. MOBILISATION (of people and resources)

17. MANIPULATION (of perceptions and defense against)

18. SITUATIONAL AWARENESS

19. AUGMENTED INTELLIGENCE (not replacement of human capital but addition to)

20. REDUCTION OF WASTE