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

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