ধন্যবাদ (2024 সংস্করণ) | CSS-কৌশল


আমি সৎ হব: এই পোস্টটি লেখার মতো কিছু বছর মনে হয়। সারা বছর যা ঘটেছিল তা রাউন্ড আপ করা এবং প্রতিফলিত করা এই ধরনের সাইটের জন্য কিছুটা বাধ্যতামূলক, বিশেষ করে যখন এটি একটি ঐতিহ্য যা 2007 পর্যন্ত ফিরে যায়. “আরে, আমরা যা করেছি তা দেখুন!”

এই বছরটি ভিন্ন। অনেক আলাদা। আমি আরো এই সময়ে ধন্যবাদ কারণ, গত বছর, আমি এই পোস্টটি লিখতেও পাইনি। গত বছর এই সময়ে, আমি একজন পূর্ণ-সময়ের ছাত্র ছিলাম যখন খণ্ডকালীন চুক্তির কাজ করার সময় একটি স্নাতকোত্তর ডিগ্রি অর্জন করতে আগ্রহী।

কিন্তু এখন যে আমি ফিরে এসেছি, এই লেখাটা তাই, তাই, খুব ভালো লাগছে। আমার লেখার মধ্যে অনেক বেশি উৎসাহ আছে যখন আমি বলি: আপনাকে অনেক ধন্যবাদ! আপনার এবং এই সাইটের জন্য আপনার সমর্থনের কারণেই আমি আমার নিয়মিত কাজে ফিরে এসেছি। আমি যদি এটা না বলি তাহলে আমি অনুতপ্ত হব, তাই অনুগ্রহ করে আমার আন্তরিক কৃতজ্ঞতা এবং প্রশংসা গ্রহণ করুন। ধন্যবাদ!

আসুন এই বছরে একটি ধনুক বেঁধে 2024 সালে এখানে যা ঘটেছিল তা বর্ণনা করি।

সামগ্রিক ট্রাফিক

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

এবং, হ্যাঁ। নিয়মিত প্রকাশের সাথে সাথে পেজভিউয়ের একটি নতুন প্রবাহ এসেছে। মজার ব্যাপার কতটা পার্থক্য এটা শুধু লাইট চালু করে।

সব বলা এবং সম্পন্ন, আমরা ছিল 26 মিলিয়ন 2024 সালে অনন্য পেজভিউ। 2023 সালে ট্র্যাফিক টেলস্পিনে চলে যাওয়ায় আমাদের ঠিক এটাই ছিল, তাই আমি এটাকে একটি জয় বলি যে আমরা রক্তপাত বন্ধ করেছি এবং এই বছরেও ভেঙেছি।

প্রকাশনা

আমরা প্রতি বছর কতগুলি নিবন্ধ প্রকাশ করি তা নিয়ে কিছুটা ইতিহাস:

  • 2020: 1,183টি নিবন্ধ
  • 2021: 890 নিবন্ধ (সাইট ডিজিটাল ওশান দ্বারা অর্জিত)
  • 2022: 390টি নিবন্ধ
  • 2023: 0টি নিবন্ধ (সাইট পজ করা হয়েছে)
  • 2024: 153টি নিবন্ধ (সাইট জুনের শেষের দিকে পুনরায় শুরু হয়েছে)

ছয় মাসে 0টি নিবন্ধ থেকে 153টি (এটি সহ) যাওয়া কোন ছোট কাজ ছিল না। প্রায় অক্টোবর পর্যন্ত দলে আমিই একমাত্র লেখক ছিলাম। এই মুহূর্তে আমরা মাত্র তিনজন আছি; তারপরও, আমরা সবাই অত্যন্ত খণ্ডকালীন কর্মী। আমাদের মধ্যে এবং 19 জন অতিথি লেখকআমি বলব যে পরিমাণ যতদূর যায় আমরা প্রত্যাশাকে ছাড়িয়ে গেছি – তবে আমি প্রচেষ্টার জন্য আরও বেশি গর্বিত এবং গুণমান যে প্রতিটি এক যায়. যদি আমরা গতি বজায় রাখি তবে 2025 সালে 400 টির বেশি নিবন্ধ প্রকাশ করা কল্পনা করা সহজ।

কেস ইন পয়েন্ট: আমরা একটি সম্পূর্ণ প্রকাশ তিনটি গাইড ছয় মাসে:

এটি অনেকের মতো শোনাতে পারে না, তাই আমি এটি প্রসঙ্গে রাখব। আমরা 2022 সালে মাত্র একটি নির্দেশিকা প্রকাশ করেছি এবং আমাদের লক্ষ্য ছিল 2021 তে তিনটি লেখা। আমরা এই বছর একা তিনটি পেয়েছি, এবং তারা সবগুলিই সাধারণ। আমি জুয়ানের অ্যাঙ্কর পজিশনিং গাইড যতটা পরিদর্শন করি — তার বেশি না হলে — আমি ওল’ করি ফ্লেক্সবক্স এবং গ্রিড গাইড

তার উপরে, আমরা অর্জন করেছি 34টি নতুন সংযোজন সিএসএস-ট্রিকস অ্যালম্যানাকের কাছে! এতে অ্যাঙ্কর পজিশনিং এবং ভিউ ট্রানজিশনের সমস্ত বৈশিষ্ট্য, সেইসাথে অন্যান্য নতুন বৈশিষ্ট্য যেমন @starting-style. এবং অ্যালম্যানাকের মধ্যে এত সময় ব্যয় করার কারণ হল আমরা কিছু উল্লেখযোগ্য করেছি…

সাইট আপডেট

এখানেই বছরের বেশির ভাগ সময় ব্যয় হয়েছিল, তাই আসুন জিনিসগুলিকে হজমযোগ্য খণ্ডে ভাগ করি।

পঞ্জিকা

পুরানো আলমানাক পৃষ্ঠার শিরোনামটি নতুন বিভাগের সাথে লিঙ্কযুক্ত নতুনটির সাথে তুলনা করা।

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

সূচিপত্র

একটি নিবন্ধের ডান সাইডবারে বিষয়বস্তুর উইজেট সারণী দেখানো হচ্ছে।

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

নোট

একটি সারিতে দেখানো প্রথম তিনটি নোটকার্ড সহ প্রধান নোট স্ক্রীন।

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

প্রথম দুটি লিঙ্ক নিবন্ধ সহ প্রধান লিঙ্ক পৃষ্ঠাটি একটি উল্লম্ব তালিকায় দেখানো হয়েছে যা লিঙ্ক সম্পর্কে তথ্য অন্তর্ভুক্ত করে।

এটি সাইটের আরেকটি এলাকা যা পেইন্টের একটি তাজা কোট পেয়েছে। আচ্ছা, পেইন্টের চেয়েও বেশি। এটি এমন ছিল যে লিঙ্কগুলি বাকি নিবন্ধ, টিউটোরিয়াল এবং গাইডগুলির মতো একই স্ট্রিমে ছিল যা আমরা প্রকাশ করি। লিঙ্কগুলি চটকদার, ভাগ করা যায় এমন বিটগুলি বোঝানো হয় – আপনি যদি চান তবে কথোপকথন শুরু করুন৷ মূল ফিড থেকে আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা আলাদা অংশ যোগ করা এই সাইটের কোলাহল কমাতে সাহায্য করে। যখন অ্যাঙ্কর পজিশনিং শেখার জন্য একটি নতুন সংস্থান রয়েছেআমরা এটা অনেক সহজে গুলি করতে পারি।

দ্রুত হিট

CSS-Tricks Quick Hits-এর মূল পৃষ্ঠাটি একটি উল্লম্ব তালিকার প্রথম দুটি আইটেম দেখাচ্ছে।

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

পিকস

একটি উল্লম্ব স্ট্যাকের মধ্যে প্রথম দুটি বাছাই দেখায় প্রধান CSS-ট্রিকস পিকস পৃষ্ঠা।

আমরা যে নিবন্ধগুলি পড়ছি তার একটি নতুন ফিড রয়েছে৷ এটি অনেকটা লিঙ্কের মতো মনে হতে পারে, কিন্তু ধারণাটি হল যে আমরা আমাদের আরএসএস পাঠক থেকে কিছু “তারা” করতে পারি এবং এটি ফিডে প্রদর্শিত হবে। এগুলি কেবল আকর্ষণীয় নিবন্ধ যা আমাদের মনোযোগ আকর্ষণ করে যা আমরা স্পটলাইট করতে এবং ভাগ করতে চাই, এমনকি যদি আমাদের অবদান রাখার জন্য কোনও মন্তব্য না থাকে। কয়েক বছর আগে এটি ছিল ক্রিসের মস্তিষ্কপ্রসূত এবং এটা ফলপ্রসূ আনতে তাই ভাল বোধ. আমি বিরতির পরে এটি সম্পর্কে কিছু লিখব, তবে আপনি ইতিমধ্যে সেখানে যেতে পারেন।

বেসলাইন স্ট্যাটাস

ওয়ার্ডপ্রেস প্লাগইন ডিরেক্টরিতে বেসলাইন স্ট্যাটাস প্লাগইন দেখানো হচ্ছে।

ওহ, এই এক মজা! আমি যে দেখেছি Chrome টিম একটি নতুন ওয়েব কম্পোনেন্ট রেখেছে একটি পৃষ্ঠায় ওয়েব প্ল্যাটফর্ম ব্রাউজার সমর্থন তথ্য এম্বেড করার জন্য তাই আমি এটিকে একটি ওয়ার্ডপ্রেস ব্লকে তৈরি করার জন্য সেট করেছি যা আমরা অ্যালমানাক জুড়ে ব্যবহার করতে পারি, যা আমরা ইতিমধ্যেই বিষয়বস্তু প্রকাশিত বা রিফ্রেশ হওয়ার সাথে সাথে রোল আউট শুরু করছি (যেমন এখানে anchor-name সম্পত্তি)। আমি এখনও এটি সম্পর্কে একটি লেখার উপর কাজ করছি, কিন্তু এটা আমি ইতিমধ্যে করেছি ওয়ার্ডপ্রেস প্লাগইন ডিরেক্টরিতে এটি উপলব্ধ করা হয়েছে আপনি আপনার ওয়ার্ডপ্রেস সাইটের জন্য এটি দখল করতে চান.

অথবা, এখানে… আমি সহজভাবে এটি ড্রপ করতে পারি এবং আপনাকে দেখাতে পারি।

পোস্ট স্লাইডার

সর্বশেষ পঞ্জিকা নিবন্ধগুলির জন্য স্লাইডার পোস্ট করুন, একটি সারিতে প্রথম পাঁচটি কার্ড দেখাচ্ছে৷

দলে পুনরায় যোগদানের সময় এটি ছিল প্রথম জিনিসগুলির মধ্যে একটি। আমরা একটি বৃহত্তর সংখ্যক নিবন্ধ পৃষ্ঠ করতে চেয়েছিলেন হোমপেজ যাতে নির্দিষ্ট ধরনের বিষয়বস্তু খুঁজে পাওয়া সহজ হয়, তা সাম্প্রতিকতম পাঁচটি নিবন্ধ, 10টি সাম্প্রতিক আপডেট করা অ্যালম্যানাক আইটেম বা গাইড, যুগ যুগ আগে থেকে ক্লাসিক CSS ট্রিকস… এই ধরণের জিনিস। সুতরাং, আমরা কেবলমাত্র 10টি সাম্প্রতিক নিবন্ধ দেখানো থেকে দূরে সরে গিয়েছিলাম এবং সাইটের বিভিন্ন অঞ্চল থেকে টেনে নেওয়া পোস্ট স্লাইডারগুলির একটি সিরিজ তৈরি করেছি। আমাদের বিদ্যমান পোস্ট স্লাইডার উপাদানটিকে একটি ওয়ার্ডপ্রেস ব্লকে রূপান্তর করা এটিকে আরও পোর্টেবল এবং হোমপেজ আপডেট করা অনেক সহজ করে তুলেছে — এবং অন্য কোনো পৃষ্ঠা বা পোস্ট যেখানে আমাদের একটি পোস্ট স্লাইডার প্রয়োজন হতে পারে। আসলে, এটি অন্য একটি যা আমি এখানে আপনার জন্য ডেমো করতে পারি…

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

2025 গোল

আমি নতুন লক্ষ্যগুলি প্রকাশ করতে বেশ অনিচ্ছুক যখন অনেক কিছু এখনও প্রবাহিত হয়, কিন্তু আমার মধ্যে পরিকল্পনাকারী নিজেকে সাহায্য করতে পারে না। আমি যদি পরের বছরের শেষের দিকে এমন একটি দিন কল্পনা করতে পারি যখন আমি ঠিক এইরকম জিনিসগুলির প্রতিফলন করব, আমি খুশি হব, না stokedযদি আমি বলতে পারি যে আমরা এই জিনিসগুলি করেছি:

  • 1-2টি নতুন গাইড প্রকাশ করুন। আমরা ইতিমধ্যে কাজ দুটি আছে! এটি বলেছে, গুণমানের জন্য বারটি এগুলির উপর খুব বেশি সেট করা হয়েছে, তাই এটি এখনও পরিকল্পনা থেকে শুরু করে দুটি দুর্দান্ত এবং চঙ্কি গাইড প্রকাশ করার জন্য একটি যাত্রা।
  • আলমানাক পূরণ করুন। আমার ওহ আমার, সাইটের এই ছোট্ট কোণে অনেক কাজ করার আছে। আমরা অ্যাট-রুলস এবং ফাংশন বিভাগে শুধুমাত্র কয়েকটি পৃষ্ঠা পেয়েছি যা আমরা সম্প্রতি তৈরি করেছি এবং ব্যবহার করতে পারি সমস্ত সাহায্য আমরা পেতে পারি.
  • নিউজলেটার পুনরায় আরম্ভ করুন. এটি এমন কিছু যা আমি করতে চুলকাচ্ছি। আমি জানি আমি নিউজলেটারটি পড়া মিস করি (বিশেষ করে যখন রবিন এটি লিখছিলেন) এবং এই সম্প্রদায়টি এটি ছাড়া অনেক ছোট এবং শান্ত বোধ করে। শেষ সংখ্যাটি 2022 সালের ডিসেম্বরে প্রকাশিত হয়েছিল এবং এটি আবার চালু করার সময় এসেছে। নাট এবং বোল্ট এখনও জায়গায় আছে. আমাদের যা দরকার তা হল একটু অতিরিক্ত রিসোর্সিং এবং এটি করার ইচ্ছা, এবং আমরা এর অন্তত অর্ধেক কভার করেছি।
  • আরো অতিথি লেখক. আমি আগে উল্লেখ করেছি যে আমরা এই বছরের জুন থেকে 19 জন অতিথি লেখকের সাথে কাজ করেছি। এটি দুর্দান্ত তবে এটি প্রায় যথেষ্ট নয় যে এই সাইটটি বাইরের কণ্ঠস্বর আনতে উন্নতি করে যা আমরা সকলেই শিখতে পারি। আমরা স্পষ্টতই বিকাশ এবং অন্যান্য সমস্ত ধরণের সাইট আপডেট নিয়ে ব্যস্ত ছিলাম তবে আমি এই বছর আমাদের লেখার প্রোগ্রামে আবার জোর দিতে চাই, ধারণাগুলি জমা দেওয়া, সেগুলি সম্পর্কে সময়মত প্রতিক্রিয়া পাওয়ার জন্য এটিকে যতটা সম্ভব মসৃণ করতে সর্বোচ্চ অগ্রাধিকার দিয়ে, এবং যা প্রকাশিত হয় তার জন্য অর্থ পান। এর মধ্যে অনেক অদৃশ্য কাজ আছে কিন্তু এটা সবার জন্য মূল্যবান কারণ এটি একটি জয়-জয়-জয় (লেখকদের জয়, পাঠকদের জয়, CSS-ট্রিক্সের জয়, এবং DigitalOcean জয়)।

এখানে 2025!

ধন্যবাদ এটা আমি বলতে চাই সবচেয়ে গুরুত্বপূর্ণ জিনিস. এবং বিশেষ ধন্যবাদ হুয়ান দিয়েগো রদ্রিগেজ এবং রায়ান ট্রিম্বল. আপনি হয়ত জানেন না, কিন্তু তারা এই শরতে দলে যোগ দিয়েছিল এবং তাই গশ-ডাং অবিশ্বাস্যভাবে সহায়ক হয়েছে। আমি আশা করি প্রতিটি দলে আমার মতো একজন জুয়ান এবং রায়ান থাকুক — আমরা সবাই এর জন্য আরও ভাল হব, এটা নিশ্চিত। আমি জানি আমি তাদের কাছ থেকে অনেক কিছু শিখেছি এবং আমি নিশ্চিত যে আপনিও (বা আছেন!)।

হুয়ান দিয়েগো একটি চওড়া হাসির সাথে ডানদিকে সামান্য তাকিয়ে আছে।
রায়ান ট্রিম্বল বাম দিকে তাকিয়ে হাসছে।

আপনি যখন তাদের দেখেন তখন তাদের হাই-ফাইভ দিন কারণ তারা এটির যোগ্য। ✋



Source link