Category Archives: آموزش Front-end Development

Visual Inspector ابزاری مناسب برای توسعه دهندگان وب

Visual Inspector ابزاری مناسب برای توسعه دهندگان وب

از نوشته های من در کلیک رسانه کلیک – در این مطلب به معرفی یک افزونه گوگل کروم برای بررسی و ایجاد تغییرات آنلاین در صفحات وب، به سادگی و بدون نیاز به استفاده نرم افزارهای پیچیده می پردازیم.یکی از بخش های موجود در مرورگرهای اینترنتی که هر دولوپری برای طراحی صفحات وب از آن […]

7 محیط تست کد برای دولوپرهای فرانت‌­اند

7 محیط تست کد برای دولوپرهای فرانت‌­اند

وب‌سایت‌های زیادی وجود دارند که دولوپرهای فرانت‌اند می‌توانند کدهای خود را در آن‌ها تست کنند و یا به‌صورت آنلاین به اشتراک می‌گذارند که در این مقاله به معرفی و بررسی 7 مورد از پرطرفدارین Code Playground در این زمینه خواهیم پرداخت. اگرچه وب‌سایت‌های بسیاری وجود دارند که این امکانات را در اختیار دولوپرها قرار می‌دهند اما ویژگی‌هایی […]

CSS Icon: یک گالری تمام عیار از آیکان­‌های CSS برای دولوپرهای فرانت­‌اند

CSS Icon: یک گالری تمام عیار از آیکان­‌های CSS برای دولوپرهای فرانت­‌اند

شرکت Adobe به واسطهٔ نرم‌افزارهایی نظیر فتوشاپ، ایلاستریتور، پریمیر، افترافکت و البته ادوبی آکروبات‌ریدر برای اجرای فایل‌های پی‌دی‌اف، در بین کاربران کامپیوتر نامی آشنا و محبوب می‌باشد. Wenting Zhang یکی از طراحان این شرکت، اخیراً وب‌اپلیکیشن بسیار جذابی را معرفی نموده است که بااستفاده از آن می‌توان آیکان‌هایی ساخت که تنها بااستفاده از کدهای CSS ایجاد […]

ساخت بازی سنگ، کاغذ، قیچی در جاوااسکریپ

ساخت بازی سنگ، کاغذ، قیچی در جاوااسکریپ

در این آموزش ویدیویی بازی سنگ، کاغد، قیچی را با استفاده از شرط های if و else if در JavaScript پیاده سازی می کنیم. خواندن ادامه مطالب

چرا هر دولوپری باید به یک کاربر حرفه‌ای گوگل­ کروم تبدیل شود؟

چرا هر دولوپری باید به یک کاربر حرفه‌ای گوگل­ کروم تبدیل شود؟

امروزه مرورگرها نقشی فراتر از یک نمایش‌دهنده صفحات وب پیدا کرده‌اند و با امکاناتی که در اختیار کاربران خود به‌ویژه دولوپرها قرار می‌دهند، یکی از پایه‌های توسعهٔ وب نیز به شمار می‌آیند؛ در همین راستا، گوگل‌ کروم توانسته است به یکی از ارکان مهم توسعهٔ وب در سطح جهان تبدیل شود. اگر شما هم یک […]

آنالیز کدهای CSS وب­‌سایت با افزونهٔ CSS Dig گوگل کروم

آنالیز کدهای CSS وب­‌سایت با افزونهٔ CSS Dig گوگل کروم

جعبه‌ابزار ویژهٔ دولوپرها در گوگل‌کروم (Chrome DevTools) امکانات زیادی از ویرایش آنلاین صفحات وب تا بررسی دقیق ریکوئست‌های HTTP یک صفحه به همراه جزئیات را در اختیار کاربران قرار می‌دهد، اما جای قابلیتی برای آنالیز دقیق کدهای CSS و قوانین آن در این جعبه‌ابزار خالی است که این جای خالی هم به لطف افزونهٔ اپن‌سورس CSS Dig […]

بررسی 10 ویژگی بسیار مفید فایرفاکس برای فرانت‌اند دولوپرها

بررسی 10 ویژگی بسیار مفید فایرفاکس برای فرانت‌اند دولوپرها

در گذشته فایرفاکس یکی از محبوترین مرورگر‌ها بین طراحان وب‌سایت به‌شمار می‌آمد؛ امکاناتی نظیر مالتی‌تب، نمایش صحیح کدها و … از جمله مواردی بودند که مرورگر فایرفاکس را به مرورگر پیش‌فرض هر دولوپری تبدیل می‌نمود. اگرچه با گذشت زمان و به‌ویژه پس از معرفی کروم توسط گوگل شرایط تغییر کرد، اما فایرفاکس همچنان یکی از قدرتمندترین […]

راهنمای عملی و کاربردی برای افزایش سرعت وب‌سایت

راهنمای عملی و کاربردی برای افزایش سرعت وب‌سایت

نخستین گام در بهینه‌سازی پرفورمنس یک وب‌سایت، یافتن مواردی است که دارای اولویت بیشتری برای انجام تغییرات می‌باشند؛ اگرچه ابزارهای زیادی برای بررسی و افزایش میزان کارایی و بهینه‌سازی وب‌سایت‌ در دسترس است، اما بااستفاده از مواردی که در ادامه به معرفی آن‌ها می‌پردازیم، می‌توان بهترین نتایج را به‌ ساده‌ترین شکل ممکن کسب نمود. امکانات […]