Csaba Kissi Profile picture
Jan 29 7 tweets 2 min read
Understand absolute positioning in CSS
In CSS, absolute positioning is a way to position an element relative to its nearest positioned ancestor element rather than to the viewport or the normal flow of the document.
To use absolute positioning, you first need to set the position property of an ancestor element to a value other than "static", such as "relative" or "absolute".
Then, you can set the position property of the element you want to position absolutely to "absolute", and use the top, bottom, left, and right properties to set its position relative to the edges of the ancestor element.
Here's an example HTML+CSS code:
Don't let this valuable information slip away.

Bookmark our previous tweet for quick reference by replying with @SaveToBookmarks #css

You can view your bookmarks on savetobookmarks.com
That's all, guys.

If you found this list useful, consider:

✅ Follow @csaba_kissi for more content like this
🔔 Enable notifications 👀
🔄 Retweeting the first tweet.

Thanks for your support, guys! 🙏🤝

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Csaba Kissi

Csaba Kissi Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @csaba_kissi

Jan 30
5 APIs for your next side project

Thread 🧵👇
1. Car API

Search vehicles by year, make, model, trim, engine, body, mileage, and more

rapidapi.com/carapi/api/car…
2. Currency converter

Currency exchange rates based on the markets and national central banks' data.

rapidapi.com/natkapral/api/…
Read 8 tweets
Jan 28
Understand the difference between Javascript "==" and "===" operators:
In JavaScript, "==" is the equality operator and "===" is the strict equality operator.

The main difference between the two is that "==" compares values for equality and performs type coercion if necessary, while "===" compares both values and types for equality.
For example:

If you use "==" to compare the number 5 to the string "5", the comparison will return true because JavaScript will transform the string to a number before performing the comparison.
Read 7 tweets
Jan 24
You can unlock the full potential of your workflow with the power of NoCode and AI tools.

These 9 tools will surely help you to save time (I bet):
{1} @ScribeHow

It used to take a lot of time to write documents and how-to tutorials, but not anymore!

Auto-generate step-by-step guides just by clicking record.

Save your team 20+ hours/month vs. video and text tutorials.

300,000+ users

🔗 getscribe.how/chrome
{2} Otter .ai

Voice Meeting Notes & Real-time Transcription

Uses artificial intelligence to empower users with real-time transcription meeting notes that are shareable, searchable, accessible, and secure.

🔗 otter.ai
Read 12 tweets
Jan 23
8 Low code + No code sites web developers may feel illegal to know.

You can save tens of hours every month (trust me):
Excellent open-source Firebase alternative.

It's a secure backend server for web, mobile & flutter developers.

Out-of-the-box support for:

✅ Authentication and Users (social logins included)
✅ Functions
✅ Database
✅ Storage

🔗 appwrite.io Image
{2} Browse AI

Scrape and Monitor Data from Any Website with No Code.

Monitor any webpage for changes.

Download any data on the web as a spreadsheet. Turn any website into an API.

🔗 browse.ai Image
Read 10 tweets
Jan 20
Where to learn for Free in 2023

1. HTML
w3schools.com

2. CSS
web.dev/learn/css

3. JavaScript
javascript.info

4. Git & GitHub
git-scm.com

5. API
rapidapi.com/learn

6. Python
learnpython.org
7. SQL
SQLbolt.com

8. React
react-tutorial.app

9. Web3
learnweb3.io

10. Blockchain
cryptozombies.io
Data structures introduction:
w3schools.in/data-structure…

Data algorithms:
programiz.com/dsa

Sorting algorithms:
toptal.com/developers/sor…

Tech interview cheat sheet:
github.com/TSiege/Tech-In…
Read 6 tweets
Jan 19
You will feel guilty that you didn't know about these extensions.

8 Chrome extensions that can boost your productivity by 100% in 2023:
{1} @ScribeHow

It used to take a lot of time to write documents and how-to tutorials, but not anymore!

Auto-generate step-by-step guides just by clicking record.

Save your team 20+ hours/month vs. video and text tutorials.

300,000+ users

👉 getscribe.how/chrome
{2} Eesel

All your Google Docs, Notion pages, and other work documents right in your new tab.

10,000+ users

🔗 chrome.google.com/webstore/detai…
Read 10 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(