ساخت لودینگ فقط با CSS
اگر وب‌سایتی دارید، داشتن یک لودر (بارگذار) به کاربران کمک می‌کند تا بتوانند به‌محض کلیک کردن روی یک پیوند (لینک) یا دکمه، بفهمند که اتفاقی در حال رخ دادن است. شما میتوانید از این لودر در مکان‌های مختلف استفاده کنید و باید تا حد امکان ساده باشد.
📃 در این مقاله نحوه ساخت لودینگ با CSS را فرا خواهیم گرفت و دو نوع لودر را تنها با یک div و چند خط کد CSS می‌سازیم. افزون بر این آن را قابل تنظیم می‌کنیم تا بتوانید به‌راحتی تغییرات مختلفی را در آن ایجاد کنید:
👉 https://www.roxo.ir/how-to-create-a-css-only-loader-using-one-element
💻 #برنامه_نویسی #css
🆔 @roxo_ir
اگر وب‌سایتی دارید، داشتن یک لودر (بارگذار) به کاربران کمک می‌کند تا بتوانند به‌محض کلیک کردن روی یک پیوند (لینک) یا دکمه، بفهمند که اتفاقی در حال رخ دادن است. شما میتوانید از این لودر در مکان‌های مختلف استفاده کنید و باید تا حد امکان ساده باشد.
📃 در این مقاله نحوه ساخت لودینگ با CSS را فرا خواهیم گرفت و دو نوع لودر را تنها با یک div و چند خط کد CSS می‌سازیم. افزون بر این آن را قابل تنظیم می‌کنیم تا بتوانید به‌راحتی تغییرات مختلفی را در آن ایجاد کنید:
👉 https://www.roxo.ir/how-to-create-a-css-only-loader-using-one-element
💻 #برنامه_نویسی #css
🆔 @roxo_ir
❤3
قابلیت‌های جدید واتس‌اپ: واکنش با ایموجی، ارسال فایل‌های حجیم و گروه‌های بزرگ‌تر
واتس‌اپ مدتی است روی توسعه قابلیت‌هایی مانند واکنش به پیام‌ها با ایموجی، ارسال فایل‌هایی با حداکثر حجم 2 گیگابایت و اضافه کردن کاربران بیشتری به گروه‌ها کار می‌کند و اکنون هر سه قابلیت به جدیدترین نسخه این اپلیکیشن پیام رسان محبوب اضافه شده‌اند که طی یک هفته آینده کاربران بیشتری به آن دسترسی خواهند داشت.
🆔 @roxo_ir
واتس‌اپ مدتی است روی توسعه قابلیت‌هایی مانند واکنش به پیام‌ها با ایموجی، ارسال فایل‌هایی با حداکثر حجم 2 گیگابایت و اضافه کردن کاربران بیشتری به گروه‌ها کار می‌کند و اکنون هر سه قابلیت به جدیدترین نسخه این اپلیکیشن پیام رسان محبوب اضافه شده‌اند که طی یک هفته آینده کاربران بیشتری به آن دسترسی خواهند داشت.
🆔 @roxo_ir
👎10❤2
ایلان ماسک احتمالا به صورت موقت مدیرعامل توییتر می‌شود
«ایلان ماسک»، اوایل همین ماه توییتر را در معامله‌ای میلیارد دلاری خرید. حالا او در جلسه‌ای با سرمایه‌گذاران احتمالی این قرارداد برنامه‌های خود را شرح داده و اعلام کرد که پس از نهایی شدن آن در اواخر سال جاری میلادی، به صورت موقت نقش مدیرعاملی توییتر را به عهده خواهد گرفت.
🆔 @roxo_ir
«ایلان ماسک»، اوایل همین ماه توییتر را در معامله‌ای میلیارد دلاری خرید. حالا او در جلسه‌ای با سرمایه‌گذاران احتمالی این قرارداد برنامه‌های خود را شرح داده و اعلام کرد که پس از نهایی شدن آن در اواخر سال جاری میلادی، به صورت موقت نقش مدیرعاملی توییتر را به عهده خواهد گرفت.
🆔 @roxo_ir
❤6👎4
عرضه صدمین ورژن فایرفاکس به همراه ویژگی‌های متعدد جدید
مرورگر فایرفاکس به واسطه عملکرد قدرتمند و پرسرعت خود همیشه نامی آشنا و مورد اطمینان در میان کاربران اینترنت محسوب می‌شده و از سوی دیگر همیشه در چشم رقبایی چون کروم حریف قابلی به شمار آمده است. حال پس از گذشت سال‌ها همراهی، صدمین نسخه این مرورگر با طیف متنوعی از ویژگی‌ها در دسترس قرار گرفته است.
کمپانی موزیلا اخیرا اعلام کرد که فایرفاکس 100 به شکل رسمی در دسترس است و ویژگی‌های زیادی جهت بهبود بخشیدن قابلیت‌های ویدئویی را به همراه دارد که شامل مواردی چون پشتیبانی از زیرنویس در حالت تصویر در تصویر، پشتیبانی از ویدئوهای HDR در macOS و پشتیبانی از ویدئوهای AV1 در ویندوز می‌شوند.
🆔 @roxo_ir
مرورگر فایرفاکس به واسطه عملکرد قدرتمند و پرسرعت خود همیشه نامی آشنا و مورد اطمینان در میان کاربران اینترنت محسوب می‌شده و از سوی دیگر همیشه در چشم رقبایی چون کروم حریف قابلی به شمار آمده است. حال پس از گذشت سال‌ها همراهی، صدمین نسخه این مرورگر با طیف متنوعی از ویژگی‌ها در دسترس قرار گرفته است.
کمپانی موزیلا اخیرا اعلام کرد که فایرفاکس 100 به شکل رسمی در دسترس است و ویژگی‌های زیادی جهت بهبود بخشیدن قابلیت‌های ویدئویی را به همراه دارد که شامل مواردی چون پشتیبانی از زیرنویس در حالت تصویر در تصویر، پشتیبانی از ویدئوهای HDR در macOS و پشتیبانی از ویدئوهای AV1 در ویندوز می‌شوند.
🆔 @roxo_ir
❤9
توییتر از خروج احتمالی کارکنان اصلی‌اش پیش از نهایی‌شدن قرارداد با ایلان ماسک خبر داد
توییتر هشدار داد در دوره‌ی قبل از نهایی‌شدن قرارداد فروش ۴۴ میلیارد دلاری این پلتفرم اجتماعی به ایلان ماسک، ممکن است برخی از کارکنان اصلی خود را از دست بدهد و در استخدام نیروی کار جدید با مشکلاتی مواجه شود. همچنین، این شبکه‌ی اجتماعی هشدار داد که احتمال بروز مشکلاتی در حفظ تبلیغ‌کنندگان وجود دارد.
🆔 @roxo_ir
توییتر هشدار داد در دوره‌ی قبل از نهایی‌شدن قرارداد فروش ۴۴ میلیارد دلاری این پلتفرم اجتماعی به ایلان ماسک، ممکن است برخی از کارکنان اصلی خود را از دست بدهد و در استخدام نیروی کار جدید با مشکلاتی مواجه شود. همچنین، این شبکه‌ی اجتماعی هشدار داد که احتمال بروز مشکلاتی در حفظ تبلیغ‌کنندگان وجود دارد.
🆔 @roxo_ir
❤3
🎟 برنامه رزرو صندلی سینما با جاوا اسکریپت
در این آموزش، برنامه رزور صندلی با جاوا اسکریپت را شبیه‌سازی و پیاده‌سازی خواهیم کرد. در این برنامه صندلی‌ها در سطرها و ستون‌ها نمایش داده می‌شوند و با کلیک کردن روی یک صندلی خالی می‌توانیم آن را رزور کنیم. با دوباره کلیک کردن روی صندلی از حالت انتخاب‌شده خارج می‌شود. کاربر همچنین صندلی‌هایی را که از انتخاب‌شده‌اند، نمی‌تواند انتخاب کند.
کاربر از بین چند فیلم یک فیلم را می‌تواند انتخاب کند. هرکدام از این فیلم‌ها قیمت‌های مختلفی دارند. قیمت نهایی بر پایه قیمت فیلم و تعداد صندلی‌های انتخاب‌شده تعیین و نمایش داده می‌شود. اگر صفحه را رفرش کنیم اطلاعات یا همان صندلی‌های انتخاب تغییر نخواهند کرد. این کار را با استفاده از localStorage انجام خواهیم داد.
👉 https://www.roxo.ir/movie-seat-booking-with-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
در این آموزش، برنامه رزور صندلی با جاوا اسکریپت را شبیه‌سازی و پیاده‌سازی خواهیم کرد. در این برنامه صندلی‌ها در سطرها و ستون‌ها نمایش داده می‌شوند و با کلیک کردن روی یک صندلی خالی می‌توانیم آن را رزور کنیم. با دوباره کلیک کردن روی صندلی از حالت انتخاب‌شده خارج می‌شود. کاربر همچنین صندلی‌هایی را که از انتخاب‌شده‌اند، نمی‌تواند انتخاب کند.
کاربر از بین چند فیلم یک فیلم را می‌تواند انتخاب کند. هرکدام از این فیلم‌ها قیمت‌های مختلفی دارند. قیمت نهایی بر پایه قیمت فیلم و تعداد صندلی‌های انتخاب‌شده تعیین و نمایش داده می‌شود. اگر صفحه را رفرش کنیم اطلاعات یا همان صندلی‌های انتخاب تغییر نخواهند کرد. این کار را با استفاده از localStorage انجام خواهیم داد.
👉 https://www.roxo.ir/movie-seat-booking-with-javascript
💻 #برنامه_نویسی #جاوااسکریپت
🆔 @roxo_ir
❤8
حمایت اپل، گوگل و مایکروسافت از آیندهای «بدون رمز عبور»
اپل، گوگل و مایکروسافت به نهاد امنیتی FIDO تعهد داده‌اند که از استاندارد «ورود بدون رمز عبور» آن‌ها حمایت کنند و همچنین در طول چند سال آینده، در پلتفرم‌های خود آن را اجرا کنند. با این وجود، کاربران برای وارد شدن به سیستم‌ها دیگر نیازی به استفاده از رمز عبور نخواهند داشت.
🆔 @roxo_ir
اپل، گوگل و مایکروسافت به نهاد امنیتی FIDO تعهد داده‌اند که از استاندارد «ورود بدون رمز عبور» آن‌ها حمایت کنند و همچنین در طول چند سال آینده، در پلتفرم‌های خود آن را اجرا کنند. با این وجود، کاربران برای وارد شدن به سیستم‌ها دیگر نیازی به استفاده از رمز عبور نخواهند داشت.
🆔 @roxo_ir
❤2
ویژگی z-index چیست و چگونه کار می کند؟
ویژگی z-index ممکن است ساده به نظر برسد، اما فقط استفاده از یک عدد صحیح مثبت یا منفی نیست. زیر پوسته چیزهای بیشتری در جریان است، و برخی از موارد عجیب‌وغریب می‌توانند هنگام کار با آن مشکل ایجاد کنند.
📃 در این مقاله، می‌خواهیم به ویژگی z-index به‌گونه‌ای ژرف بپردازیم و یاد بگیریم که واقعا چگونه کار می‌کند:
👉 https://www.roxo.ir/z-index-property
💻 #برنامه_نویسی #css
🆔 @roxo_ir
ویژگی z-index ممکن است ساده به نظر برسد، اما فقط استفاده از یک عدد صحیح مثبت یا منفی نیست. زیر پوسته چیزهای بیشتری در جریان است، و برخی از موارد عجیب‌وغریب می‌توانند هنگام کار با آن مشکل ایجاد کنند.
📃 در این مقاله، می‌خواهیم به ویژگی z-index به‌گونه‌ای ژرف بپردازیم و یاد بگیریم که واقعا چگونه کار می‌کند:
👉 https://www.roxo.ir/z-index-property
💻 #برنامه_نویسی #css
🆔 @roxo_ir
❤2
انتخاب بهتر بین REST و GraphQL کدام است؟
در عصر جدید و خصوصاً چند سال اخیر استفاده ازAPI ها به‌شدت توسعه‌یافته و فراگیر شده است. حتی کوچک‌ترین وب‌سایت‌ها نیز ممکن است بر اساس نیاز خود یک سیستم API راه‌اندازی کرده باشند. بنابراین آشنایی و تجربه کار با این API ها از ملزومات برنامه‌نویسی محسوب می‌شود.
در سال‌های اخیر با دو مدل یا استاندارد API مواجه بوده‌ایم که مشهورترین مدل‌های پیاده‌سازی API هستند و تمام عرصه‌ی اینترنت را در اختیار خودشان دارند:
• REST API
• GraphQL API
بحث بین طرفداران REST و GraphQL بالا گرفته است که کدام مورد از آن‌یکی بهتر است. به همین دلیل تصمیم گرفته‌ایم که موضوع را در یک مقاله به‌صورت خلاصه بررسی کنیم، خصوصاً که تصورات اشتباه زیادی بین برنامه نویسان در این زمینه وجود دارد؛ مثلاً بسیاری از برنامه نویسان تصور می‌کنند GraphQL تنها برای برنامه‌هایی است که front-end آن‌ها با react نوشته شده باشد:
👉 https://www.roxo.ir/graphql-vs-rest
💻 #برنامه_نویسی
🆔 @roxo_ir
در عصر جدید و خصوصاً چند سال اخیر استفاده ازAPI ها به‌شدت توسعه‌یافته و فراگیر شده است. حتی کوچک‌ترین وب‌سایت‌ها نیز ممکن است بر اساس نیاز خود یک سیستم API راه‌اندازی کرده باشند. بنابراین آشنایی و تجربه کار با این API ها از ملزومات برنامه‌نویسی محسوب می‌شود.
در سال‌های اخیر با دو مدل یا استاندارد API مواجه بوده‌ایم که مشهورترین مدل‌های پیاده‌سازی API هستند و تمام عرصه‌ی اینترنت را در اختیار خودشان دارند:
• REST API
• GraphQL API
بحث بین طرفداران REST و GraphQL بالا گرفته است که کدام مورد از آن‌یکی بهتر است. به همین دلیل تصمیم گرفته‌ایم که موضوع را در یک مقاله به‌صورت خلاصه بررسی کنیم، خصوصاً که تصورات اشتباه زیادی بین برنامه نویسان در این زمینه وجود دارد؛ مثلاً بسیاری از برنامه نویسان تصور می‌کنند GraphQL تنها برای برنامه‌هایی است که front-end آن‌ها با react نوشته شده باشد:
👉 https://www.roxo.ir/graphql-vs-rest
💻 #برنامه_نویسی
🆔 @roxo_ir
❤2