آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات

بایگانی مقالات CSS

  • آشنایی با ۵ ابزار آنلاین Loading ساز یا نوار پیشرفت

    آشنایی با ۵ ابزار آنلاین Loading ساز یا نوار پیشرفت

    در این نوشته قصد دارم شما رو با ۵ ابزار آنلاین Loading ساز آشنا کنم که کاربرد فراوانی در صفحات Ajax دارند .

  • تجربه ای متفاوت با کدنویسی آنلاین پروژه ها

    تجربه ای متفاوت با کدنویسی آنلاین پروژه ها

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

  • استفاده از clear در after

    استفاده از clear در after

    در این مقاله قصد دارم یه ترفند در رابطه با clear خدمتتون آموزش بدم،اگر خاطرتون باشه برای استفاده از clear یه المنت html میذاشتیم و به اون کلاس clear میدادیم …

  • نحوه ایجاد یک تصویر SVG واکنش گرا

    نحوه ایجاد یک تصویر SVG واکنش گرا

    یکی از مشکلاتی که هنگام استفاده از تصاویر SVG به وضوح نمایان است، عدم واکنش گرایی آنهاست. درست است که این نوع تصاویر در هر مقیاسی کیفیت خود را از دست نمی دهند اما این نکته را فراموش نکنید که به صورت خودکار تغییر اندازه پیدا نمی کنند. درواقع ویژگی viewbox که به اندازه اصلی […]

  • فیلتر گذاری های زیبا برای تصاویر

    فیلتر گذاری های زیبا برای تصاویر

    در css3 این امکان رو شما دارید که بتونید روی تصاویرتون فیلتر های رنگی ایجاد کنید اما همه ی مرورگرها این خصوصیت رو پشتیبانی نمیکنند…

  • رسم مقاطع مخروطی و اشکال هندسی توسط css و svg

    رسم مقاطع مخروطی و اشکال هندسی توسط css و svg

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

  • آموزش نمایش لودینگ تا بارگذاری کامل صفحه

    آموزش نمایش لودینگ تا بارگذاری کامل صفحه

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

  • طراحی بازی با CSS3

    طراحی بازی با CSS3

    در این مقاله قصد دارم طراحی ” بازی با اعداد ” رو خدمتتون آموزش بدم که با استفاده از خصیصه های جدید در css3 و html5 نوشته میشه و جی کوئری یا زبان های دیگه هیچ دخالتی در ایجاد این بازی ندارند.

  • ایجاد پس زمینه های پارالاکسی

    ایجاد پس زمینه های پارالاکسی

    ممکنه نحوه ی پیاده سازی سایت های کاملا پارالاکسی براتون سخت و دشوار باشه و تمایل داشته باشید بخش کوچکی از سایتتون مثل Background هارو بصورت پارالاکس پیاده کنید تا جذابیت بیشتری به سایتتون بده …

  • افکت لرزش فرم

    افکت لرزش فرم

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

  • پارالاکس چیست؟

    پارالاکس چیست؟

    پارالاکس یک تکنولوژی جدید در زمینه وب هست که اخیرا در وب ایران هم رواج پیدا کرده . در این سایت ها که معمولا تک صفحه ای یا single page هستند…

  • با css hack ها بطور کامل آشنا شوید!

    با css hack ها بطور کامل آشنا شوید!

    در این مقاله ی آموزشی قصد دارم در رابطه با هک های css صحبت کنم که فکر میکنم خیلی از دوستان اسمش رو شنیده باشند اما تا بحال از اونها استفاده نکرده باشند.

  • آموزش ایجاد صفحات one page

    آموزش ایجاد صفحات one page

    تو این مقاله ی آموزشی، به درخواست یکی از دوستان قصد دارم نحوه ی ایجاد صفحات single page و یا one page رو خدمتتون آموزش بدم؛ البته این مورد رو در ماهنامه شماره اول منتشر کرده بودم که با کمی تغییر در این مقاله مجدد خدمتتون آموزش میدم.

  • ظاهر شدن عناصر صفحه هنگام اسکرول

    ظاهر شدن عناصر صفحه هنگام اسکرول

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

  • نحوه ایجاد Tooltip افکت دار با CSS3

    نحوه ایجاد Tooltip افکت دار با CSS3

    در این مقاله ی آموزشی نحوه ی کدنویسی یه tooltip زیبارو خدمتتون آموزش میدم که افکت داره و با css3 پیاده سازی شده و نیازی به جی کوئری هم نداره.

  • آموزش افکت کاربردی Front To Back با CSS3

    آموزش افکت کاربردی Front To Back با CSS3

    تو این مقاله افکت کاربردی Front To Back رو بهتون آموزش میدم که برای استفاده توی قالب هاتون بسیار شیکه.

  • آموزش استفاده از Livicon ها بصورت کامل و جامع

    آموزش استفاده از Livicon ها بصورت کامل و جامع

    در این مقاله ی آموزشی نحوه ی استفاده از Livicon ها در صفحه ی وب رو خدمتتون آموزش میدم . استفاده از این تکنولوژی بسیار راحته .

  • فونت وب اصلاح شده yekan

    فونت وب اصلاح شده yekan

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

صفحه 1 از 212

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟