آی تی پورت

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

ظاهر این صفحه برگرفته شده از توزیع سیستم عامل لینوکس به نام لوبونتو lubuntu هست که سعی شده کاملا شبیه به صفحه بارگذاری این سیستم عامل زیبا باشد.

مطالعه کامل این مطلب

اگر سایت شما طراحی ریسپانسیو یا واکنش گرایی ندارد باید خدمتتان عرض کنم که پتانسیل بسیار بالایی را برای داشتن بازدیدکننده ، مخاطب یا مشتری بیشتر از دست داده اید.چرا؟

قبل از پرداختن به موضوع ، بیایید وب واکنش‌گرا را تعریف کنیم.

طراحی سایت ریسپانسیو، روشی است که در آن طراحی سایت باید به گونه ای باشد که سایت بدون هیچ مشکلی چه از لحاظ رزولوشن و چه پلتفرم و یا مواردی دیگر به نمایش درآید. برای رسیدن به چنین طراحی ای به آمیزه ای از گرید، قالب ها و تصاویر انعطاف پذیر و همچنین استفاده هوشمندانه از کوئری های مدیای CSS نیاز داریم.

مطالعه کامل این مطلب

یک طراح وب خوب کسى است که بتواند طرح هاى خوب مطابق با آخرین شیوه هاى طراحى ارایه دهد. طرح خوب ، خوب است ! بگذارید اینگونه بگویم که طرح خوب طرحی است که چشم نواز باشد ، به روز باشد ، خلاقانه باشد  و در عین حال ساده باشد. یک طرح بندی خوب باید جلوه های بصری جذاب و خلاقانه داشته باشد بدون اینکه خوانایی محتوا ، سادگی و پویایی سایت را به خطر اندازد .پس طرح خوب محصول کار یک طراح خوب است. وقتى در شک هستید  چه باید کرد، از کجا شروع کرد و سوالاتی از این قبیل ذهن شما را مشغول کرده است بر شماست که به اصول بنیادى باز گردید و زمانى را به یاد بیاورید که تازه شروع کرده و در حال آموختن بودید. چه ایرادی دارد که برگردیم و ساده ترین اصول را دوباره مرور کنیم ؟

در این نوشته از گامهایی خواهم گفت که شخصا به من کمک کرده اند همیشه تا طراحی خودم را روز به روز بهبود ببخشم. نکات کوچکى که معمولا نادیده گرفته می شوند در صورتى که می توانند امتیاز کار شما به حساب آیند. امیدوارم دست کم این نوشته همچون خودم برای شما هم مثمر ثمر باشد.

مطالعه کامل این مطلب

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

برای اینکه یک فونت آیکن را به عناصر صفحه وب تان اضافه کنید می بایست کلاس آن فونت آیکون بخصوص را فراخوانی کنید.

مطالعه کامل این مطلب

درسال سال های اخیر شاهد رشد وب سایت هایی بودیم که به صورت تک صفحه ای هستند. به این وب سایت ها اصطلاحا one page یا single page گفته می شود. وبسایت های one page به صورت تک صفحه ای طراحی می شوند و تمامی اطلاعات درون یک صفحه قرار می گیرند و با اسکرول کردن صفحه می توانید قسمت های مختلف سایت را مشاهده کنید. عوامل زیادی باعث محبوبیت این نوع وبسایت ها شده اند که در آی تی پورت به مهمترین های آنها می پردازیم.

مطالعه کامل این مطلب