در این پست می خواهیم با ساخت یک منوی ابشاری ریسپانسیو و با استایل متریال آشنا شویم.اما پیش از شروع اموزش توصیه می کنم برای درک بهتر کدهای نوشته شده در اموزش دوره های مربوط به HTML5 و Css3 می توانید راهنمای خوبی برایتان باشد.

ادامه آموزش
https://goo.gl/oZhzT7

@codefriend

اموزش کار با مدیا کوئری media queryدرCss
@codefriend

زمانی که صحبت از واکنش گرایی یا ریسپانسیو می شود بلافاصله دستور مدیا کوئری در Css به ذهن طراحان وب میرسد.media query به طراحان وب این امکان را می دهد که قالب را بر اساس مشخصات دستگاه نمایش دهنده وب سایت تغییر دهند (مشخصاتی مانند: عرض، ارتفاع، رنگ و…).
ادامه آموزش:
https://goo.gl/p9Ko7q

متا تگ viewport و نحوه استفاده از آن
@codefriend
www.codefriend.ir

زمانی که از طراحی واکنشگرا و یا ساخت نسخه موبایل وب سایت سخن به میان می آید می بایست از روش هایی استفاده کنیم که قبلا برای ساخت نسخه معمولی وب سایت با آنها برخورد نکرده بودیم.یکی از این موارد استفاده از متا تگ viewport است،در طول دوره آموزش HTML5 به این متا تگ زیاد استفاده کردیم.

ادامه آموزش
https://goo.gl/0lAlkE

@codefriend

ساده ترین روش طراحی صفحه ریسپانسیو
@codefriend
www.codefriend.ir

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

https://goo.gl/PWhqJS
@codefriend

کدهای Htaccess کاربردی برای سایت وردپرس
@codefriend

فایل وردپرس htaccess یک نوع سرور پیکره بندی شده است که می گوید سرور چطور می تواند مواردی را به صورت مطمئن در وبسایت کنترل کند .کدهای Htaccess کار های مانند سیستم های راهنمای کاربران، پسورد امنیتی ناحیه ی مدیریتی و حفاظت از دایرکتوری ها و… می باشد.

ادامه آموزش:
https://goo.gl/fKBq1l

@codefriend

ساخت صفحه نمایش محصولات با HTML5 ,Css3
@codefriend
www.codefriend.ir

در این اموزش می خواهیم با نحوه ساخت صفحه نمایش محصولات سایت با استفاده از html و Css3 آشنا شویم.شما میتوانید از این صفحه برای نمایش محصولات فروشگاه اینترنتی خودتان نیز استفاده کنید.

ادامه آموزش:
https://goo.gl/JXhUiC

@codefriend

روز سوم فرانت اند:ساخت منوی کشویی همراه با انیمیشن Css3
@codefriend
www.codefriend.ir

با یکی دیگر از آموزش های سری (روز فرانت اند) در خدمت شما هستیم.امروز می خواهیم با نحوه ساخت یک منوی کشویی multi-level یا چند سطحی به همراه انیمیشن CSS3 transitions آشنا شویم.
از منوی کشویی برای نمایش ساب منو ها به صورت کشویی و از قابلیت multi-level برای ایجاد منوی آتیم های تو در تو برای منو استفاده می شود.(دموی این منو را میتوانید در صفحه کدپن سایت مشاهده کنید).
https://goo.gl/NKmV8d

@codefriend

استفاده از فایل های Css و JavaScript در قالب وردپرس
@codefriend

دانستن این موضوع که چگونه فایل ها یا کدهای Css و جاوا اسکریپتی که خودمان طراحی کرده یا نوشته شده را به قالب وردپرس و یا افزونه آن اضافه کنیم یکی از دغدغه های طراحان وب و توسعه دهندگان می باشد.
اگر افزودن این فایل ها به درستی در قالب وردپرس یا افرونه اعمال نشود امکان ایجاد مشکل در سایت وردپرسی را به حداکثر میرساند.در این آموزش قصد داریم به صورت کامل و قدم به قدم نحوه افزودن این فایل ها را به قالب وردپرس یادبگیریم.
ادامه آموزش
https://goo.gl/1oBBYv

@codefriend

3 مرحله ای مهم برای افزایش اثر گذاری بیشتر سایت
@codefriend
www.codefriend.ir

اخیرا تحقیقی انجام شده که نشان میدهد اولین هدف بازاریابها در سال 96، افزایش اثر گذاری برگشت سرمایه ناشی از فروشه بعد از آن است، مهمترین هدف جذب کاربر دائم و سومین هدف مهم هم افزایش ترافیک سایت عنوان شده است. در ضمن این تحقیق نشان میدهد با اینکه راه اندازی وب سایت اثرگذارترین راه بازاریابی است، اجرای صحیحش جزء مشکلترین روشهاست.
چون اگه مشکلی برای سایت پیش بیاید، یه راه حل مشخص وجود نداره. به عنوان مثال برای اینکه سایت مدنظر بتواند شبانه روزی ترافیک جذب کند و تبدیل به یه کانال جذب مشتری شود، باید چه کارهایی انجام بدهیم؟ برای پیدا کردن جواب، باید عملکرد سایت را تحت نظر بگیرید، ایده­ های مختلف را امتحان کنید و دائما در حال اعمال تغییرات باشید.

ادامه مطلب:
https://goo.gl/KFPTfE

@codefriend

طراحی صفحه وب به سبک پارالاکس اسکرول
@codefriend

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

ادامه آموزش:
https://goo.gl/7qoFQ5

@codefriend