Please open Telegram to view this post
VIEW IN TELEGRAM
😁13👍4🔥2
#css
`text-stroke`
stil xususiyati matnning harflari va belgilariga kontur rangini va qalinligini bir vaqtning o'zida belgilaydi. Lekin gradient yaratish uchun 2 xususiyatni qo'shish kerak: `background-clip: text`
va `background-image: linear-gradient`
.<h1>Hello frontend.t.iss.one</h1>
body {
background-color: #000119;
display: grid;
font-family: sans-serif;
place-items: center;
}
h1 {
background-clip: text;
background-image: linear-gradient(to right, #09f1b8, #00a2ff, #ff00d2, #fed90f);
font-size: 100px;
-webkit-text-stroke: transparent 6px;
}
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥8❤4👏3
This media is not supported in your browser
VIEW IN TELEGRAM
#javascript #kutubxona
FullPage.js - bu JavaScript kutubxonasi (library) yangi qatordan foydalanib bir-biriga o'tish (scrolling) asosida to'la sahifa (full page) yaratishga yordam beradi.
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10⚡4🔥2
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16⚡5👍3🏆1🆒1
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode
Foydalanish uchun extension'ni o'rnatib, buyruqlar palitrasini oching
(Cmd+Shift+P / Ctrl+Shift+P)
va “random”
deb yozing, bu sizga mavjud ma’lumotlar generatorlarini ko’rsatadi.@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍3⚡1🆒1
Frontend vacancy
Karyerasini boshlamoqchi boʻlib yurgan React'chilar uchun amaliyot 👆
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍2
😱8👍4💯2🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
#javascript
Top 5 ta Js animatsion kutubxonalari
1. Gsap
2. AnimeJs
3. ScrollReveal.js
4. Typed.js / Typeit.js
5. Velocity.js
Izohlarda qo'shimcha qilish mumkin
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8❤4🔥4
#css
Chiziqli matn hosil qilishda
text-shadow
xususiyati ishlatiladi. Soya Y o'qi bo'ylab biroz siljiydi, bu esa engil chuqurlik effektini yaratadi..recessed {
font-size: 50px;
font-weight: 800;
text-align: center;
text-shadow: 2px 2px 2px rgba(255,255,255,0.3);
background-color: #b9b9b9;
background-clip: text;
color: transparent;
font-family: 'M PLUS 1p', sans-serif;
}
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍6❤2👏2
Please open Telegram to view this post
VIEW IN TELEGRAM
😁40🔥2🫡2
Frontend
#quiz #javascript console.log("5" + 3); console.log("5" - 3); @frontend
Konsolda qanday natija chiqadi?
Anonymous Quiz
8%
8 va "23"
24%
"53" va "23"
48%
"53" va 2
20%
8 va 2
👍13😱4🏆2
Frontend vacancy
VueJs bo'yicha yangi vakansiya 👆
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥4😱2🫡2
Frontend
❤️ Sticker
Reaksiyalani 👍 BOMBA qilib tashlayleeek
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21👍3🫡3🗿2❤1
#javascript #beginner
#10DaysOfJS
1-kun: Character and Words Counter
2-kun: Speech to Text
3-kun: To-Do list
4-kun: Quotes genrator
5-kun: Hotel Menu list
6-kun: Form validation
7-kun: Recipe App
8-kun: Movie App
9-kun: Budget App
10-kun: Portfolio
Loyihalarning kod manbayi:
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👍5
#vuejs
Vue.js, Vue Router, Pinia haqida asosiy tushunchalar haqida qisqa ma’lumotlar beruvchi sayt.
Quyidagi mavzularni o'z ichiga oladi:
v-bind, v-on, {{ }}, v-html, v-show, v-if, v-else, v-else-if, v-for, v-once, v-model, v-on, v-pre, v-memo, v-cloak
va boshqalar.@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4⚡2🔥1
#javascript #quiz
let arr = [1, 2, 3];@frontend
function modifyArray(array) {
array.push(4);
}
modifyArray(arr.splice(1));
console.log(arr);
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡4🔥1😱1
Frontend
console.log(arr);
👍5😱5🔥3🗿1