Build Your Community - Turn your connections into a powerful online community
by Richard Millington

Buzzing Communities - How to Build Bigger, Better, and More Active Online Communities
by Richard Millington

The Art of Community - Building The New Age Of Participation
by Jono Bacon

Getting Together - How to Build a Community With Your People
by Bailey Richardson, Kevin Huynh, and Kai Elmer Sotto

Find Your People - Building Deep Community in a Lonely World
by Brendan Burchard

The Business of Belonging - How to Make Community your Competitive Advantage
by Jacqueline Hermes

Building Brand Communities - How Organizations Succeed by Creating Belonging
by Carrie Melissa Jones and Charles Vogl

Superfans - The Easy Way to Stand Out, Grow Your Tribe, and Build a Successful Business
by Pat Flynn

Get Together - How to Build a Community with Your People
by Bailey Richardson, Kevin Huynh, and Kai Elmer Sotto

Community Building on the Web - Secret Strategies for Successful Online Communities
by Amy Jo Kim

People Powered - How Communities Can Supercharge Your Business, Brand, and Teams
by Jono Bacon

Tribes - We Need You to Lead Us
by Seth Godin

#bookmark #book #professional_networking

https://dribbble.com/mrstudio
#ideas #webdev

https://github.com/Bryantellius/portal
#boilerplate #react #rtk

#svg #convertor
https://svgtrace.com

#mui #media_query #responsive

Using `@mui/system`'s `styled` Component:

import { styled } from '@mui/system';

const MyComponent = styled('div')(({ theme }) => ({
  width: '100%',
  [theme.breakpoints.up('md')]: {
    width: '50%',
  },
}));

Employing `theme.breakpoints`:

import { useTheme } from '@mui/material/styles';

function MyComponent() {
  const theme = useTheme();

  const styles = {
    container: {
      width: '100%',
      [theme.breakpoints.up('md')]: {
        width: '50%',
      },
    },
  };

  return <div style={styles.container}>...</div>;
}

Leveraging `useMediaQuery` Hook:

import { useMediaQuery } from '@mui/material';

function MyComponent() {
  const matches = useMediaQuery('(min-width:600px)');

  return <div>{matches ? 'Large screen' : 'Small screen'}</div>;
}

Let's Go (2nd Edition)

#ansible #server

1. Meta Engineering
https://lnkd.in/g_JFiycC

2. AWS Architecture
https://lnkd.in/gcqi__Fc

3. Microsoft Engineering
https://lnkd.in/gyqAdgn6

4. Nextflix Tech
https://lnkd.in/gmq77fx8

5. LinkedIn Engineering
https://lnkd.in/gakkkcqD

6. Uber Engineering
https://eng.uber.com/

7. Engineering at Quora
https://lnkd.in/gDTNwika

8. Pinterest Engineering
https://lnkd.in/gGN2U4mn

9. Lyft Engineering Blog
https://eng.lyft.com/

10. Twitter Engineering Blog
https://lnkd.in/gcAATsep

11. Dropbox Engineering Blog
https://dropbox.tech/

12. Spotify Engineering
https://lnkd.in/gChsMWjz

13. Github Engineering
https://lnkd.in/gjVgXwVe

14. Instagram Engineering
https://lnkd.in/ggdgMZUV

15. Canva Engineering Blog
https://canvatechblog.com/

16. Etsy Engineering
https://lnkd.in/gxRFMuSs

17. Airbnb Tech
https://lnkd.in/g9R5CGpw

18. Stripe Engineering
https://lnkd.in/gAEDy5yU

19. Ebay Tech Blog
https://tech.ebayinc.com/

20. Hubspot Product and Engineering
https://lnkd.in/gamxdcvA

21. OpenAI Blog
https://lnkd.in/gv49pjVd

22. Google Engineering Blog:
https://lnkd.in/g5auvtaA

23. Stack Overflow Blog:
https://lnkd.in/gU9uGEen

#tech #blog #webdev #code

To format a USB drive with the Windows_FAT_32 type instead of Windows_NTFS on macOS to support cars
diskutil eraseDisk FAT32 CARUSB MBRFormat /dev/disk2

Set custom allocation unit/cluster sizes when formatting to write faster on it
sudo newfs_msdos -F 32 -b 32768 -c 8 /dev/disk3s1

Cookies are sent with an HTTPS POST request automatically by the browser under certain conditions. Here’s how it works:

1. Automatic Cookie Sending (Browser Default Behavior)

When a browser sends an HTTPS POST request, it includes cookies that match the domain, path, and security settings of the request’s URL. This includes:
• Session cookies (if they haven’t expired)
• Persistent cookies (if stored)
• SameSite-compliant cookies (depending on their policy)
• HttpOnly cookies (not accessible via JavaScript but still sent by the browser)

Example request headers sent by the browser:

POST /login HTTP/1.1
Host: example.com
Cookie: session_id=abcdef123456; user_token=xyz987
Content-Type: application/json
Content-Length: 45

2. How to Ensure Cookies Are Sent

For cookies to be sent with a POST request, they must:
1. Be Set for the Correct Domain & Path
• If a cookie is set for example.com, it will be included in requests to https://example.com/*, but not https://another-site.com/*.
2. Match the Secure and SameSite Policies
• Secure Flag → Cookies marked Secure are only sent over HTTPS.
• SameSite Attribute controls cross-site cookie behavior:
• SameSite=Strict → Sent only for same-origin requests.
• SameSite=Lax → Sent for top-level GET requests, but not POST.
• SameSite=None; Secure → Sent in cross-site requests (e.g., API calls from another domain).
3. Not Be HttpOnly If JavaScript Needs Access
• Cookies with HttpOnly cannot be read or set via JavaScript (document.cookie), but they are still included in requests.

3. Sending Cookies with a JavaScript fetch POST Request

If cookies are not sent automatically (e.g., in fetch or XMLHttpRequest), you need to include credentials: "include".

fetch("https://example.com/api", {
method: "POST",
credentials: "include", // Ensures cookies are sent
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({ username: "user", password: "pass" })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));

4. Cross-Origin Requests and Cookies

If you’re sending a request to a different origin (CORS request), the server must:
• Allow credentials by setting:

Access-Control-Allow-Credentials: true


• Allow the request origin explicitly (wildcards * do not work with credentials):

Access-Control-Allow-Origin: https://your-frontend.com



Would you like an example of setting cookies via a server response?

FingerprintJS is a source-available, client-side, #browser fingerprinting library that queries browser attributes and computes a hashed visitor identifier from them. Unlike #cookies and local storage, a fingerprint stays the same in incognito/private mode and even when browser data is purged.

https://fingerprintjs.github.io/fingerprintjs/

Great question! The traditional frontend/backend split is becoming less rigid as new, specialized domains emerge in software development. Here are the modern and emerging categories that go beyond the classic divide:



🔥 Modern & Emerging Developer Categories (Beyond Frontend/Backend)

1. Cloud-Native & DevOps Engineers

Focus: Automation, scalability, and infrastructure-as-code (IaC).
Why It’s New:

Shift from "just coding" to deployment, observability, and SRE (Site Reliability Engineering).
Uses Kubernetes, Docker, Terraform, CI/CD pipelines.
Blurs the line between dev and ops.

2. AI/ML Engineers

Focus: Building and deploying machine learning models.
Why It’s New:

Requires Python, TensorFlow, PyTorch, LLMs (like GPT, Claude).
Combines data science, backend, and high-performance computing (HPC).
Emerging subfields: MLOps, AI ethics, and edge AI.

3. Data Engineers

Focus: Building data pipelines and warehouses.
Why It’s New:

Explosion of Big Data, real-time analytics (Apache Kafka, Spark, Snowflake).
Works between backend and data science.
Key skill: ETL (Extract, Transform, Load) processes.

4. Blockchain & Web3 Developers

Focus: Decentralized apps (dApps), smart contracts, DeFi.
Why It’s New:

Uses Solidity (Ethereum), Rust (Solana), Move (Aptos).
Not just "backend" but peer-to-peer (P2P) systems.
Emerging fields: ZK-proofs, tokenomics, on-chain AI.

5. Cybersecurity Engineers (DevSecOps)

Focus: Securing code, infrastructure, and cloud environments.
Why It’s New:

Shift-left security (integrating security early in DevOps).
Roles: Penetration testers, red/blue teams, cryptography experts.

6. AR/VR & Metaverse Developers

Focus: Building immersive 3D experiences (Unity, Unreal Engine).
Why It’s New:

Combines game dev, 3D modeling, and real-time networking.
Emerging tech: Apple Vision Pro, Meta Quest, WebXR.

7. Edge Computing & IoT Engineers

Focus: Running code on devices (not just cloud).
Why It’s New:

Autonomous cars, smart cities, embedded AI.
Requires C++, Rust, Python, and real-time OS skills.

8. Quantum Computing Developers

Focus: Writing algorithms for quantum computers.
Why It’s New:

Uses Qiskit (IBM), Cirq (Google), and quantum simulators.
Still experimental but growing fast.



💡 Key Takeaway

The "frontend/backend" model is outdated for many cutting-edge fields. Modern developers specialize in:
✅ Vertical domains (AI, blockchain, cybersecurity).
✅ Platforms (cloud, edge, quantum).
✅ Hybrid roles (DevOps, MLOps, DataOps).

What’s Next?

AI-augmented development (GitHub Copilot, ChatGPT-assisted coding).
Low-code/no-code (for rapid prototyping).
Ethical AI & compliance engineering.

Would you like a deep dive into any of these? 🚀

Tauri is a framework for building tiny, fast binaries for all major desktop and mobile platforms. Developers can integrate any frontend framework that compiles to HTML, JavaScript, and CSS for building their user experience while leveraging languages such as Rust, Swift, and Kotlin for backend logic when needed.

https://v2.tauri.app/start/

قدرت واقعی تفکر سیستمی دقیقاً در کاربرد فراتر از مرزهای رشتههای مهندسی و استفاده از آن برای حل مسائل پیچیده انسانی، اجتماعی و اقتصادی است.

تفکر سیستمی یک زبان مشترک برای درک پیچیدگی است، و پیچیدگی محدود به حوزه مهندسی نیست.

تفکر سیستمی یک چارچوب فکری (Mindset) است، نه یک ابزار فنی (Tool) محدود به مهندسی.

* در مهندسی: برای درک و طراحی سیستمهای فنی (مثلاً یک خودرو یا یک نرمافزار) استفاده میشود.
* در خارج از مهندسی: برای درک و "طراحی" در سیستمهای انسانی استفاده میشود که اغلب بسیار پیچیدهتر و غیرقابل پیشبینیتر از سیستمهای فنی هستند.

بنابراین، اگر به دنبال درک علل ریشهای مشکلات در هر حوزهای هستید، تفکر سیستمی یک مهارت بدردبخور و در واقع ضروری است. این تفکر به شما میآموزد که چگونه از "درختها" فاصله بگیرید تا "کل جنگل" را ببینید، و این توانایی در هر رشتهای ارزشمند است.