جهت ورود به تالار گفتمان سایت کلیک کنید


یکی از کارهایی که تا بحال قادر به انجام آن نبودیم , تغییر رنگ PlaceHolder در input ها می باشد . PlaceHolder یک خاصیت Html می باشد که می تواند متنی را به صورت پیشفرض در input ها قرار دهید تا به محض کلیک کردن بر روی input ها این متن پیشفرض پاک شده و […]

درج ربان سه بعدی با استفاده از Css3 … ترفندی بسیار جالب و ساده با استفاده از Css3 که میتوانید برای تیتر های وب سایت خود استفاده نمایید و طراحی خود را زیباتر نمایید …

در این پست از وب سایت اسکریپت دات کام قصد آموزش ایجاد یک بک گراند متحرک به صورت Gradient را دارم که امیدوارم مورد استفاده شما عزیزان قرار گیرد . گرادینت به معنای شیب یا سطح شیب دار است، در دنیای گرافیک به تصویری که ازطیف رنگ های مختلف به صورت شیب دار ایجاد می […]

یکی از امکانات جالبی که در css3 معرفی شده برطرف کردن مشکلی قدیمی و دردسر ساز می باشد … این مشکل هنگامی به وجود می آید که شما در درون یک کادر , نوشته ی طولانی دارید و طبیعتا این نوشته ها پس از رسیدن به انتهای کادر , شکسته و بقیه آن به سطر […]

یکی از فاکتور های بسیار مهم در بهینه سازی وب سایت و سئو , فشرده سازی فایل های html , css و js میباشد . این کار باعث میشود فضاهای خالی بین کد نویسی گرفته شود که در نتیجه باعث کم حجم تر شدن فایل و در ضمن تفسیر سریعتر کد ها توسط مرورگر میشود […]

در زمان های قدیم تر اکثر Loading ها به صورت فایل عکسی با پسوند gif بود . مشکل اصلی این Loading ها عدم پذیرش افزایش سایز و از آن بدتر , رنگ و کیفیت نامطلوب آن بود . با روی کار آمدن css3 و Jquery راه های آسانتری برای ساخت آنها به وجود آمد که […]

یکی از بزرگترین مشکل هایی که پیرامون ریسپانسیو ساختن وب سایت وجود دارد , ساخت جدول ذر این نوع وب سایت ها میباشد . جداولی که دارای تعداد ستون های زیادی هستند , در موبایل به دلیل پهنای کم ,  بسیار جمع شده و به صورت ناخوانایی در می آیند . در این پست از […]

در این پست از وب سایت اسکریپت دات کام قصد آموزش ایجاد افکت بارش برف در پس زمینه وب سایت را دارم . در زمان های قدیم با استفاده از جاوا اسکریپت کدی برای ریزش برف را داشتیم که بسیار ساده و غیر واقعی به نظر میرسید . اما حال با وجود Css3 و جی کوئری […]

تغییر رنگ PlaceHolder در input ها به وسیله Css3

یکی از کارهایی که تا بحال قادر به انجام آن نبودیم , تغییر رنگ PlaceHolder در input ها می باشد .

PlaceHolder یک خاصیت Html می باشد که می تواند متنی را به صورت پیشفرض در input ها قرار دهید تا به محض کلیک کردن بر روی input ها این متن پیشفرض پاک شده و آماده ی تایپ کردن توسط کاربر شود .

ادامه مطلب

آموزش پس زمینه متحرک به صورت Gradient

در این پست از وب سایت اسکریپت دات کام قصد آموزش ایجاد یک بک گراند متحرک به صورت Gradient را دارم که امیدوارم مورد استفاده شما عزیزان قرار گیرد .

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

ادامه مطلب

قرار دادن سه نقطه در انتهای متن های طولانی با css3

یکی از امکانات جالبی که در css3 معرفی شده برطرف کردن مشکلی قدیمی و دردسر ساز می باشد …

این مشکل هنگامی به وجود می آید که شما در درون یک کادر , نوشته ی طولانی دارید و طبیعتا این نوشته ها پس از رسیدن به انتهای کادر , شکسته و بقیه آن به سطر بعدی میرود .

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

با ما در ادامه همراه باشید تا این مشکل را برای همیشه از بین ببریم …

ادامه مطلب

فشرده سازی ( MiniFy ) کدها و تاثیر آن بر سئو

یکی از فاکتور های بسیار مهم در بهینه سازی وب سایت و سئو , فشرده سازی فایل های html , css و js میباشد .

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

به این کار در اصطلاح Minify میگویند …

واضح است فشرده سازی یک مشکل جدید را پیش می آورد که همان از بین رفتن چیدمان ( قانون Child & Parent ) کد ها میباشد . پس باید به خاطر داشته باشید زمانی که کدنویسی شما به طور کامل انجام شد , قبل از آپلود کد بر روی سایت این فشرده سازی را انجام دهید .

ادامه مطلب

آموزش ساخت Loader با استفاده از Css3

در زمان های قدیم تر اکثر Loading ها به صورت فایل عکسی با پسوند gif بود .

مشکل اصلی این Loading ها عدم پذیرش افزایش سایز و از آن بدتر , رنگ و کیفیت نامطلوب آن بود .

با روی کار آمدن css3 و Jquery راه های آسانتری برای ساخت آنها به وجود آمد که قصد دارم یک راه بسیار ساده و آسان با استفاده از Css3 را برای شما کاربران گرامی آموزش دهم …

ادامه مطلب

آموزش طراحی Table های ریسپانسیو در وب سایت

یکی از بزرگترین مشکل هایی که پیرامون ریسپانسیو ساختن وب سایت وجود دارد , ساخت جدول ذر این نوع وب سایت ها میباشد .

جداولی که دارای تعداد ستون های زیادی هستند , در موبایل به دلیل پهنای کم ,  بسیار جمع شده و به صورت ناخوانایی در می آیند .

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

ضمنا علاوه بر آموزش این کار , سعی بر ساخت یک جدول ساده , زیبا و شیک را هم داریم …

ادامه مطلب

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

در این پست از وب سایت اسکریپت دات کام قصد آموزش ایجاد افکت بارش برف در پس زمینه وب سایت را دارم .

در زمان های قدیم با استفاده از جاوا اسکریپت کدی برای ریزش برف را داشتیم که بسیار ساده و غیر واقعی به نظر میرسید . اما حال با وجود Css3 و جی کوئری میتوانیم افکت ریزش برف در وب سایت را به صورت حرفه ای تر و در فضای واقعی تر در وب سایت داشته باشیم .

ادامه مطلب