مطالب وب

Codepen در هفته ای که گذشت! #11

در یازدهمین سری از برترین های Codepen المان هایی رو معرفی می کنیم تا با استفاده از اونا و اعمال کمی تغییرات بتونید تکنیک های جدید و خاصی رو یاد بگیرید.. فقط کافیه در کدهای CSS هر کدوم از این Pen ها تغییرات رو اعمال کنید و در نهایت نتیجه کار رو مشاهده کنید.. با مجیدآنلاین همراه باشید.

Codepen در هفته ای که گذشت! #10

هر هنر تصویری دیجیتالی از پیکسل ساخته شده پس آن را می توان یک هنر پیکسلی نامید. PixelArt یعنی هنر ساخت یک تصویر تنها با استفاده از Pixel ها. امروز 10 پن برتر از سایت Codepen که با HTML و CSS هنرهای پیکسلی اجاد کردند را خواهیم دید. با مجیدآنلاین همراه باشید.

Sass یا LESS ؟

روز به روز طرح های جدیدی ابداع میشه و همچنین جزئیات زیادی به CSS های پروژه اضافه میشه. دلیل وجود پیش پردازنده ها , افزایش کارایی و سرعت کدنویسی CSS است. پیش پردازنده هایی مثل LESS , Sass , Stylus , ... اما سوال اصلی اینه که از کدام یک استفاده کنیم؟

LESS جایگزینی قدرتمند برای CSS

فکرش رو بکنین که بتونید با CSS برنامه بنویسید!! بتونید متغیر تعریف کنید و در جای جای برنامه ازش استفاده کنید و یا توابعی رو تعریف کنید و اونها رو در جاهای مختلف فراخوانی کنید. اینجوری هر زمان که نیاز به تغییر داشتید فقط کافیه متغیرتون رو تغییر بدید یا در ساختار توابعتون اصلاحاتی رو اعمال کنید. در نتیجه سرعت CSS نوشتن برای شما خیلی بالا میره و همچنین شما تبدیل به یک طراح حرفه ای میشید.

Codepen در هفته ای که گذشت! #9

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

Codepen در هفته ای که گذشت! #7

سنگین شدن و در نتیجه کاهش سرعت بارگذاری یک سایت از ویژگی های منفی اون سایت بشمار میاد . استفاده از SVG می تونه این مشکل رو به راحتی حل کنه . امروز 10 نمونه برتر از سایت Codepen رو که با SVG مرتبط هست معرفی کردیم. امیدوارم براتون مفید واقع بشه.

Codepen در هفته ای که گذشت! #6

در مسیر پیاده سازی یک پروژه گاهی به المان هایی نیاز داریم که برای کدنویسی آنها از ابتدا , زمان زیادی را باید صرف کنیم مانند یک فرم ورود و ثبت نام یا یک اسلاید شو .اما می توان با جستجو در اینترنت از نمونه های رایگان و آماده استفاده کرد و در صورت نیاز آن ها را ویرایش کرد. امروز 10 نمونه برتر ازسایت Codepen در هفته ای که گذشت را برای شما منتشر کردیم. امیدواریم برای شما مفید واقع شوند.

نسخه چهارم از یک فریمورک فوق العاده

بهترین فریمورک برای طراحی یک وب سایت رسپانسیو چیزی نیست جز بوت استرپ. با کدهای HTML و CSS در قالب این فریمورک محبوب میتونید به راحتی یک وب سایت کاملا واکنش گرا طراحی کنید. با گذشت زمان و پیشرفت تکنولوژی , این فریمورک هم پیشرفت کرده و کمتر از یک هفته پیش نسخه چهارم خودش رو برای دانلود و استفاده بر روی سایت خود قرار داده. امروز میخواهیم امکانات جدید این نسخه رو مورد بررسی قرار بدیم.

26 پلاگین فوق العاده با jQuery

جی کوئری یک کتابخانه از جاوااسکریپت ( یا به عبارتی یک فریم ورک برای نوشتن جاوااسکریپت ) است که برای سهولت در استفاده از جاوااسکریپت از این کتابخانه استفاده می کنیم. با استفاده از این کتابخانه می توانید برای زیباسازی سایت خود افکت های بسیار زیبایی در وب اعمال نمایید. در این مقاله سعی کردیم با معرفی 26 پلاگین پر استفاده و فوق العاده جی کوئری، جذابیت های این کتابخانه محبوب را برای شما کاربران به نمایش بگذاریم .