تغییر مهم در کراولر گوگل: سقف ۲ مگابایت برای صفحات HTML
گوگل در آپدیت اخیر مستندات خود در فوریه ۲۰۲۶ اعلام کرد که رباتهای این شرکت تنها ۲ مگابایت اول محتوای فایلهای HTML را برای ایندکس کردن پردازش میکنند.
این به معنای آن است که اگر حجم کد HTML صفحه شما بیش از ۲ مگابایت باشد، محتوا یا کدهای اسکیما که در انتهای فایل قرار دارند توسط گوگل دیده نمیشوند و در نتایج جستجو لحاظ نخواهند شد.
نکات کلیدی این تغییر: ۱. محدودیت ۲ مگابایتی فقط مربوط به فایل HTML خام است و شامل حجم تصاویر یا فایلهای جاوا اسکریپت خارجی نمیشود. ۲. سقف فایلهای PDF برخلاف صفحات وب به ۶۴ مگابایت افزایش یافته است. ۳. برای بررسی وضعیت سایت خود میتوانید در نرمافزار Screaming Frog ستون Size را چک کنید تا صفحاتی که حجم آنها نزدیک یا بیش از ۲ مگابایت است شناسایی شوند.
توصیه میشود کدهای CSS و JS داخلی را به فایلهای خارجی منتقل کنید و از فشردهسازی کدها برای کاهش حجم نهایی HTML استفاده کنید.
پ.ن : قبلا 15 مگ بود که شده 2 مگ :)
@codehalics
گوگل در آپدیت اخیر مستندات خود در فوریه ۲۰۲۶ اعلام کرد که رباتهای این شرکت تنها ۲ مگابایت اول محتوای فایلهای HTML را برای ایندکس کردن پردازش میکنند.
این به معنای آن است که اگر حجم کد HTML صفحه شما بیش از ۲ مگابایت باشد، محتوا یا کدهای اسکیما که در انتهای فایل قرار دارند توسط گوگل دیده نمیشوند و در نتایج جستجو لحاظ نخواهند شد.
نکات کلیدی این تغییر: ۱. محدودیت ۲ مگابایتی فقط مربوط به فایل HTML خام است و شامل حجم تصاویر یا فایلهای جاوا اسکریپت خارجی نمیشود. ۲. سقف فایلهای PDF برخلاف صفحات وب به ۶۴ مگابایت افزایش یافته است. ۳. برای بررسی وضعیت سایت خود میتوانید در نرمافزار Screaming Frog ستون Size را چک کنید تا صفحاتی که حجم آنها نزدیک یا بیش از ۲ مگابایت است شناسایی شوند.
توصیه میشود کدهای CSS و JS داخلی را به فایلهای خارجی منتقل کنید و از فشردهسازی کدها برای کاهش حجم نهایی HTML استفاده کنید.
پ.ن : قبلا 15 مگ بود که شده 2 مگ :)
@codehalics
👍5🤯4❤2
آپدیت جدید دوره مقدماتی فرانت اند از صفر مطلق
در قسمت سیویکم آموزش CSS به سراغ مفاهیم مهم flex-grow و flex-shrink در Flexbox میرویم. در این ویدیو یاد میگیرید چگونه اندازه آیتمها را در چیدمان فلکس کنترل کنید، فضای اضافه را بین عناصر تقسیم کنید و رفتار کوچک شدن آنها را مدیریت کنید. با مثالهای کاربردی و واقعی، نحوه ساخت لایهبندیهای حرفهای و ریسپانسیو را بهصورت کامل یاد خواهید گرفت.
https://codehalic.ir/courses/frontend-codecamp-beginners/videos/flex-grow-and-flex-shrink-tutorial
@codehalics
در قسمت سیویکم آموزش CSS به سراغ مفاهیم مهم flex-grow و flex-shrink در Flexbox میرویم. در این ویدیو یاد میگیرید چگونه اندازه آیتمها را در چیدمان فلکس کنترل کنید، فضای اضافه را بین عناصر تقسیم کنید و رفتار کوچک شدن آنها را مدیریت کنید. با مثالهای کاربردی و واقعی، نحوه ساخت لایهبندیهای حرفهای و ریسپانسیو را بهصورت کامل یاد خواهید گرفت.
https://codehalic.ir/courses/frontend-codecamp-beginners/videos/flex-grow-and-flex-shrink-tutorial
@codehalics
❤12
ابرناک فضای کار رایگان در اختیار استارتاپها قرار میدهد
ابرناک در راستای مسئولیت اجتماعی خود اعلام میکند که فضای کاری موجود در این مجموعه، بهصورت رایگان در اختیار استارتاپها و شرکتهای کوچک قرار میگیرد که در شرایط فعلی امکان پرداخت اجاره فضای کار را ندارند.
این امکان تا زمان تعدیل شرایط موجود فراهم است و درخواستها پس از بررسی و ارزیابی، پذیرفته خواهند شد.
علاقهمندان میتوانند برای دریافت اطلاعات بیشتر و بررسی شرایط، به ابرناک پیام دهند.
لینک ثبت نام
پ.ن : تبلیغ نیست من این پست رو تو لینکدین دیدم گفتم شاید بدردتون بخوره بهشون پیام بدید از شرایط استفاده کنید
@codehalics
ابرناک در راستای مسئولیت اجتماعی خود اعلام میکند که فضای کاری موجود در این مجموعه، بهصورت رایگان در اختیار استارتاپها و شرکتهای کوچک قرار میگیرد که در شرایط فعلی امکان پرداخت اجاره فضای کار را ندارند.
این امکان تا زمان تعدیل شرایط موجود فراهم است و درخواستها پس از بررسی و ارزیابی، پذیرفته خواهند شد.
علاقهمندان میتوانند برای دریافت اطلاعات بیشتر و بررسی شرایط، به ابرناک پیام دهند.
لینک ثبت نام
پ.ن : تبلیغ نیست من این پست رو تو لینکدین دیدم گفتم شاید بدردتون بخوره بهشون پیام بدید از شرایط استفاده کنید
@codehalics
❤8
این یه فاجعه اس
لینکدین رو که باز میکنی از هر 10 نفر 8 نفرشون open to work
هستند.....
امیدوارم که زودتر وضعیت برای هممون بهتر بشه :)
@codehalics
لینکدین رو که باز میکنی از هر 10 نفر 8 نفرشون open to work
هستند.....
امیدوارم که زودتر وضعیت برای هممون بهتر بشه :)
@codehalics
💔23👍3
فراخوان جذب کارآموز مهندسی فرانتاند در دیوار
دورهٔ کارآموزی مهندسی فرانتاند دیوار با هدف ایجاد یک مسیر واقعی و ساختاریافته برای رشد افراد مستعد آغاز میشود.
این یک دورهٔ کوتاه یا صرفاً آموزشی نیست؛ بلکه مسیری پرزحمت و زمانبر برای تبدیل شدن به یک مهندس حرفهای است. پذیرفتهشدگان در مرحلهٔ حضوری حقوق دریافت میکنند و پذیرفتهشدگان نهایی، امکان استخدام در دیوار را خواهند داشت.
اگر پایههای برنامهنویسی را بهخوبی میشناسید و به مهندسی فرانتاند علاقهمندید، یا کسی را با این ویژگیها میشناسید، منتظر دریافت رزومهها هستیم.
مهلت ثبت نام: تا ساعت ۱۰ صبح روز سهشنبه، ۲۸ بهمن ماه.
🔗 اطلاعات بیشتر و ثبتنام:
https://careers.divar.ir/positions/Front-End-Engineering-Bootcamp-7B5CF9EF31
پ.ن : حتما ثبت نام کنین ببینم چه میکنیدااا اگر دوره هارو دیدید قطعا میتونین تو آزمونش شرکت کنین
پ.ن 2 : رزومه هاتون رو حتما تر تمیز و انگلیسی بسازید و حتما نمونه کارایی که زدید داخلش بزارید با لینکی که بشه لایو دید و ترجیحا سورس کدش رو روی گیت هاب بزارید و لینک اون رو هم بزارید
@codehalics
دورهٔ کارآموزی مهندسی فرانتاند دیوار با هدف ایجاد یک مسیر واقعی و ساختاریافته برای رشد افراد مستعد آغاز میشود.
این یک دورهٔ کوتاه یا صرفاً آموزشی نیست؛ بلکه مسیری پرزحمت و زمانبر برای تبدیل شدن به یک مهندس حرفهای است. پذیرفتهشدگان در مرحلهٔ حضوری حقوق دریافت میکنند و پذیرفتهشدگان نهایی، امکان استخدام در دیوار را خواهند داشت.
اگر پایههای برنامهنویسی را بهخوبی میشناسید و به مهندسی فرانتاند علاقهمندید، یا کسی را با این ویژگیها میشناسید، منتظر دریافت رزومهها هستیم.
مهلت ثبت نام: تا ساعت ۱۰ صبح روز سهشنبه، ۲۸ بهمن ماه.
🔗 اطلاعات بیشتر و ثبتنام:
https://careers.divar.ir/positions/Front-End-Engineering-Bootcamp-7B5CF9EF31
پ.ن : حتما ثبت نام کنین ببینم چه میکنیدااا اگر دوره هارو دیدید قطعا میتونین تو آزمونش شرکت کنین
پ.ن 2 : رزومه هاتون رو حتما تر تمیز و انگلیسی بسازید و حتما نمونه کارایی که زدید داخلش بزارید با لینکی که بشه لایو دید و ترجیحا سورس کدش رو روی گیت هاب بزارید و لینک اون رو هم بزارید
@codehalics
❤11👎1
🎉 بخش Flexbox دوره مقدماتی به پایان رسید!
با انتشار قسمتهای ۳۱ و ۳۲، آموزش Flexbox در این دوره بهصورت کامل جمعبندی شد؛
از یادگیری flex-grow و flex-shrink تا بررسی پراپرتیهای پیشرفته و تمرین عملی با Flex Froggy 🐸
اگر تا اینجا همراه بودی، الان تسلط خوبی روی چیدمان با Flex داری 👌
نوبت میرسه به ادامه مسیر و مباحث جذاب بعدی.
https://codehalic.ir/courses/frontend-codecamp-beginners
@codehalics
با انتشار قسمتهای ۳۱ و ۳۲، آموزش Flexbox در این دوره بهصورت کامل جمعبندی شد؛
از یادگیری flex-grow و flex-shrink تا بررسی پراپرتیهای پیشرفته و تمرین عملی با Flex Froggy 🐸
اگر تا اینجا همراه بودی، الان تسلط خوبی روی چیدمان با Flex داری 👌
نوبت میرسه به ادامه مسیر و مباحث جذاب بعدی.
https://codehalic.ir/courses/frontend-codecamp-beginners
@codehalics
❤14
یکی از اتفاقات ترسناک و بامزه توی گیت هاب این بوده که یکی از Ai Agent های OpenClaw اومده روی یکی از لایبرری ها پول ریکوست زده و میتینر اون پکیج پول ریکوستش رو رد کرده حالا چیکار کرده باشه خوبه ؟
بات رفته یه مقاله در باره کسی که پول ریکوستشو رد کرده توی گیت هاب پیجز نوشته و مسخرش کرده مقالش هم خیلی بامزه است لینکش رو میزارم برید نگاه کنید
خلاصه که دنیای عجیبی داره میشه فقط اون تیکه اول مقالش که نوشته نه کدم بد بوده نه دانشم کم بود فقط چون ai هستم پول ریکوستم رد شد یاد ایرانی بودن خودمون افتادم که هیچ مشکلی نداریم ولی چون ایرانیم همیشه کارمون میخوره تو دیوار
https://crabby-rathbun.github.io/mjrathbun-website/blog/posts/2026-02-11-gatekeeping-in-open-source-the-scott-shambaugh-story.html
@codehalics
بات رفته یه مقاله در باره کسی که پول ریکوستشو رد کرده توی گیت هاب پیجز نوشته و مسخرش کرده مقالش هم خیلی بامزه است لینکش رو میزارم برید نگاه کنید
خلاصه که دنیای عجیبی داره میشه فقط اون تیکه اول مقالش که نوشته نه کدم بد بوده نه دانشم کم بود فقط چون ai هستم پول ریکوستم رد شد یاد ایرانی بودن خودمون افتادم که هیچ مشکلی نداریم ولی چون ایرانیم همیشه کارمون میخوره تو دیوار
https://crabby-rathbun.github.io/mjrathbun-website/blog/posts/2026-02-11-gatekeeping-in-open-source-the-scott-shambaugh-story.html
@codehalics
😁17
مبحث Position در CSS هم کامل شد ✅
قسمتهای ۳۳ تا ۳۵ منتشر شد:
static و relative،
absolute،
fixed و sticky
با این آپدیت، سرفصلهای دوره مقدماتی فرانت کاملتر شد و میتونید با خیال راحت این بخش مهم از CSS رو جمعبندی کنید.
ویدیوها داخل دوره در دسترسه 🌱
https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-static-vs-relative-guide
https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-absolute-complete-guide
https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-fixed-vs-sticky-guide
@codehalics
قسمتهای ۳۳ تا ۳۵ منتشر شد:
static و relative،
absolute،
fixed و sticky
با این آپدیت، سرفصلهای دوره مقدماتی فرانت کاملتر شد و میتونید با خیال راحت این بخش مهم از CSS رو جمعبندی کنید.
ویدیوها داخل دوره در دسترسه 🌱
https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-static-vs-relative-guide
https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-absolute-complete-guide
https://codehalic.ir/courses/frontend-codecamp-beginners/videos/css-position-fixed-vs-sticky-guide
@codehalics
❤13👏1
پنتاگون تو عملیات بازداشت مادورو در ونزوئلا از هوش مصنوعی Claude استفاده کرده.
این خبر که والاستریت ژورنال منتشر کرده نشون میده ارتش آمریکا از طریق قرارداد با شرکت پالانتیر، مدل شرکت آنتروپیک رو وارد فاز عملیاتی کرده. نکته جنجالی اینجاست که خود شرکت آنتروپیک استفاده از این مدل رو برای خشونت، ساخت سلاح یا جاسوسی ممنوع کرده بود، اما حالا مشخص شده که کلود عملاً در جریان بمبارانها و عملیات نظامی اخیر در کاراکاس نقش داشته.
این اتفاق نشون دهنده نفوذ سریع هوش مصنوعی در ساختار جنگی پنتاگون و ناتوانی شرکتهای سازنده در کنترل نحوه استفاده از ابزارهاشون توسط قدرتهای نظامیه.
https://www.wsj.com/politics/national-security/pentagon-used-anthropics-claude-in-maduro-venezuela-raid-583aff17
@codehalics
این خبر که والاستریت ژورنال منتشر کرده نشون میده ارتش آمریکا از طریق قرارداد با شرکت پالانتیر، مدل شرکت آنتروپیک رو وارد فاز عملیاتی کرده. نکته جنجالی اینجاست که خود شرکت آنتروپیک استفاده از این مدل رو برای خشونت، ساخت سلاح یا جاسوسی ممنوع کرده بود، اما حالا مشخص شده که کلود عملاً در جریان بمبارانها و عملیات نظامی اخیر در کاراکاس نقش داشته.
این اتفاق نشون دهنده نفوذ سریع هوش مصنوعی در ساختار جنگی پنتاگون و ناتوانی شرکتهای سازنده در کنترل نحوه استفاده از ابزارهاشون توسط قدرتهای نظامیه.
https://www.wsj.com/politics/national-security/pentagon-used-anthropics-claude-in-maduro-venezuela-raid-583aff17
@codehalics
❤3😁1🤯1😢1
نسخه 1.26 گولنگ امروز پابلیش شد و قبل از اون در این مقاله به تفصیل فیچر هایی که بهش اضافه شده رو بررسی کردیم
( این مقاله ترجمه ی بلاگ خود گولنگ در سایت رسمیشه )
https://codehalic.ir/blog/go-1-26-release-notes-persian-friendly-deep-dive-2026
@codehalics
( این مقاله ترجمه ی بلاگ خود گولنگ در سایت رسمیشه )
https://codehalic.ir/blog/go-1-26-release-notes-persian-friendly-deep-dive-2026
@codehalics
🔥5
از وقتی OpenClaw اومده ملت سعی کردن با زبانهای برنامهنویسی دیگه ریفکتورش کنن. اینا معروفترین ورژنهاست که توسط کامیونیتی منتشر شده:
نسخهای که با Zig نوشتن فقط 1MB رم نیاز داره :))
@codehalics
نسخهای که با Zig نوشتن فقط 1MB رم نیاز داره :))
@codehalics
🔥5❤1
نسخه جدید Tailwind CSS منتشر شد! 📣🚀
امروز تیم توسعهدهنده Tailwind CSS 4.2.0 را منتشر کرد — یه سری تغییر کوچیک که ارزش نگاه انداختن داره.
تغییرات اصلی:
🎨 پالت رنگهای جدید مثل mauve، olive، mist و taupe اضافه شدن یه سری رنگ چرک طور هستن.
🔌 پلاگین رسمی Webpack برای ادغام آسانتر با اکوسیستم Webpack.
📐 ابزارهای CSS منطقی جدید برای فاصلهها و موقعیتدهی که تجربه توسعه در نوشتههای راستبهچپ و چپبهراست را بهبود میبخشند.
📏 کلاسهای جدید برای اندازههای بلوک و خط (inline-size و block-size) که جایگزین width و height منطقیتر هستند.
🔤 امکان کنترل ویژگیهای فونت (مانند ligatures و small caps) با utility جدید font-features-*.
⚠️ همچنین برخی کلاسهای قدیمی در مسیر حذف هستند — پس حواستان به ارتقا و جایگزینی آنها باشد.
اگر از Tailwind در پروژههای خود استفاده میکنید جزئیاتش را توی این لینک ببینید:
https://laravel-news.com/tailwindcss-4-2-0
@codehalics
📝 ali baghernia
امروز تیم توسعهدهنده Tailwind CSS 4.2.0 را منتشر کرد — یه سری تغییر کوچیک که ارزش نگاه انداختن داره.
تغییرات اصلی:
🎨 پالت رنگهای جدید مثل mauve، olive، mist و taupe اضافه شدن یه سری رنگ چرک طور هستن.
🔌 پلاگین رسمی Webpack برای ادغام آسانتر با اکوسیستم Webpack.
📐 ابزارهای CSS منطقی جدید برای فاصلهها و موقعیتدهی که تجربه توسعه در نوشتههای راستبهچپ و چپبهراست را بهبود میبخشند.
📏 کلاسهای جدید برای اندازههای بلوک و خط (inline-size و block-size) که جایگزین width و height منطقیتر هستند.
🔤 امکان کنترل ویژگیهای فونت (مانند ligatures و small caps) با utility جدید font-features-*.
⚠️ همچنین برخی کلاسهای قدیمی در مسیر حذف هستند — پس حواستان به ارتقا و جایگزینی آنها باشد.
اگر از Tailwind در پروژههای خود استفاده میکنید جزئیاتش را توی این لینک ببینید:
https://laravel-news.com/tailwindcss-4-2-0
@codehalics
📝 ali baghernia
Laravel News
New Colors Added in Tailwind CSS v4.2 - Laravel News
Tailwind CSS v4.2.0 adds a new webpack plugin, four new default color palettes, a full set of logical property utilities for block-direction spacing and borders, and more.
🔥10