Frontend-Resources

این منو با زیر منو تبدیل کنید.

جلسه 11 آموزش sass لینک منابع: https://sass-lang.com/guide ویدئو جلسه 11 👇 https://youtu.be/E04HU4Eerr0 برای تمرین این طرح تبدیل به HTML, CSS کنید، بعد در سایت codepen.io آپلود کنید. (با tailwind و sass انجام شود) https://dribbble.com/shots/14345813-Nav-Polish/attachments/6010401?mode=media #جلسات

این دو صفحه تبدیل شود.

جلسه 10 آموزش tailwindcss آشنایی با BEM لینک منابع: https://tailwindcss.com/ http://getbem.com/introduction/ ویدئو جلسه 10 👇 https://youtu.be/TF6V4Fgnmqw برای تمرین این طرح تبدیل به HTML, CSS کنید، بعد در سایت codepen.io آپلود کنید. (با tailwind انجام شود) https://dribbble.com/shots/15294741-Cryptocurrency-Mobile-Responsive #جلسات

فقط صفحه خانه درست کنید.

جلسه نهم واحدهای اندازه گیری در CSS لینک منابع: https://www.w3schools.com/cssref/css_units.asp ویدئو جلسه نهم 👇 https://youtu.be/IkEPUCOU0QY برای تمرین این طرح تبدیل به HTML, CSS کنید، بعد در سایت codepen.io آپلود کنید. https://dribbble.com/shots/15815409-Furniture-e-commerce-App/attachments/7630128?mode=media #جلسات

جلسه هشتم Flexbox لینک منابع: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ویدئو جلسه هشتم 👇 https://youtu.be/R7CZS4Zyzww تمرین: برای flexbox این چند تا بازی، تمرین کنید. https://flexboxfroggy.com/ https://codingfantasy.com/games/flexboxadventure/play https://mastery.games/flexboxzombies/ #جلسات

این فایل مرتبط با بحث کلاس کانتینر (container.) و توضیحات اولیه flex هست که درموردش توی جلسه هشتم صحبت شد ولی توی رکورد نیست

برای flexbox این چند تا بازی، تمرین کنید. https://flexboxfroggy.com/ https://codingfantasy.com/games/flexboxadventure/play https://mastery.games/flexboxzombies/

جلسه هفتم معرفی Property های CSS لینک منابع: https://www.w3schools.com/cssref/ ویدئو جلسه هفتم 👇 https://youtu.be/oWUPUw5p3W4 تمرین: برای تمرین این طرح تبدیل به HTML, CSS کنید، بعد در سایت codepen.io آپلود کنید. https://dribbble.com/shots/1646673-Share-Buttons #جلسات

جلسه ششم معرفی Property های CSS لینک منابع: https://www.w3schools.com/cssref/ ویدئو جلسه ششم 👇 https://youtu.be/P10GsFG-uOA تمرین: برای تمرین این طرح تبدیل به HTML, CSS کنید، بعد در سایت codepen.io آپلود کنید. (فقط همون قسمت که دورش خط قرمز کشیدم) #جلسات

ایا از کاراکترهای اسکی می تونم توی کانتنت سودوالمانهای before یا after بذارم و اصولا برای محتوای این سودو المانها چ محدودیتی وجود داره؟ مثلا میشه لینک یک عکس رو داد؟ من عکس گذاشتم کار نکرد.. جواب: خیر باید به HEX تبدیل بشه قبل کد HEX باید یه بک اسلش بزاری. مثال: .class-name::before{ content: '\0025'; } اینجا لیست کاملش هست: https://www.w3schools.com/cssref/css_entities.asp مثال برای عکس: .class-name::before{ content: content: url('//unsplash.it/500/500'); } #سوال

Property: box-shadow #css

جلسه پنجم معرفی Property های CSS لینک منابع: https://www.w3schools.com/cssref/ ویدئو جلسه پنجم 👇 https://youtu.be/X7uGu5eGiq4 تمرین: برای تمرین این طرح تبدیل به HTML, CSS کنید، بعد در سایت codepen.io آپلود کنید. #جلسات

این هم فقط بخش جویین لایو