Profile cover photo
Profile photo
Amir-abbas Abdolali
6,661 followers -
A web designer who cares about web standards and usability
A web designer who cares about web standards and usability

6,661 followers
About
Posts

Post has attachment
هیچ پروژه ای نیست که روش کار کرده باشم و با specificity یا ارجحیت دستورات CSS مواجه نشده باشم. بالاخره وقتی حجم کد شما بالا میره یه سری از دستورات وزن بیشتری پیدا می کنن و برای خنثی کردنشون باید وزن اون دستورات رو کاهش بدید یا وزن دستورات دیگه رو بالا ببرید. در این مقاله درباره همین نوشتم که می تونید از اینجا بخونیدش
http://front-end.ir/ui/css-specificity/
Photo

Post has attachment
چطور در زمینه طراحی اینترفیس وب همیشه به روز باشیم؟

این سوال رو دوستان از من زیاد پرسیدن. گفتم اگر تو یه پست به شکل مفصل درباره‌اش بنویسم شاید به درد خیلی‌ها بخوره. برای همین به شکل یه پست منتشرش کردم که از اینجا می‌تونید بخونید:
http://front-end.ir/ui/how-to-keep-up-to-date-on-front-end-technologies/
Photo

Post has attachment
مدتها بود می‌خواستم فعالیت ورزشی که قبلا داشتم رو از سر بگیرم. متاسفانه فرصتش نمیشد. البته بهتره بگم همیشه بهانه بود که سمتش نرم. الان دارم سعی میکنم به طور منظم بدوم. کلا برای افرادی که کارشون به سبک کار ما هست و ساعت ها پشت میز می‌شینن دویدن از همه چیز مفید تره.
بالاخره الان دو سه ماهی هست که شرایطش فراهم شده و چیزهای زیادی رو تو همین سه ماه یاد گرفتم. شاید کسی باشه که علاقه داشته باشه که همین مسیر رو طی کنه. این اطلاعات اندکی میتونه تو وقتتون صرفه جویی کنه
پست رو اینجا بخونید:
http://front-end.ir/general/when-i-decide-to-run/
Photo

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

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

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

مطلب رو می‌تونید از اینجا بخونید 
http://front-end.ir/ui/how-to-center-a-box-with-css
Photo

Post has attachment
قابلیت های Emmet برای کدنویسی سریع CSS (قسمت آخر)

این هم قسمت آخر آموزش Emmet
آموزش های بعدی دیگه به شکل قسمت های متعدد نیست و با زمان بیشتر و در یک قسمت ضبط میشه
منتظر آموزش های بعدی باشید 

این فیلم رو از اینجا دانلود کنید
http://karazmoodeh.com/video/emmet-css-capabilities/
Photo

Post has attachment
آموزش Emmet – کلیدهای میانبر Emmet برای HTML (قسمت چهارم)

فیلمو از اینجا دانلود کنید
http://karazmoodeh.com/video/emmet-html-shortcuts/

فقط یه قسمت از این فیلم باقی مونده
 فیلم های بعدی به احتمال زیاد دیگه بیشتر از دو قسمت نمیشه و سعی میکنم موضوعات متنوع باشه :)
Photo

Post has attachment
این هم قسمت سوم از آموزش Emmet که مربوط هست به ایجاد ساختارهای پیچیده ی HTML با استفاده از Emmet

فیلمو از اینجا دانلود کنید
http://karazmoodeh.com/video/emmet-html-features-advanced/

دو قسمت دیگه از این سری فیلم باقی مونده ;)
Photo

Post has attachment
*آموزش Emmet- کدنویسی سریع HTML با استفاده از Emmet

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

http://karazmoodeh.com/video/emmet-html-features/
Photo

Post has attachment

Post has attachment
آموزش Emmet

فیلمش رو می تونید زا اینجا دانلود کنید
http://karazmoodeh.com/video/emmet-introduction-and-installation/

در صورت امکان به اشتراک بذارید

این فیلم 5 قسمت داره و تو این مجموعه من اکثر قابلیت های این پلاگین رو توضیح میدم که خیلی می تونه به بالا رفتن سرعت کدنویسی شما کمک کنه
Photo
Wait while more posts are being loaded