HTML darslari 5-dars. CSS . Style
Assalomu alaykum Hurmatli o'quvchilar!
HTML ni o'rganishni davom ettiramiz. Ushbu darsimizda
CSSПоиск по тегам
Assalomu alaykum Hurmatli o'quvchilar!
HTML ni o'rganishni davom ettiramiz. Ushbu darsimizda
CSS yordamida menyu animatsiyasini yaratamiz
Maqola o‘zimga o‘xshagan boshlang‘ich verstalshik va web-dasturchilarga qandaydir foyda beradi, degan umidda yozdim.
Ko‘pchilik animatsiyalar odatda jQuery orqali qilinadi. Lekin buning bitta yomon tomoni bor: agar javascript ishlamaydigan qilingan bo‘lsa yoki umuman javascriptni qo‘llamaydigan brauzer bo‘lsa, web-sahifangizning bor go‘zalligi havoga uchadi. Demak, imkoni boricha animatsiyalarni CSS’da qilgan ma’qul.
Читать дальше
Ko‘pchilik animatsiyalar odatda jQuery orqali qilinadi. Lekin buning bitta yomon tomoni bor: agar javascript ishlamaydigan qilingan bo‘lsa yoki umuman javascriptni qo‘llamaydigan brauzer bo‘lsa, web-sahifangizning bor go‘zalligi havoga uchadi. Demak, imkoni boricha animatsiyalarni CSS’da qilgan ma’qul.
CSS/HTML/JS larda Androidga dastur tuzamiz (PhoneGap, Cordova)
Salom. Ayrim sabablarga ko'ra NodeJS, Cordova, JQueryMobile haqida o'rganishga majbur bo'ldim. Ochig'i bular haqida eshitmangaman lekin hali ishlab ko'rmagandim. Shu tufayli oxirgi ikki kunda o'rganganlarimni sizlarga ham baham ko'rmoqchiman. Boshida qiyin deb o'ylagandim lekin qarasam juda ososn ekan. Shu tufayli manimcha sizlarga ham oson bo'ladi.
Kerakli ssilkalar:
NodeJs: nodejs.org/
Apache Cordova: cordova.apache.org/
JQueryMobile: jquerymobile.com/
Читать дальше
Kerakli ssilkalar:
NodeJs: nodejs.org/
Apache Cordova: cordova.apache.org/
JQueryMobile: jquerymobile.com/
CSS yordamida moslashuvchan fotogalareya yaratish
Ushbu maqolada moslashuvchan fotogalareyani CSS ning o'zida yaratishni ko'ramiz. Moslashuvchan galareyada rasmlar o'lchami va maket ekran razmeriga avtomatik moslashishi kerak. Ushbu usulni men Turkcha-O'zbekcha Lug'at ilovasida foydalandim.
Moslashuvchan web-dizayn: viewport
Ko’pchilik web developerlar meta tegida viewreport atributiga ko’p duch kelishgan va ushbu maqolada bu atributni vazifasi va ishlatilishini ko’rib chiqamiz.
Читать дальше
<meta name="viewport" content="initial-scale=1">Moslashuvchan web-dizaynlar: CSS media so’rovlar
CSS 2.1 chiqqanidan boshlab, “media type” lar orqali har hil qurilmalar uchun stil yozish osonlashdi. Agar “print style sheet” (sahifani printerdan chop qilish uchun berilgan holatdagi dizayn) yozgan bo’lsangiz, konseptsiyasi bilan tanish bo’lsangiz kerak:
Читать дальше
<link rel="stylesheet" type="text/css" href="core.css"
media="screen" />
<link rel="stylesheet" type="text/css" href="print.css"
media="print" />
“Moslashuvchan(Responsive)” web-dizaynlar (2-qism)
1-maqolaning davomi…
Moslashuvchan rasmlar
Moslashuvchan dizaynlar bilan ishlayotganda kelib chiqadigan eng asosiy muammolardan biri bu rasmlar bilan ishlashdir. Rasm o’lchamini proporsional(har tomonini teng) o’zgartirish uchun ko’plab usullar bor va ba’zilar judayam oson.
Читать дальше
Moslashuvchan rasmlar
Moslashuvchan dizaynlar bilan ishlayotganda kelib chiqadigan eng asosiy muammolardan biri bu rasmlar bilan ishlashdir. Rasm o’lchamini proporsional(har tomonini teng) o’zgartirish uchun ko’plab usullar bor va ba’zilar judayam oson.
“Moslashuvchan(Responsive)” web-dizaynlar(1-qism)
Hozirgi kundagi har bir internet foydalanuvchisi o’zlarining kundalik web-saytlarining mobil versiyasi ham bo’lishini hohlashadi. Buni amaliy jihatdan olib qaraganda bir dizayn har bir qurilma ekraninga mos tushishi muhimdir. Keyingi yillarda yana biz boshqa kashfiyotlar uchun ham dizayn qilishimizga to’g’ri keladi. Ushbu maqolani yozishga undagan asosiy sabab, mobil uchun web-ilovalar yaratishni o'rganayotganim bo'ldi. mobil telefon uchun web-ilovalar yaratish uchun, albatta moslashuvchan web-dizaynni o'rganib chiqish muhimdir.
jQuery va CSS yordamida oddiy DROP-DOWN menyu yaratish
Ushbu misol CSS, HTML va jQuery yordamida amalga oshiriladi va jQuerydan boshlang’ich bilimlar yetarli. Drop-Down menyu haqida web-dasturchilar yaxshi biladilar.
Читать дальше