Frontend – дорожная карта
Разработка клиентской части сайтов всегда была и будет одной из самых востребованных тематик в IT. Держите дорожную карту по этому направлению и вперёд.
#роадмап#frontend
#css#frontend#dasturlash_hayoti
Drop shadow va Box shadow farqi
Frontend’da ishlaganda ko‘p uchraydigan narsalardan biri — soya berish
🔹box-shadow – elementning tashqi qismiga (div, button va h.k.) soya qo‘shadi.
🔹filter: drop-shadow() – esa elementning shakliga qarab soya beradi. Masalan, png rasmi fonidan tashqariga chiqmaydi.
Qisqasi:
box-shadow➡️to‘rtburchak shaklda soya
drop-shadow➡️haqiqiy kontur bo‘yicha soya
💻@dasturlash_hayoti— Dasturchilar uchun eng kerakli maslahatlar va foydali kontent
#css#frontend#dasturlashhayoti
⚙️ CSS darsi — inset xususiyati
Hech top, right, bottom, left’ni har safar alohida yozishdan charchaganmidingiz? 😅
Unda tanishing — inset
Bu xususiyat 4ta pozitsiya qiymatini bitta qatorda belgilash imkonini beradi.
Oddiy, ixcham va zamonaviy!
Misol:
.box {
position: absolute;
inset: 10px;
}
Bu quyidagiga teng:
.box {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
Qayerda ishlatiladi?
◾️position: absolute; yoki position: fixed; elementlarda
◾️Kodni soddalashtirish va tozalash uchun
◾️Layout’larda aniqlik kiritish maqsadida
Hozirda inset xususiyatini 98.36%brauzerlar qo‘llab-quvvatlaydi
inset — bu pozitsiyalashni soddalashtiruvchi va zamonaviy CSS xususiyati.
Endi kodlar yanada ixcham, toza va tushunarli bo‘ladi 😎
💻@dasturlash_hayoti — CSS, kod va dasturchilikka oid eng foydali maslahatlar shu yerda!
✅ Завтра
✅ Global Training Day #6
📅 17–18 марта / 10:30–14:00 (время Омское, МСК+2) / Омск, ул. Думская, д. 7, 5 этаж
💵 Бесплатно
📝 Регистрация тут: https://goo.gl/FGxkKH
Global Training Days — всемирная программа, которая проводит конференции по всему миру с 2012 года.
Опытные разработчики со всего мира вдохновляют новичков начать карьеру программиста. На этих конференциях вы не только получите полезную информацию о процессе разработки, но и тут же сможете применить на практике полученные знания: научитесь создавать свои первые сайты и несложные модули.
🔗 Программа: https://goo.gl/9aKgsP
#frontend#backend#Омск
☄️Если вы знаете, что такое ZX Spectrum, IBM, и даже «Фаэтон-1»
То сейчас вас охватит приступ ностальгии, а рука сама потянется к детским альбомам или …Dendy! В честь наступающего Дня разработчика решили вспомнить, с чего начинались первые шаги в IT авитовцев. В карточках — только часть историй, а все-все-все можно прочитать здесь. Только осторожно, там ооочень залипательно!
В комментариях поздравляйте и отмечайте коллег и, конечно, делитесь своими историями/фотографиями cо своими первыми гаджетами ⬇️
package main
import "fmt"
func main() {
fmt.Println("Поздравляем с Днём разработчика! 🎉")
#frontend#backend#go#tl
CSS’da cursor uchun mini-shpargalka
Veb-saytingizdagi elementlarga sichqoncha olib borganda kursorga turli ko‘rinishlar berish mumkin.
Masalan:
▪️cursor: pointer; — qo‘lcha bo‘lib chiqadi, bu element bosiladiganligini bildiradi.
▪️cursor: none; — kursorni butunlay yashiradi.
Quyidagi rasmda esa 16 ta eng ko‘p ishlatiladigan cursor turlari jamlangan.
💡Shu postni saqlab qo‘ying, keyingi safar dokumentatsiyani qidirib o‘tirmaysiz!
#CSS#Frontend#WebDasturlash
💻@dasturlash_hayoti— dasturchilar hayoti va dasturlash olami haqida qiziqarli loyiha!
В Latitude AI (на удаленку) требуется: Senior Analytics Engineer.
Из инструментов: Tableau / Superset. Есть релокация.
https://remotefirstjobs.com/companies/latitude/jobs/senior-analytics-engineer-780585
#foreign
#frontend
#remote
#relocation
Что-то на этой неделе получилось слишком много вниманияAI, но это финальный пост про него, отвечаю
В рамках рабочего эксперимента собрал штуку, которую уже не стыдно назвать мини-инструментом — Design Review Agent v1.0
По сути это жирный AI-агент, который сравнивает реализацию с макетом/референсом, подсвечивает зоны расхождений и на выходе генерирует небольшой отчёт
Работает в 4 режимах:
1️⃣ Скриншот из браузера ↔ Картинка дизайна
2️⃣ Скриншот из браузера ↔ Ссылка на Figma
3️⃣ Ссылка на страницу ↔ Картинка дизайна
4️⃣ Ссылка на страницу ↔ Ссылка на Figma
Самое кайфовое, что получилось завернуть это в полностью автоматизированный процесс. Есть команды для Cursor, а для Claude/Codex/ChatGPT — тупо запускающая фраза, и всё. То есть, можно в одно действие прогнать дизайн-ревью и сразу получить отчётик по расхождениям
Если хотите потыкать, всё расписал человеческим языком на GitHub:
🔗design-review-agent
P.s Конечно, это всё ещё баловство, грязь, собачий пот, трусы с черкашами, обоссаный стульчак... но я уже раз пять получал нормальный такой скелет для баг-листа, ещё и с размеченными зонами ошибок. Так что в этом определённо что-то есть. Попробуйте и напишите свои мысли в комменты
#AI#frontend#workflow#работа
#javascript#animation#frontend
Top 5 ta JS animatsiya kutubxonalari
1️⃣GSAP — Eng kuchli va professional animatsiya kutubxonasi.
👉gsap.com
2️⃣Anime.js — Soddaligi bilan mashhur, o‘rganish oson.
👉animejs.com
3️⃣ScrollReveal.js — Scroll paytida paydo bo‘ladigan animatsiyalar uchun.
👉scrollrevealjs.org
4️⃣Typed.js / TypeIt.js — Matn yozilayotgandek effekt beradi.
👉 typed-js demo
| typeitjs.com
5️⃣Velocity.js — jQuery animatsiyalariga tezroq alternativa.
👉 GitHub sahifasi
💡 Eng ko‘p ishlatiladiganlari: GSAP, Anime.js va ScrollReveal.js
Siz qaysi animatsiya kutubxonasidan foydalangansiz?
Izohlarda yozib qoldiring! 💬
💻@dasturlash_hayoti — JavaScript va frontend bo‘yicha eng foydali maslahatlar shu yerda!
Датавиз сообщество DVS ищет себе помощников на полставки удалённо!
😍👌
We’re hiring for two part-time, remote roles! Support our day-to-day operations as our Operations Manager. Help us manage the IIB Awards ceremony as our Ceremony Manager.
И вот ещё подборка вакансий от DVS
Insights Lead - Quantitative Insights Group at Gain.pro | Bangalore, India
Senior Data Visualization Lead at Pentagram | New York City (Log into DVS Slack to see full posting)
Graphics Intern at Scientific American | New York City
Director, Marketing Insights and Analytics at Temple University | Philadelphia, PA
#foreign
#dashboard
#frontend
#storytelling
#remote