তৈরি করুন

সৃষ্টি

প্রোগ্রামিং ভাষা, টুল এবং ফ্রেমওয়ার্ক

আমরা যে প্রোগ্রামিং ভাষা, টুল এবং ফ্রেমওয়ার্ক ভালোবাসি এবং ব্যবহার করি তা অন্বেষণ করুন। প্রতিটি ভাষা স্বাগতম। "Hello World" থেকে প্রোডাকশন সিস্টেম পর্যন্ত — আপনার কোড এখানে আপনার।

ভাষা এবং প্রযুক্তি

টুল এবং ফ্রেমওয়ার্ক

ডকার এবং কন্টেইনার

সবকিছু কন্টেইনারাইজ করুন। সব প্ল্যাটফর্ম জুড়ে পুনরুৎপাদনযোগ্য এনভায়রনমেন্ট শেয়ার করুন।

#ডেভঅপস

কুবারনেটিস

বড় আকারে কন্টেইনার অর্কেস্ট্রেট করুন। আধুনিক অ্যাপ্লিকেশনের ইনফ্রাস্ট্রাকচার লেয়ার।

#ক্লাউড

গিট এবং গিটহাব

ভার্সন কন্ট্রোল মাস্টারি। সহযোগিতামূলক ওয়ার্কফ্লো, CI/CD এবং ওপেন সোর্স কন্ট্রিবিউশন।

#গিট

নিওভিম এবং VS Code

এডিটর যুদ্ধ? আমরা উভয়কেই ভালোবাসি। কনফিগ, প্লাগইন এবং প্রোডাক্টিভিটি টিপস শেয়ার করুন।

#এডিটর

সোর্স কোড প্রদর্শনী

📜 codespace.html — ভাষা গ্রিড

টুলটিপ সাপোর্ট সহ প্রোগ্রামিং ভাষার রেস্পনসিভ গ্রিড।

<!-- ভাষা গ্রিড কম্পোনেন্ট -->
<div class="lang-grid">
  <button class="lang-chip" 
    data-tooltip="Python - ডেটা সায়েন্স, AI">
    <span aria-hidden="true">🐍</span>Python
  </button>
  <button class="lang-chip" 
    data-tooltip="Rust - সিস্টেম, পারফরম্যান্স">
    <span aria-hidden="true">🦀</span>Rust
  </button>
  <!-- আরও ভাষা... -->
</div>

<!-- CSS গ্রিড ইমপ্লিমেন্টেশন -->
<style>
.lang-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.75rem;
}
</style>

🎨 টুলটিপ CSS স্টাইলিং

জাভাস্ক্রিপ্টের মাধ্যমে পজিশন করা ফ্লোটিং টুলটিপ সিস্টেম ফেড ট্রানজিশন সহ।

/* টুলটিপ কন্টেইনার */
#ctx-tooltip {
  position: fixed;
  z-index: 9998;
  background: rgba(3, 5, 8, 0.98);
  border: 1px solid #00d4ff;
  color: #00d4ff;
  padding: 0.5rem 1rem;
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.8rem;
  border-radius: 4px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  max-width: 250px;
  box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);
}

#ctx-tooltip.visible {
  opacity: 1;
}

⚡ টুলটিপ জাভাস্ক্রিপ্ট

মাউস কার্সর অনুসরণ করে এবং হোভারে দেখায় এমন টুলটিপ সিস্টেম।

const Tooltips = {
  init() {
    const triggers = document.querySelectorAll('[data-tooltip]');
    const tooltip = document.getElementById('ctx-tooltip');
    
    triggers.forEach(trigger => {
      trigger.addEventListener('mouseenter', () => {
        tooltip.textContent = trigger.dataset.tooltip;
        tooltip.classList.add('visible');
      });

      trigger.addEventListener('mousemove', (e) => {
        tooltip.style.left = (e.clientX + 15) + 'px';
        tooltip.style.top = (e.clientY + 15) + 'px';
      });

      trigger.addEventListener('mouseleave', () => {
        tooltip.classList.remove('visible');
      });
    });
  }
};

বর্তমান প্রকল্প

🔴 লাইভ শুরু: মার্চ ২০২৬

STYKALABRIA ওয়েবসাইট পুনরায় ডিজাইন

আমরা বর্তমানে অ্যাক্সেসিবিলিটি, বহু-ভাষা সমর্থন এবং সকল ধরনের স্রষ্টাদের জন্য আমন্ত্রণমূলক ডিজাইনের উপর ফোকাস করে আমাদের ওয়েবসাইট পুনর্নির্মাণ করছি। এই প্রকল্পটি অন্তর্ভুক্তি এবং সুন্দর কোডের প্রতি আমাদের প্রতিশ্রুতি প্রদর্শন করে।

HTML5 CSS3 JavaScript WebGL

কোড শুরু করতে প্রস্তুত?

আপনার পছন্দের যেকোনো ভাষায় আমাদের কমিউনিটিতে যোগ দিন। প্রশ্ন জিজ্ঞাসা করুন, প্রকল্পগুলোতে অবদান রাখুন, এবং সহকর্মী ডেভেলপারদের সাথে সংযুক্ত হন।