سه افکت فوق العاده برای Hover تصاویر

۲ نظر
در دنیای مدرن وب امروزی، راه های خلاقانه و مفید زیادی داریم برای به وجود آوردن افکت های زیبا و خارق العاده و بهترین راه برای ایجاد این افکت ها CSS3 هست، برگردیم به روزای گذشته، برای ایجاد همچین افکت هایی در وب نیاز داشتیم که به خوبی به جاوا اسکریپت مسلط باشیم ولی امروزه با استفاده از CSS3 و پشتیبانیش در اکثر مرورگرها ( بجز IE9 و نسخه های پایین تر ) میتونیم افکت های خارق العاده ای پیاده کنیم.
 

۵ سیستم مدیریت محتوای برتر

۲ نظر
سیستم مدیریت محتوا یا همان CMS محیطی است برای انتشار , تغییر , سازماندهی و یا حذف مطالب . در دنیای وب تعداد زیادی سیستم های مدیریت محتوا وجود دارد که صرف نظر از نوع سایت شما , به یقین یکی از آن ها مناسب کار شما خواهد بود. مشکل عمده این است که بسیاری از طراحان و برنامه نویسان وب هیچ علاقه ای به صرف زمان برای یادگیری چندین CMS ندارند و ترجیح می دهند زمان خود را صرف یادگیری یک یا نهایتا دو CMS کنند تا تمامی پروژه هایشان را بر مبنای همان ها انجام دهند. در نتیجه CMS انتخابی آنها در کنار قابل انعطاف بودن , باید قدرتمند نیز باشد.

استفاده از LocalStorage با JavaScript

۱ نظر
زمانی که شروع به یادگیری جاوا اسکریپت میکنید، ممکنه ساخت یک اپلیکیشن to-do اولین کاری باشه که شما انجام میدین اما پس از رفرش کردن صفحه، میبینید تمام مواردی که در لیست to-do خودتون وارد کرده بودین کاملا ناپدید شدن. با استفاده از Local Storage میتونیم این مشکلات رو به راحتی برطرف کنیم.
 

ساخت نمودار انیمیشنی با Chart.js

۸ نظر
نمودارها ابزار بسیار بهتری برای نمایش داده ها نسبت به جدول ها هستند و مزایای زیادی دارن، نگاه کردن به داده های تصویری خیلی راحت تر هست نسبت به خوندن جدول ها اما خب گاهی اوقات ساخت این نمودارها کار ساده ای نیست ! در این مقاله نحوه ی رسم نمودارهای زیبا رو به شما آموزش خواهیم داد.
 

6 راه ساده برای طراحی وب اپلیکیشن

بدون نظر
توسط طرحی از ComScore که در اواخر سال 2014 داده شد، در جهان 1.75 بیلیون نفر به صورت مداوم از گوشی های هوشمند استفاده میکنند، این جمله به این معنیست که کسب و کار آنلاین شما باید توسط دستگاه های مختلف به راحتی قابل دسترسی باشد، بنابراین شما نباید وب سایت خودتان را فقط برای کاربران کامپیوتر طراحی کنید، بلکه باید کاربران گوشی های هوشمند رو هم در نظر بگیرید.
در این مقاله 6 راه حل ساده است که به شما این اطمینان رو میدهد که سایتتان برای گوشی های هوشمند بهینه میباشد

چگونه سرعت Load سایتمان را افزایش دهیم؟

بدون نظر
برای درک اهمیت سرعت Load بالا , همین بس که 75% کاربران اینترنت به سایت شما باز نخواهند گشت اگر زمان انتظارشان بیش از 4 ثانیه باشد و یا به طور میانگین کاربرانی که از طریق گوشی یا تبلت وارد سایت شما می شوند 3 ثانیه می توانند منتظر بارگذاری کامل سایت شما بمانند.
در نسل فعلی وب , جایی برای وب سایت های کند نیست...

آیا طراحی ریسپانسیو تاثیری در درآمدزایی سایت دارد؟

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

Transformهای دو بعدی در CSS3

۲ نظر
امکان Transform در CSS3 یک امکان جدید برای طراحان وب است که بتوانند خلاقانه تر طراحی کنند. Transform دو بعدی توابعی را در اختیار ما قرار می دهد که می توان یک المان را در صفحه انتقال داد یا آن را به اندازه خاصی در صفحه دوران داد. در این مقاله می خواهیم با توابع دو بعدی در Transform آشنا شویم. با کمک توابع دو بعدی Transform, بسیاری از اشکال طراحی شده توسط CSS امکان پذیر می شود.

معرفی و استفاده از فرمت SVG

۱ نظر
SVG فرمتی است که قابلیت طراحی تصاویر دوبعدی را توسط تگ‌های XML  به شما می‌دهد.
فرمت‌های PNG یا GIF و ... که ما آشنا هستیم و روزانه با آنها بسیار کار می‌کنیم در حال تبدیل شدن به تکنیک‌ها و روشهای جدید هستند. شما زمانی که با فرمت PNG کار می‌کنید اگر بخواهید برای وضوح تصویرهای (resolution) متفاوت تصویر مناسبی طراحی کنید باید چند فایل PNG ذخیره کنید، اما زمانی که از فرمت SVG استفاده می‌کنید نه تنها نیازی به اینکار نیست بلکه به راحتی می‌توانید سایز تصویر و یا رنگ آن را توسط کدنویسی تغییر دهید و در هر وضوح تصویری که لازم است استفاده کنید.

متد GET در برابر متد POST

بدون نظر
بدون شک هر کسی که در حوزه وب فعالیت داشته با فرم های HTML کار کرده. وقتی شما اطلاعات شخصیتون رو در سایتی وارد می کنید و سپس دکمه submit رو می زنید در واقع اطلاعاتتون رو در یک فرم HTML قرار داده اید. فرم ها برای ارسال اطلاعات از مرورگر کاربر به سمت وب سرور استفاده می شوند.

برای مثال وقتی در سرویس Gmail وارد می شوید, نام کاربری و رمز عبورتان را در داخل یک فرم HTML وارد  می کنید و با انتخاب sign in , نام کاربری و رمز عبورتان را در قالب یک فرم HTML به وب سرور Google ارسال می کنید.