DeveloperBreeze

Cheatsheet Content for Developers

Discover 38+ cheatsheet posts including tutorials, cheatsheets, guides, and real-world examples. Empower your development journey with practical insights, expert tips, and constantly updated resources on DeveloperBreeze.

Cheatsheet

مُلزَمة شاملة لقوانين الإلكترونيات الأساسية (Cheatsheet)

  • <span class="katex"> R_{th} = R_n </span>
  • <span class="katex"> V_{th} = I_n R_{th} </span>

Nov 11, 2025
Read More
Cheatsheet

ملخص شامل لقوانين الإلكترونيات: دليل كامل للرموز والمعادلات الأساسية

القيمة الفعّالة:

المقاومات:
<span class="katex">1\;\text{k}\Omega = 1000\,\Omega</span>
<span class="katex">1\;\text{M}\Omega = 1{,}000{,}000\,\Omega</span>

Nov 11, 2025
Read More
Cheatsheet

قائمة القوانين الأساسية في الإلكترونيات: دليل شامل وسريع للمهندسين والهواة

  • القدرة = التيار × التيار × المقاومة
  • القدرة = الجهد × الجهد ÷ المقاومة
  • R_total = مجموع المقاومات
  • نفس التيار يمر في كل مقاومة
  • الجهد يتوزع بينهم

Nov 11, 2025
Read More
Cheatsheet

ShadCN Cheatsheet

npx shadcn-ui@latest add [component]

Example:

Apr 12, 2025
Read More
Cheatsheet
css html

Grids Cheatsheet

<!-- Column span -->
<div class="col-span-2">                          <!-- Span 2 columns -->
<div class="col-start-2">                         <!-- Start at column 2 -->
<div class="col-end-4">                           <!-- End at column 4 -->

<!-- Row span -->
<div class="row-span-2">                          <!-- Span 2 rows -->
<div class="row-start-2">                         <!-- Start at row 2 -->
<div class="row-end-4">                           <!-- End at row 4 -->

<!-- Individual alignment -->
<div class="justify-self-start">
<div class="justify-self-center">
<div class="self-center">                         <!-- Vertical self-alignment -->
<!-- Basic grid container -->
<div class="container">
<div class="container-fluid">                     <!-- Full-width container -->

<!-- Row -->
<div class="row">                                 <!-- Basic row -->
<div class="row g-3">                             <!-- Row with gap -->

<!-- Responsive behavior -->
<div class="row row-cols-1">                      <!-- 1 column -->
<div class="row row-cols-md-2">                   <!-- 2 columns on md screens -->
<div class="row row-cols-lg-3">                   <!-- 3 columns on lg screens -->

Jan 14, 2025
Read More