لیست فیچر های مدیا کوئری به لطف نیما😮
Media Query Features
Width And Height
width: The width of the viewport.
min-width: The minimum width of the viewport.
max-width: The maximum width of the viewport.
height: The height of the viewport.
min-height: The minimum height of the viewport.
max-height: The maximum height of the viewport.
device-width: The width of the device's screen.
min-device-width: The minimum width of the device's screen.
max-device-width: The maximum width of the device's screen.
device-height: The height of the device's screen.
min-device-height: The minimum height of the device's screen.
max-device-height: The maximum height of the device's screen.
aspect-ratio: The aspect ratio of the viewport.
min-aspect-ratio: The minimum aspect ratio of the viewport.
max-aspect-ratio: The maximum aspect ratio of the viewport.
device-aspect-ratio: The aspect ratio of the device's screen.
min-device-aspect-ratio: The minimum aspect ratio of the device's screen.
max-device-aspect-ratio: The maximum aspect ratio of the device's screen.
Orientation
orientation: The orientation of the viewport (portrait or landscape).
Resolution
resolution: The resolution of the output device (e.g., 72dpi).
min-resolution: The minimum resolution of the output device.
max-resolution: The maximum resolution of the output device.
Color
color: The number of bits per color component of the output device.
min-color: The minimum number of bits per color component.
max-color: The maximum number of bits per color component.
Color Index
color-index: The number of entries in the color lookup table of the output device.
min-color-index: The minimum number of entries in the color lookup table.
Monochrome
monochrome: The number of bits per pixel in a monochrome frame buffer.
min-monochrome: The minimum number of bits per pixel in a monochrome frame buffer.
max-monochrome: The maximum number of bits per pixel in a monochrome frame buffer.
Scan
scan: The scanning process of a television display (progressive or interlace).
Grid
grid: Whether the device is a grid or bitmap (0 for bitmap, 1 for grid).
Logical Operators
and: Combines multiple media features.
not: Negates the query, applies when the condition is not true.
only: Applies styles exclusively to certain media types.
Media Query Features
Width And Height
width: The width of the viewport.
min-width: The minimum width of the viewport.
max-width: The maximum width of the viewport.
height: The height of the viewport.
min-height: The minimum height of the viewport.
max-height: The maximum height of the viewport.
device-width: The width of the device's screen.
min-device-width: The minimum width of the device's screen.
max-device-width: The maximum width of the device's screen.
device-height: The height of the device's screen.
min-device-height: The minimum height of the device's screen.
max-device-height: The maximum height of the device's screen.
aspect-ratio: The aspect ratio of the viewport.
min-aspect-ratio: The minimum aspect ratio of the viewport.
max-aspect-ratio: The maximum aspect ratio of the viewport.
device-aspect-ratio: The aspect ratio of the device's screen.
min-device-aspect-ratio: The minimum aspect ratio of the device's screen.
max-device-aspect-ratio: The maximum aspect ratio of the device's screen.
Orientation
orientation: The orientation of the viewport (portrait or landscape).
Resolution
resolution: The resolution of the output device (e.g., 72dpi).
min-resolution: The minimum resolution of the output device.
max-resolution: The maximum resolution of the output device.
Color
color: The number of bits per color component of the output device.
min-color: The minimum number of bits per color component.
max-color: The maximum number of bits per color component.
Color Index
color-index: The number of entries in the color lookup table of the output device.
min-color-index: The minimum number of entries in the color lookup table.
max-color-index: The maximum number of entries in the color lookup table.Monochrome
monochrome: The number of bits per pixel in a monochrome frame buffer.
min-monochrome: The minimum number of bits per pixel in a monochrome frame buffer.
max-monochrome: The maximum number of bits per pixel in a monochrome frame buffer.
Scan
scan: The scanning process of a television display (progressive or interlace).
Grid
grid: Whether the device is a grid or bitmap (0 for bitmap, 1 for grid).
Logical Operators
and: Combines multiple media features.
not: Negates the query, applies when the condition is not true.
only: Applies styles exclusively to certain media types.
Please open Telegram to view this post
VIEW IN TELEGRAM
اگه مصاحبه داری میری قبلش حتماً راجب جایی که مصاحبه داری باهاشون تحقیق کن.
اگه چند تا فیدبک راجب کاری که انجام میدن بدی خیلی حس مثبتی رو ایجاد میکنه!
مورد بعدی این که پشت میز یه جای ساکت و راحت مصاحبه کن که نه خودت اذیت باشی نه مصاحبه کننده مجبوره نیمساعت با بگرانت صدای موتور و ترافیک رو تحمل کنه
Please open Telegram to view this post
VIEW IN TELEGRAM
👾7
یه بلاگ جالب امروز دیدم که سینتکس پایتون و جاوااسکریپت رو به هم مپ کرده بود.
پیشنهاد میکنم یه نگاهی بهش بندازین
https://www.hleroy.com/2022/10/my-cheat-sheet-python-vs-javanoscript/
Please open Telegram to view this post
VIEW IN TELEGRAM
Ma plage perso
My cheat sheet Python vs Javanoscript
This page is currently work in progress. More updates to come soon. Références: Programming language syntax comparison W3School Javanoscript Tutorial W3School Python Tutorial Python3 VS ES6 syntax comparison Javanoscript vs Python Syntax Cheatsheet Python VS…
Everything worthwhile in life is won through surmounting the associated negative experience. Any attempt to escape the negative, to avoid it or quash it or silence it, only backfires. The avoidance of suffering is a form of suffering. The avoidance of struggle is a struggle. The denial of failure is a failure. Hiding what is shameful is itself a form of shame.
Pain is an inextricable thread in the fabric of life, and to tear it out is not only impossible, but destructive: attempting to tear it out unravels everything else with it. To try to avoid pain is to give too many fucks about pain. In contrast, if you’re able to not give a fuck about the pain, you become unstoppable.
Mark Manson
Forwarded from جادی | Jadi
چرا دیروز بخش بزرگی از ویندوز۱۰های شرکتهای مهم غیرقابل استفاده شدن: باگ کراوداسترایک
https://youtu.be/pjNzvWU6h-M
خبر اینطوری شروع شد که ویندوز ۱۰ ها دارن کرش میکنن و صفحه آبی نشون میدن و بوت نمیشن. بعد مشخص شد این فقط برای ویندوزهای شرکت های بزرگ و مهم اتفاق میافته و یک ساعت بعد بخش های زیادی از پروازهای جهان کنسل شده بود و بانکها کار نمیکردن و سایتهای خبری بالا نمیاومدن.
این رو شاید بشه حادترین مساله امنیتی کامپیوتری جهان در چند سال اخیر دونست و دلیلش بسیار ساده بود: یه آپدیت اشتباه یه شرکت که قرار بود مسوول امنیت این کامپیوترها باشه (:
#ویدئو #ویندوز #خبر
https://youtu.be/pjNzvWU6h-M
خبر اینطوری شروع شد که ویندوز ۱۰ ها دارن کرش میکنن و صفحه آبی نشون میدن و بوت نمیشن. بعد مشخص شد این فقط برای ویندوزهای شرکت های بزرگ و مهم اتفاق میافته و یک ساعت بعد بخش های زیادی از پروازهای جهان کنسل شده بود و بانکها کار نمیکردن و سایتهای خبری بالا نمیاومدن.
این رو شاید بشه حادترین مساله امنیتی کامپیوتری جهان در چند سال اخیر دونست و دلیلش بسیار ساده بود: یه آپدیت اشتباه یه شرکت که قرار بود مسوول امنیت این کامپیوترها باشه (:
#ویدئو #ویندوز #خبر
YouTube
چرا دیروز بخش بزرگی از ویندوز۱۰های شرکتهای مهم غیرقابل استفاده شدن: باگ کراوداسترایک
خبر اینطوری شروع شد که ویندوز ۱۰ ها دارن کرش میکنن و صفحه آبی نشون میدن و بوت نمیشن. بعد مشخص شد این فقط برای ویندوزهای شرکت های بزرگ و مهم اتفاق میافته و یک ساعت بعد بخش های زیادی از پروازهای جهان کنسل شده بود و بانکها کار نمیکردن و سایتهای خبری بالا…
تو دنیای موفقیت محور امروز، اکثرا ارزش خود رو با خروجی هامون میسنجیم. این تلاش برای پیشرفت و برتری قابل ستایشه ولی یه جنبه تاریک توی این فرآیند وجود داره که ممکنه خیلیامون درگیرش بشیم.
بهرهوری سمی!
بهرهوری سمی به معنای پیگیری بیوقفه بهرهوری به قیمت سلامت روانی، روابط و رفاه کلی ماست، این حس همون حسیه که باعث میشه همیشه بخوایم یه کار مفید انجام بدیم و در نهایت هم منجر به فرسودگی و استرس دائمی میشه.
این چند روش به من کمک میکنه که درگیر این موضوع نشم، شاید به شما هم کمک کنه.
🚥 تعیین مرزها: ساعات کاری مشخصی تعیین کنید و به اونها پایبند باشید و از زمان شخصی خود به شدت محافظت کنید.
🧘 اولویتبندی مراقبت از خود: برای فعالیتهایی که ذهن، بدن و روح شما را تغذیه میکنه وقت بذارید. حواستون باشه که استراحت پاداش نیست؛ یه ضرورته.
🎉 جشن گرفتن دستاوردهای کوچک: دستاوردهای خودتون رو هرچند کوچیک، بشناسید و جشن بگیرید. این کار باعث ایجاد ذهنیت مثبت و حفظ انگیزه میشه.
⛑️ درخواست کمک: در صورت احساس غرق شدن، از همکارا، دوستان یا متخصصان کمک بگیرید. به اشتراک گذاشتن تجربیات میتواند باعث تسکین و ارائه دیدگاههای جدید بشه.
بیاید بهرهوری رو جوری بازتعریف کنیم که شامل تعادل، رفاه و شادی باشه. ارزش شما با میزان کارایی که انجام میدید سنجیده نمیشه، بلکه با کیفیت زندگی و تأثیر مثبتی که بر دیگران دارید، مشخص میشه.
شما هم درگیر بهرهوری سمی شدید؟ چجوری تعادل سالم را در زندگی خود حفظ میکنید؟
بهرهوری سمی!
بهرهوری سمی به معنای پیگیری بیوقفه بهرهوری به قیمت سلامت روانی، روابط و رفاه کلی ماست، این حس همون حسیه که باعث میشه همیشه بخوایم یه کار مفید انجام بدیم و در نهایت هم منجر به فرسودگی و استرس دائمی میشه.
این چند روش به من کمک میکنه که درگیر این موضوع نشم، شاید به شما هم کمک کنه.
🚥 تعیین مرزها: ساعات کاری مشخصی تعیین کنید و به اونها پایبند باشید و از زمان شخصی خود به شدت محافظت کنید.
🧘 اولویتبندی مراقبت از خود: برای فعالیتهایی که ذهن، بدن و روح شما را تغذیه میکنه وقت بذارید. حواستون باشه که استراحت پاداش نیست؛ یه ضرورته.
🎉 جشن گرفتن دستاوردهای کوچک: دستاوردهای خودتون رو هرچند کوچیک، بشناسید و جشن بگیرید. این کار باعث ایجاد ذهنیت مثبت و حفظ انگیزه میشه.
⛑️ درخواست کمک: در صورت احساس غرق شدن، از همکارا، دوستان یا متخصصان کمک بگیرید. به اشتراک گذاشتن تجربیات میتواند باعث تسکین و ارائه دیدگاههای جدید بشه.
بیاید بهرهوری رو جوری بازتعریف کنیم که شامل تعادل، رفاه و شادی باشه. ارزش شما با میزان کارایی که انجام میدید سنجیده نمیشه، بلکه با کیفیت زندگی و تأثیر مثبتی که بر دیگران دارید، مشخص میشه.
شما هم درگیر بهرهوری سمی شدید؟ چجوری تعادل سالم را در زندگی خود حفظ میکنید؟
المپیک هم اومد و میره
چی میمونه برای ما به جز تراژدی و حس شدید دوگانگی؟
كيميا، ناهيد، رضا و ....
هر كدوم به داستانی دارن ولی چیزی که به نظرم برای برداشت از این داستان های المپیکی میمونه رویکرد و برخورد جمعی
مخصوصا توی شبکه های اجتماعی که هرکسی به تریبون برای
ابراز نظر دارس.
بازم یه سری به بقیه میتوپن که قربانی پروپاگاندا شدن، از اونور هم بحث مليت و ناسیونالیسم رو پیش میکشن و انگشت اتهام رو سمت هم میگیرن.
قسمت جالب برای خود من تمرين تعامل هست که کم کم داره شکل میگیره و قبل این کمتر دیده میشد.
این رو سر انتخاباتم دیدیم و یه فرصت خوب برای تمرین دموکراسی بین خودمون بود فارغ از نتیجه و خروجی و رای دادن یا
ندادنش.
مهم اینه یادمون باشه توی روندهای اجتماعی ده درصد روی دو انتهای نمودار هستند و تعامل اون نود درصد هست که تصمیم های جمعی رو شکل میده!
چی میمونه برای ما به جز تراژدی و حس شدید دوگانگی؟
كيميا، ناهيد، رضا و ....
هر كدوم به داستانی دارن ولی چیزی که به نظرم برای برداشت از این داستان های المپیکی میمونه رویکرد و برخورد جمعی
مخصوصا توی شبکه های اجتماعی که هرکسی به تریبون برای
ابراز نظر دارس.
بازم یه سری به بقیه میتوپن که قربانی پروپاگاندا شدن، از اونور هم بحث مليت و ناسیونالیسم رو پیش میکشن و انگشت اتهام رو سمت هم میگیرن.
قسمت جالب برای خود من تمرين تعامل هست که کم کم داره شکل میگیره و قبل این کمتر دیده میشد.
این رو سر انتخاباتم دیدیم و یه فرصت خوب برای تمرین دموکراسی بین خودمون بود فارغ از نتیجه و خروجی و رای دادن یا
ندادنش.
مهم اینه یادمون باشه توی روندهای اجتماعی ده درصد روی دو انتهای نمودار هستند و تعامل اون نود درصد هست که تصمیم های جمعی رو شکل میده!
👾2
Forwarded from 🎄 DevTwitter | توییت برنامه نویسی
دولوپرهای گرامی این CVE-2024-46982 روی Next.js که در اصل میتواند منجر به Cache Poisoning یا مسمومیت حافظه پنهان شود رو در نظر بگیرید که چند روزه خیلی ازش صحبت میشه و غیره.
بخوانید:
https://securityonline.info/next-js-vulnerability-cve-2024-46982-cache-poisoning-exploit-threatens-deployments/
https://app.netlas.io/responses/?q=http.headers.x_powered_by%3A%22Next.js%22&page=1&indices=
https://zoomeye.hk/searchResult?q=app%3A%22Next.js%22&from=5o6o54m5MjQwOTE5MDE=
@DevTwitter | <Amir/>
بخوانید:
https://securityonline.info/next-js-vulnerability-cve-2024-46982-cache-poisoning-exploit-threatens-deployments/
https://app.netlas.io/responses/?q=http.headers.x_powered_by%3A%22Next.js%22&page=1&indices=
https://zoomeye.hk/searchResult?q=app%3A%22Next.js%22&from=5o6o54m5MjQwOTE5MDE=
@DevTwitter | <Amir/>
Design Pattern
ها مثل یک جعبه ابزار برای برنامهنویسا هستن که به کمکشون میتونن مشکلات معمول توی کدنویسی رو با راهحلهای تستشده و بهینه حل کنن. هرکسی میتونه بدون اینکه چرخ رو از نو اختراع کنه، از این الگوها استفاده کنه و همزمان کد تمیزتر، قابل نگهداریتر و انعطافپذیرتری بنویسه.
این الگوها همچنین به ما کمک میکنن تا بهتر با تیمهای بزرگ کار کنیم؛ چون وقتی همه از یک زبان مشترک استفاده میکنن، درک کد و رفع مشکلات سادهتر میشه.
👨💻 پس اگه هنوز با Design Patternها آشنا نیستی، حتماً یه زمانی براش بذار و شروع به یادگیری کن. بهترین سرمایهگذاری برای رشد حرفهایت توی توسعه نرمافزار هست.
چند تا منبع خوب:
کتاب "Design Patterns: Elements of Reusable Object-Oriented Software"
youtube.com/c/ChristopherOkhravi
refactoring.guru
Please open Telegram to view this post
VIEW IN TELEGRAM
🍾4
🚀 "Clean as You Code" – The Smartest Path to Clean Code 🧼💻
Why wait for refactoring when you can build clean code from the start? Adopting a Clean as You Code approach ensures fewer bugs, easier maintenance, and smoother team collaboration. Here are some tools to help:
🔹 SonarQube: Continuous code quality checks.
🔹 ESLint & Prettier: Real-time linting and formatting.
🔹 EditorConfig: Consistent coding styles across teams.
🔹 Git Hooks (Husky): Enforce checks before commits.
🔹 TDD Tools (Jest, Mocha): Test-first for modular, clean code.
Small, consistent efforts lead to big wins!
Why wait for refactoring when you can build clean code from the start? Adopting a Clean as You Code approach ensures fewer bugs, easier maintenance, and smoother team collaboration. Here are some tools to help:
🔹 SonarQube: Continuous code quality checks.
🔹 ESLint & Prettier: Real-time linting and formatting.
🔹 EditorConfig: Consistent coding styles across teams.
🔹 Git Hooks (Husky): Enforce checks before commits.
🔹 TDD Tools (Jest, Mocha): Test-first for modular, clean code.
Small, consistent efforts lead to big wins!
Forwarded from edr saf
This media is not supported in your browser
VIEW IN TELEGRAM
how to create quick snapshot of your code in VsCode (to share in social media etc)?
Code Snapshot by robertz
#knowledge_sharing #vscode
Code Snapshot by robertz
#knowledge_sharing #vscode
🍾1
Media is too big
VIEW IN TELEGRAM
#denoJs
ویدیو ریلیز نسخه جدید deno واقعا جذاب بود و پر از ایستراگ خفن
پن: فیچر های خیلی خفنی اضافه شده چکش کنید!
ویدیو ریلیز نسخه جدید deno واقعا جذاب بود و پر از ایستراگ خفن
پن: فیچر های خیلی خفنی اضافه شده چکش کنید!
👾1
⭐⭐⭐
تکنیک STAR روشی موثر برای پاسخگویی به سوالات مصاحبهای است که توانایی حل مسئله و عملکرد شخصی شما را برجسته میکند، نه
کار تیمی.
یه بلاگ کوتاه براش نوشتم خوندنش خالی از لطف نیست.🥂
https://vrgl.ir/QniVp
تکنیک STAR روشی موثر برای پاسخگویی به سوالات مصاحبهای است که توانایی حل مسئله و عملکرد شخصی شما را برجسته میکند، نه
کار تیمی.
یه بلاگ کوتاه براش نوشتم خوندنش خالی از لطف نیست.🥂
https://vrgl.ir/QniVp
🍾2