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

Free site to search and download css reayd gadient backgrounds.
سایت باحالی که میشه گرادیانت‌های مختلف رو که تست‌شده اند به همراه کد دانلود و استفاده کرد

#css #gradient #free #design #website #site #ux #ui
@pythony

https://cssgradient.io/gradient-backgrounds

Ace your web developer interview with focus on fundamental HTML/JS/CSS
مصاحبه‌های فرانت‌اند رو با مثال‌های عملی این سایت بهتر انجام بدید که به جای تمرکز روی فریمورک‌ها روی دانش پایه HTML/CSS/JS کار میکنه.

#GUI #frontend #html #interview #js #javascript #css #challenge
@pythony

https://www.acefrontend.com

Front end interview preparation materials for busy engineers - trivias, coding, algorithms, front end system design and more!
هندبوک خوبی برای آماده‌سازی جهت مصاحبه‌های فرانت‌اند که شامل الگوریتم‌ها و دیزاین سیستم و کلی چیز دیگه مرتبط با این حوزه میشه.

#interview #frontend #practice #list #awesome #handbook #algorithm #system #design #css #javascript
@pythony

https://www.frontendinterviewhandbook.com

EnjoyCSS is an advanced CSS3 generator that allows you to get rid of routine coding for CSS.
با کمک این سایت میتونید کدهای روتین css ای خودتون رو سریعتر و راحت‌تر تولید کنید.

#css #tools #free #interactive #gradient #generate #code #generator
@pythony

https://enjoycss.com

Lusion is a creative studio specialized in creating immersive design, VR/AR, digital campaigns and installations. contain tons of creative ideas in website design.
سایت lusion یه سایت پر از ایده های خلاقانه UI/UX عه که دیدتون رو نسبت به دنیای جدید خلاقانه وب باز میکنه و کلی ایده جدید توی ذهنتون میکاره.

#frontend #ux #ui #design #creative #idea #project #frontend #js #css #html #interactive #experience
@pythony

https://lusion.co