لیست مقالات

فریم ورک‌ها و کتابخانه‌های CSS برای پروژه بعدی شما

بارها این را شنیده ایم، سال 2020 عصر اتومبیل‌های پرنده است، اما بسیاری از توسعه‌دهندگان front-end هنوز با موقعیت div ها مشکل دارند. خنده دار به نظر می‌رسد اما واقعیت است.

معرفی شِبه کلاس و 8 شِبه کلاس کاربردی css

معرفی شِبه کلاس و 8 شِبه کلاس کاربردی در css که به ما در انتخاب المان ها و اعمال استایل ها در css کمک میکنند

Web Design
1400/05/10
alireza m
382

5 نکته اساسی که به شما اجازه می‌دهد طراحی وب خود را بهبود بخشید

متاسفانه، شما تمام روز را برای تحت تأثیر قرار دادن بازدیدکنندگان وب سایت خود ندارید. شما می‌توانید بهترین مطالب دنیا را داشته باشید اما از آن‌ها چشم پوشی شود.

یادگیری CSS Flexbox برای ساخت 5 طرح بندی ریسپانسیو

در اینجا یک راهنمای کاربردی است که به شما کمک می‌کند CSS Flexbox در سال 2021 را با ساخت 5 لایه ریسپانسیو بسازید.

10 افزونه کاربردی گوگل کروم برای طراحان وب

معرفی 10 افزونه کاربردی برای طراحان وب برای طراحی و مدیریت حرفه ای

Web Design
1399/12/15
alireza m
1169

تفاوت طراحی وب با فرانت اند

اغلب برنامه نویس ها تفکرشان نسبت به طراحی وب،همان برنامه نویسی سمت کاربر یا Front-End هست.امروز و در این مقاله میخوایم تفاوت این دو را مشخص کنیم

استایل‌دهی مدرن برنامه‌های وب، فریم‌ورک‌های CSS در مقایسه با کتابخانه‌های کامپوننت

هنگام ساخت یک برنامه وب جدید، تصمیماتی باید بگیریم. آیا توسط سرور رندر شده و به کلاینت ارسال می‌شود، یا یک SPA با ویژگی‌های قدرتمند است؟ از کدام فریم‌ورک باید استفاده شود (در صورت وجود)؟ React؟ Angular؟ Vue؟ Ember؟

سه روش برای تبدیل شدن به طراحی که توسعه‌دهندگان دوست دارند

طراح بودن در یک پروژه نرم‌افزاری می‌تواند دشوار باشد. ممکن است فضای مبهمی برای کار کردن در این زمینه وجود داشته باشد. ما این محصول را برای چه کسانی می‌سازیم؟ پیشنهاد ارزش ما چیست؟ چگونه لذت را به وجود می‌آوریم؟ حداقل محصولی که باید با آن شروع کنیم چیست؟

5 روند کاربردی طراحی سایت در سال 2020

طراحی سایت بخشی از اینترنت است که همیشه در حال تغییر و تحول بوده است. اگر راجع به 10 سال گذشته صحبت کنیم، اینترنت از شکل ابتدایی خود خارج شده و تکامل یافته است. گوگل یک فونت قدیمی داشت، فیس بوک در حال رشد بود و یاهو هنوز مهم بود.

ساخت اسکرول بار سفارشی در CSS

در این مقاله یاد خواهید گرفت که چطور با نوشتن سه خط کد CSS می توانید اسکرول بار وب سایت خود را مانند Mac OS کنید.

Web Design
1399/07/11
مهدی نیسی
1978

برای تبدیل شدن به توسعه‌دهنده Front End در سال 2020 این نکات را باید بدانید

آیا تا به حال به وب‌سایت مورد علاقه خود نگاه کرده‌اید و شگفت‌زده شده‌اید که چرا به این شیوه طراحی شده، چرا نحوه عملکرد دکمه‌ها وقتی که روی آن‌ها کلیک می‌کنید به این صورت است، یا هر قسمت دیگر از سایت را دیده‌اید و با خود فکر کرده‌اید "متعجبم، چطور این‌ها اینقدر پیچیده هستند؟"، یا "کاش من هم می‌توانستم این کار را انجام دهم". خوب تمام این ویژگی‌های قابل مشاهده سایت از طریق توسعه Front End انجام می‌شود و افرادی که از آن‌ها استفاده می‌کنند، توسعه‌دهنده Front End نامیده می‌شوند.

چگونه طراح UX شویم

توسعه سریع تکنولوژی‌های جدید و آگاهی روزافزون از اهمیت محصولاتی که خوب طراحی شده‌اند بدان معناست که پیشنهادات بیشتری برای طراحان UX در صنعت IT وجود دارد. نام این مشاغل بی‌شمار است: طراح UX، طراح UX/UI، پژوهشگر UX، نویسنده UX. به این دلیل است که عملکرد راه‌حل‌های ایجاد شده نه تنها به لایه بصری بلکه، مهم‌تر از همه، به موارد عملکردی مثل محتوا وابسته است.

راهنمای طراح برای جمع‌آوری داده‌ها از صفحات HTML توسط Artoo

جمع‌آوری داده‌های واقعی برای طرح‌های دیجیتال شما می‌تواند یک چالش واقعی باشد. بدون دسترسی به داده‌های کلاینت ما اغلب به خودمان وابسته هستیم، به داده‌های مسخره نه چندان جالب یا به لورم اپسیوم. اما نگران نباشید، Artoo با جمع‌آوری صفحات HTML برای شما می‌تواند به حل این مشکل کمک کند.

بوت‌استرپ 5 نسخه آلفا

بوت‌استرپ 5 نسخه آلفا منتشر شده است. تیم بوت‌استرپ ما‌ه‌ها تلاش کردند تا کارهایی که در v4 شروع کرده بودند را اصلاح کنند، و اگرچه پیشرفت خوبی داشته است، می‌خواهند باز هم ویژگی‌های جدیدی به آن بیافزایند.

بهترین روش برای توسعه وب Frontend

وب به سرعت در حال حرکت است، و به طور منظم پیشرفت‌هایی در دستگاه‌هایی که روزانه بسیاری از افراد از آن استفاده می‌کنند به وجود می‌آید.

6 روند طراحی که برای هر طراح وب در سال 2020 لازم است

طراحی نقش مهمی در برندسازی دارد. آرم ها ، نقشه های رنگی و قلم ها محصولات یا خدمات شما را در بازار برجسته می کند. بنابراین ، تصمیم گیری در مورد این عوامل مهم است و دانستن آخرین روند طراحی مؤثر است. اصطلاح ، روند طراحی قصد دارد تغییر در سبک طراحی برای هر محصول دیجیتال را درک کند. تنها هدف طراحی فقط رضایت مشتری نیست؛ قرار دادن اشیاء را بهینه کرده و درک اطلاعات منتقل شده از محصول را ساده تر می کند.

Web Design
1399/03/21
mehditah
603

چرا شما در هر مرحله از فرآیند به طراح UX نیاز دارید

فرآیند طراحی یک چهارچوب سفت و سخت نیست که همیشه یکسان به نظر برسد. با تطبیق آن با نیازهای خاص پروژه، شما می‌توانید به بهترین نتیجه برسید. طراح UX شخصی است که می‌تواند به شما در این زمینه کمک کند. قبل از شروع، ضروری است که چگونگی ترتیب همه کارها را برای دستیابی موثر به اهداف خود در نظر بگیرید.

آشنایی با مدل نرم افزار به عنوان سرویس یا SaaS

مدل نرم افزار به عنوان سرویس یکی از بهترین سرویس های مبتنی بر کلود می باشد، ما در این مطلب درباره مدل نرم افزار به عنوان سرویس یا SaaS صحبت می کنیم.

6 مورد از بهترین ابزارهای build برای توسعه‌دهندگان Frontend

کد استفاده شده در تولید با کد توسعه متفاوت است. در تولید شما نیاز به ساخت پکیج‌هایی دارید که سریع اجرا شوند، وابستگی‌ها مدیریت شوند، وظایف به طور خودکار انجام شوند، ماژول‌های خارجی بارگذاری شوند و موارد دیگر. ابزارهایی که امکان تبدیل کد توسعه به کد تولید را فراهم می‌آورند ابزارهای build نامیده می‌شوند.

درک و نحوه کار با CSS Margins

یکی از مسائلی که افراد زیادی با آن درگیر هستند حاشیه‌ها (Margin) می‌باشند، که به نظر می‌رسد بسیار ساده‌اند، با این حال این پتانسیل را دارند که برخی از مسائل واقعا عجیب را ایجاد کنند.

نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4

Bootstrap 4 در حال حاضر محبوب‌ترین فریم‌ورک front-end در جهان است. شما می‌توانید از آن برای ساخت هر نوع رابط کاربری، از قالب‌های ادمین تا وب‌سایت‌هایی دارای ویژگی‌ کامل استفاده کنید. در این آموزش گام‌ به گام ما به نحوه ساخت یک صفحه فرود یا همان landing page با استفاده از بوت‌استرپ 4 نگاهی می‌اندازیم . شما می‌توانید از آن به عنوان صفحه اصلی استفاده کنید یا آن را به یک کمپین بازاریابی خاص متصل کنید.

7 مورد از بهترین کتابخانه‌های کامپوننت رابط کاربری Material Design

Material design یک سیستم طراحی بصری محبوب است که توسط گوگل ایجاد شده است. هدف آن این است که طراحان و توسعه‌دهندگان بتوانند برنامه‌هایی را بسازند که نگاهی یکسان به همه پلت‌فرم‌ها داشته باشد. برنامه‌هایی که از اصول متریال دیزاین پیروی می‌کنند در تمام سیستم عامل‌ها و دستگاه‌ها، زیبا و حرفه‌ای به نظر می‌رسند. مجموعه ابزار رسمی متریال دیزاین گوگل موارد زیادی مثل دستورالعمل‌ها،‌ کامپوننت‌ها، پالت‌های رنگ، تم‌ها و آیکون‌ها را برای شما فراهم می‌کند.

7 اصل اساسی طراحی

در طراحی خوب همه چیز در مورد جلب توجه، حفظ علاقه و انتقال پیام به مخاطب است. یک سری اصول رایج وجود دارند که می‌توانید در تمام جنبه‌های طراحی ازجمله طراحی وب، طراحی گرافیک و رسانه چاپی اعمال کنید.

کتابخانه‌ها، فریم‌ورک‌ها و ابزارهای CSS

ما شاهد افزایش چشمگیر محبوبیت طرح‌بندی‌های Flexbox،‌ انیمیشن‌های دقیق CSS، کاربرد SVG، Styleguides، افکت‌های با سبک اینستاگرام، ادغام عمیق‌تر CSS با برنامه‌هایی مثل Photoshop و Sketch، و پیش‌پردازنده‌های CSS مانند Sass و Less هستیم.

چه زمانی نباید از Dropdown List استفاده کنیم

Dropdown listها اجزای رایج رابط کاربری هستند. احتمال اینکه شما به طور مکرر با آن سر و کار داشته باشید بسیار وجود دارد، مثلا وقتی که می‌خواهید آدرس خود را وارد یک فرم کنید یا رنگ ژاکتی که می‌خواهید به صورت آنلاین بخرید را انتخاب کنید. بیاید در مورد جنبه‌های خوب و نه چندان خوب dropdown listها و این اینکه چه زمانی باید از آن‌ها اجتناب کنیم، صحبت کنیم.

مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

دوره های در حال ثبت نام آکادمی برنامه نویسان

آرشیو مقاله های Web Design