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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون میاد و با استفاده از canvas و قدرت اون فیلترهایی شبیه به Instagram رو به عکسهای مختلف اعمال میکنه. این آموزش بصورت قدم به قدم و تصویری آموزش داده که چطور این کار رو انجام بدیم. برای شروع وارد سایت instagram-style-filters بشین. امیدوارم بدردتون بخ...

در این قسمت میخوام یک کد ( Digital Vanitas ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک جمجمه زیبا و مثلثی با استفاده از CSS ساخته شده و زمانی که بر روی اون هاور میکنید، فک اون حرکت میگنه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که درون اون با استفاده از کدهای از قبل تهیه شده، اصول و قواعدی که در Javascript وجود داره رو به شما آموزش میده و میتونین از اونا استفاده کنید و کدنویسی خودتون رو بهینه و استانداردتر کنید. همونطور که در لینک مورد نظر مشاهده خواهید کرد، در مورد هر موضوع لینک...

0 32 ۷ مرداد ۹۵ با عرض سلام خدمت تمامی دانشجویان دوره آموزشی ایلستریتور.در جلسه معرفی مروری خواهیم داشت بر نحوه برگزاری دوره و مواردی در مورد نرم افزار ایلستریتور را بررسی خواهیم کرد... در این جلسه می پرداریم به : معرفی دوره و نحوه برگزاری آن مروری تاریخپه ایلستریتور تصاویر pixel base چیست و مروری ب...

0 10 ۶ مرداد ۹۵ به نام خدا، دوستان سلام. توی این جلسه در مورد Fragment ها و کاربردشون صحبت می کنیم و برای با پیاده سازی Fragment ها آشنا بشویم از چند مثال ساده استفاده می کنیم. همچنین در مورد ایجاد دیالوگ و کاربرد زیاد آن صحبت خواهیم کرد و پیاده سازی آن را به شما دوستان گرامی آموزش خواهیم داد. مطالب...

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

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

0 101 ۵ مرداد ۹۵ به نام خدا و سلام. در خدمت شما هستیم با جلسه 32 ام از دوره مجازی پلاگین نویسی وردپرس. در این جلسه بحث خرید vip برای کاربر رو ادامه میدیم و راه های مختلف ثبت داده ها در دیتابیس برای این که کاربر رو به عضو ویژه تبدیل کنیم بررسی می کنیم. در ادامه هم چنین در مورد صورت حساب های کاربران و...

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

0 15 ۳ مرداد ۹۵ در این مطلب با ادامه آموزش Google Maps در خدمتتون هستیم. در جلسه قبل دو نمونه از موارد پیشرفته گوگل مپ رو بهتون نمایش دادم و در این جلسه نیز میخام دو نمونه دیگه از این موارد رو خدمتتون ارائه بدم. نمونه 5 : نمایش لایه ترافیک یا Traffic Google Maps امکانی رو در اختیار شما قرار میده که ...

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

0 20 ۳ مرداد ۹۵ تخفیـــفان اولیـــن مجموعه ارایه خرید گروهـی و تخفیـف در ایــران است که در سال 1390 تاسیـس شد و اکنـون در زمینههای متنوع مانند خدمات رفاهی و تفریحی، مراکز آموزشی، ورزشی، سلامت و کالا، بهترین پیشنهادهای روزانه را در اختیار کاربران قرار میدهد. مجموعه تخفیفان در طول این سالها همواره پیش...

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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که اومده و بصورت کامل در مورد طراحی دکمه نمایش بیشتر یا Show more که در بیشتر سایتا وجود داره، صحبت کرده. همونطور که میدونید سه روش متداول برای نمایش مطالب بیشتر وجود داره. اسکرول بی نهایت یا infinite scrolling صفحه بندی یا pagination دکمه نمایش بیشتر یا S...

<!DOCTYPE html> <html> <head> <title>Complex styled maps</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { width: 580px; height: 400px; } </style> </head> <body> <div id="map"></div> ...

5 168 ۱ مرداد ۹۵ به نام خدا. سلام، توی این جلسه می خواهیم یک لیست رو با استفاده از RecyclerView پیاده سازی کنیم و با مفاهیم Model ، Adapter و LayoutManager آشنا بشویم. همچنین در آخر جلسه ScrollView رو هم معرفی می کنیم. مطالب مطرح شده در این جلسه عبارتند از : Recycler View چیست؟ List View چیست؟ تفاوت...

0 58 ۱ مرداد ۹۵ به نام خدا و سلام. در جلسه 31 ام از دوره مجازی پلاگین نویسی در خدمت شما هستیم با طراحی فرم خرید عضویت vip . در این فرم کاربر عضویت و طرح مورد نظر رو انتخاب میکنه و با ارسال فرم عضویت ویژه براش فعال میشه. البته قبلش اعتبار سنجی های لازم برای کاربر انجام میشه. مثلا کاربر نباید عضو ویژه...

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

در این قسمت میخوام یک کد ( Browser in CSS ) جالب رو در اختیارتون بزارم. همونطور که دیدید ظاهر و رابط کاربری یک مرورگر با استفاده از CSS ساخته شده و تمام امکانات اون شبیه سازی شده. این مرورگر شبیه به مرورگر کروم موجود بر روی سیستم عامل Mac هست. میتونین از این کد ایده گرفته و از اون استفاده کنید. بدلی...