guidelines for writing sane, manageable, scalable CSS
راهکارهایی برای نوشتن بهتر و تمیزتر فایل های css

#css #tips #best_practice
thanks to: Om!D
@pythony

cssguidelin.es

HTML, CSS and javascript tutorials
آموزش های ساده و روان HTML و CSS و جاوااسکریپت

#html #css #js #tutorial
@pythony

htmldog.com

Look up HTML5, CSS3, etc features
امکانات مختلفی که در HTML5 و CSS3 و ... اضافه شده اند را در این سایت بصورت دسته بندی شده فرا بگیرید

#html #css #html5
thanks to: Om!D
@pythony

html5please.com

Valuable resources for front-end development
منابع ارزشمندی برای برنامه نویسی سمت کلاینت و مخصوصا CSS

#frontend #css #design
thanks to: ‌Amir Reza
@pythony

freefrontend.com

Front-end coding challenges
سایتی برای اشتراک‌گذاری و حل چالش‌های برنامه‌نویسی فرانت‌اند

#challenge #css #web
thanks to: OmiD

codier.io

Collection of front-end links and resources
مجموعه ای از منابع برنامه نویسی فرانت اند

#frontend #js #css #html
thanks to: Om!D
@pythony

simurai.com/blog/2014/10/01/front-links

Create HTML presentations in seconds
اگه با HTML آشنا هستین و میخواین خیلی سریع یه Presentation بسازید به جز powerpoint و prezi و impress.js و reveal.js یه گزینه باحال دیگه هم ظاهرا به اسم webslide داریم :))

#slide #html #css #simple
@pythony

webslides.tv

A Free visual guide to CSS
راهنمای تصویری رایگان برای یادگیری CSS و مخصوصا موارد جدید اضافه شده در CSS3

#css #css3 #visual #guide #refrence #free
@pythony

cssreference.io

Easy to use CSS animations with its class code and key-frames
در این سایت به راحتی انیمیشن‌های CSS ای خودتون رو بسازید و از کدهای CSS ای که اتوماتیک تولید میکنه توی پروژه‌تون استفاده کنید

#animation #CSS #interactive #free
@pythony

https://animista.net

Short code snippets for all your development needs
قطعه کدهای کاربردی و کوچک از زبان‌ها و تکنولوژی‌های مختلف که در یکجا جمع‌آوری شده‌اند

#snippet #short #tutorial #python #go #golang #javascript #php #react #css #dart
@pythony

30secondsofcode.org

Curated list of design and UI resources for developers.
لیست خوبی از سایت‌های مرتبط با طراحی رابط کاربری که بدرد برنامه‌نویسان می‌خورد.

#design #UI #css #template #tools #list #curated
@pythony

https://github.com/bradtraversy/design-resources-for-developers

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.
مجموعه‌ای از افکت‌های CSS3 که میشه روی دکمه‌ها و عکس‌ها و کلی چیز دیگه ازشون استفاده کرد.

#hover #css #css3 #effect #collection
@pythony

https://ianlunn.github.io/Hover

Real-life coding challenges to become Front-end engineer.
پروژه‌های عملی و چالشی برای تقویت مهارت‌های برنامه‌نویسی front-end

#challenge #frontend #js #javascript #css #practice #practical
@pythony

https://devchallenges.io

Friendly web development tutorials for complete beginners
یادگیری مفاهیم پایه HTML و CSS برای مبتدیان و تازه‌کاران علاقه‌مند به برنامه‌نویسی وب

#html #css #tutorial #web #development #beginner
@pythony

internetingishard.com

Online game that makes 2-dimensional grid layouts in CSS a piece of cake. With it you can define columns, rows, and grid template areas.
یه بازی آنلاین که باید مسایلی رو به صورت دوبعدی با CSS حل کنید تا مفاهیم grid رو باحال تر درک کنید :)

#css #game #gamification #tutorial #interactive #grid
@pythony

cssgridgarden.com

A great game for learning CSS selectors. 32 levels teach you the basics of how CSS selectors work.
یه بازی باحال برای یادگیری selector ها توی CSS که ۳۲ مرحله داره و بصورت interactive میشه باهاش selector های CSS رو یاد گرفت.

#css #game #interactive #fun #tutorial
@pythony

https://flukeout.github.io

A classic tower defense game with a CSS twist - all the turrets and traps in the game are positioned using the flexible box layout.
یه بازی فان توی سبک tower defense برای مفهوم flex box توی CSS

#css #flex #flexbox #layout #flexible #interactive #game #gamification #fun
@pythony

http://www.flexboxdefense.com

This page helps you choose the right easing function in css.
این سایت بهتون کمک میکنه که تابع‌های مختلف easing انیمیشن‌های css تون انتخاب کنید و تفاوتش رو در عمل ببینید.

#design #css #transition #animation #function‌ #time #css3 #transform #gradient
thanks to: Hamid Bluri
@pythony

https://easings.net