امین بهشتی

Design Tutorials

طراحی وِب و گرافیک

آیکون‌های مسطح با استفاده از CSS

Font Awesome این امکان را به ما می‌دهد که آیکون‌های وِکتوری ایجاد کنیم و مواردی مثل رنگ، سایز، سایه و هر چیزی که توسط CSS قابل انجام هست را روی آنها به سادگی اعمال کنیم. حال فردی بنام Scott Marshall با کمک این فونت‌ها یک سری آیکون مسطح یا به اصطلاح Flat ایجاد کرده که دیدن و مطالعه کردن کدهای آن خالی از لطف نمی‌باشد!

گالری عکس CSS3 با اِفِکت Lightbox

در این آموزش ما تنها با کُدهای CSS3 یک گالری عکس ساده با اِفِکت Lightbox خواهیم ساخت. ایدۀ ما این است که یک سری تصاویر بندانگشتی در گالری داشته باشیم که قابل کلیک کردن باشند و زمانی که روی آنها کلیک می‌کنیم، عکس مربوطه در اندازۀ بزرگ‌تری در استایل Lightbox نمایش یابد. این نمایش به‌صورت یک پنجرۀ pop-in با یک لایۀ semi-transparent می‌باشد که بقیه صفحه را می‌پوشاند و با کلیک کردن بر روی لایه، از وضعیت نمایش تصویر درمی‌آید و به صفحۀ قبلی (گالری) بازمی‌گردد.

نحوۀ ایجاد اسلایدر تصویر با استفاده از jQuery و CSS3

در این آموزش ما یک اسلایدر تصویر را با استفاده از اسکریپت جی‌کوئری اسلایدر Nivo خواهیم ساخت. دلیل استفادۀ ما از این اسکریپت، قدرت و کارآیی بالا و همچنین رایگان بودن آن می‌باشد. این اسکریپت ۱۶ اِفکت transition دارد، ساده است، انعطاف‌پذیر است و بسیاری امکانات مناسب دیگری نیز دارد. تقریباً می‌شود در هر جا و هر نوع پروژه‌ای شامل وب‌سایت‌ها و پوسته‌های شخصی و تبلیغاتی از آنها استفاده کرد. در این آموزش کدنویسی اسلایدر تصویری را انجام خواهیم داد که توسط Vladimir Kudinov ساخته شده است.

طرّاحی سریع یک صفحۀ تیزر جذاب

در این آموزش، شما نحوۀ طرّاحی یک صفحۀ تیزر را یاد می‌گیرید که تنها با CSS طراحی شده است و هیچ عکس یا طرح Photoshop در آن استفاده نشده است. اکثر وب‌سایت‌ها و برنامه‌های آینده از طریق صفحات تیزر عمومیت زیادی کسب می‌کنند، بنابراین صفحات تیزر یک ابزار مفیدی می‌باشند که به جعبه ابزار خود اضافه کنید. می‌توانید از این صفحات در هر برنامه و یا وب‌سایت که آماده راه‌اندازی است استفاده کنید.

آموزش ساخت یک فرم تماسِ یک دست و جذاب با استفاده از PHP و jQuery

خوب برای اولین پستِ وب سایت می‌خوام یک آموزش بسیار مفید و کاربردی برای شما بازدیدکنندگان محترم بزارم!

این آموزش به شما نشان می‌دهد که چگونه می‌توانید یک فرم تماسِ روان و یک دست و با ظاهر جذاب درست کنید که بازدیدکنندگان بدون ترک صفحۀ مورد نظر بتوانند از آن استفاده کنند. فرم‌های تماس می‌توانند راه مناسبی برای برقراری ارتباط کاربران با صاحب سایت باشند. استفاده از این فرم‌ها ساده بوده و از آنجایی که ایمیل صاحب سایت را نمایش نمی‌دهند، جلوی بسیاری از هرزه‌نامه‌ها (spam) را می‌گیرند.