❗️Мегаважный чек-лист для Front-end разработчиков
Содержит полный список элементов, которые нужны для запуска вашего сайта: мета теги, иконки, заголовки, html тэги и тэги для SEO.
Все рекомендации разделены на 3 уровня важности:
- Low: пункт рекомендован, но может быть пропущен.
- Medium: крайне рекомендован, редко может быть пропущен.
- High: пункт обязателен.
Каждая рекомендация подробно описана, и даны примеры к ней.
Пользуйтесь — https://github.com/thedaviddias/Front-End-Checklist
#frontend#github
😣 — У этого элемента bouncy нужен, а ты поставил smooth
🍷 — Да хуй знает, у тебя в Figma так, а в коде иначе
Бывало такое? Когда вы с разработкой не можете договориться, какая анимация должна быть и всё, тупик. Но знаете что, для ликвидации этой проблемы есть один опенсорс-проект, который снижает путаницу при работе с разными типами анимаций
Это прямо алмазик среди гор непонятности. Вы только гляньте, можно сбилдить полноценное демо-приложение для macOS с интерактивным изучением и сравнением анимаций в SwiftUI. Если хотите разобраться, как ведут себя разные анимационные кривые, подобрать правильные параметры для своих приложений и попасть пуля в пулю с макетами — смело берём:
🔗SwiftUI Animation Playground
Доступно 9 типов анимаций:
.spring, .smooth, .snappy, .bouncy, .easeIn, .easeOut, .easeInOut, .linear и .interpolatingSpring
Опции настройки:
duration, hold, shape, bounce, stiffness, damping
В режиме сравнения до трёх анимационных кривых параллельно
❌
В эту же тему напомню, что ранее писал про кастомизируемый движок с управляемой физикой в SwiftUI — Kinetics
#dev#frontend#анимация
#vuejs#frontend#dasturlash_hayoti
💚Vue.js’da v-if va v-show orasidagi farq
Vue’da elementlarni ko‘rsatish yoki yashirishda ikkita direktiva bor: v-if va v-show. Ular bir xil vazifani bajaradi, lekin ishlash usuli boshqacha
v-if
— Element faqat shart rost bo‘lsa DOM’da paydo bo‘ladi.
— Shart yolg‘on bo‘lsa, element DOM’dan butunlay olib tashlanadi.
— DOM qayta yaratilgani uchun ishlashi sekinroq.
Misol:
<button v-if="isAdmin">
Admin panelga kirish
</button>
✅isAdmin = true → tugma DOM’da yaratiladi.
❌isAdmin = false → tugma DOM’da umuman yo‘q bo‘ladi.
🟩🟩🟩🟩🟩🟩🟩🟩
v-show
— Element har doim DOM’da mavjud.
— Faqatgina CSS (display: none) orqali yashiriladi yoki ko‘rsatiladi.
— Tez ishlaydi, chunki DOM qayta yaratilmaydi.
Misol:
<button v-show="isLoggedIn">
Profilga kirish
</button>
✅isLoggedIn = true → tugma ko‘rinadi.
❌isLoggedIn = false → tugma DOM’da bor, lekin ko‘rinmaydi.
🟩🟩🟩🟩🟩🟩🟩🟩
💡 Xulosa:
◾️Agar element kamdan-kam ko‘rinadigan bo‘lsa → v-if
◾️Agar element tez-tez ko‘rinib-yashiriladigan bo‘lsa → v-show
💻@dasturlash_hayoti— Dasturchilar uchun eng kerakli maslahatlar va foydali kontent