Netlify: https://figma-landd.netlify.app/
Github: https://github.com/bekzodxudaybergenow/figma-land
Figma: figma-land-maket
Izoh: Bu loyihada header nav harakatlanganda(scroll Y-o'qi) bo'yincha soya(box-shadow) chiqarishda qiynaldim.
#website
Github: https://github.com/bekzodxudaybergenow/figma-land
Figma: figma-land-maket
Izoh: Bu loyihada header nav harakatlanganda(scroll Y-o'qi) bo'yincha soya(box-shadow) chiqarishda qiynaldim.
#website
Figma: article-preview-component-maket
Netlify: https://open-enterprise-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/open-enterprise
Qiyinchiliklar: Novel Mono Pro font-family 500, 700 font-weight ni topolmadim. Sidebar menu ochilyotganida va yopilyotganida tezligini pasaytira olmadim. Line-height ni o'rtaga keltira olmadim.
#website
Netlify: https://open-enterprise-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/open-enterprise
Qiyinchiliklar: Novel Mono Pro font-family 500, 700 font-weight ni topolmadim. Sidebar menu ochilyotganida va yopilyotganida tezligini pasaytira olmadim. Line-height ni o'rtaga keltira olmadim.
#website
Figma: Positivus-landing-page-design
Netlify: https://positivus-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/positivus-landing-page
Qo'shimcha foydalanildi: TinyPNG, SVGOMG, Swiperjs
Qiyinchiliklar: Sidebarda qiynaldim, har doimgidan biroz boshqacha kelganligi sababli. Swiperjs companiya logatiblarini qo'yish, ayniqsa moslashuvchan qilishda ko'p vaqtni oldi, shu qismini hozircha shunday qoldiraman. Yana swiperjsda, bu gal case bo'limda, oxirida biroz joy qolyabdi.
#website
Netlify: https://positivus-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/positivus-landing-page
Qo'shimcha foydalanildi: TinyPNG, SVGOMG, Swiperjs
Qiyinchiliklar: Sidebarda qiynaldim, har doimgidan biroz boshqacha kelganligi sababli. Swiperjs companiya logatiblarini qo'yish, ayniqsa moslashuvchan qilishda ko'p vaqtni oldi, shu qismini hozircha shunday qoldiraman. Yana swiperjsda, bu gal case bo'limda, oxirida biroz joy qolyabdi.
#website
Figma: Truck-landing-page-design
Netlify: https://truck-landing-page-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/truck-landing-page
Qo'shimcha foydalanildi: TinyPNG, SVGOMG, swiper.js
Qiyinchiliklar: swiper.js (images section)dagi pagination animatsiyasini qanday ishlatishni yaxshi tushunmadim. Background (form sectiondagi) image ni html ga joylashtirib qo'yishda biroz qiylandim, Container bilan biroz qiyinchilik bo'ldi keyin rasmni css da bera qoldim.
#website
Netlify: https://truck-landing-page-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/truck-landing-page
Qo'shimcha foydalanildi: TinyPNG, SVGOMG, swiper.js
Qiyinchiliklar: swiper.js (images section)dagi pagination animatsiyasini qanday ishlatishni yaxshi tushunmadim. Background (form sectiondagi) image ni html ga joylashtirib qo'yishda biroz qiylandim, Container bilan biroz qiyinchilik bo'ldi keyin rasmni css da bera qoldim.
#website
Figma: Haft-landing-page
Netlify: https://half-landing-page-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/haft-landing-page
Qo'shimcha foydalanildi: TinyPNG, SVGOMG, swiper.js
Qiyinchiliklar: Header menu biroz ko'p vaqtni oldi. Backgroundlardagi line-gradientlarda qiynaldim va hozircha shunday qoldirishga qaror qildim. Swiper.js width dizayda containerdan oshibroq to'xtar ekan, men container ichida to'xtatdim.
#website
Netlify: https://half-landing-page-bb.netlify.app/
Github: https://github.com/bekzodxudaybergenow/haft-landing-page
Qo'shimcha foydalanildi: TinyPNG, SVGOMG, swiper.js
Qiyinchiliklar: Header menu biroz ko'p vaqtni oldi. Backgroundlardagi line-gradientlarda qiynaldim va hozircha shunday qoldirishga qaror qildim. Swiper.js width dizayda containerdan oshibroq to'xtar ekan, men container ichida to'xtatdim.
#website
figma: __ Design
netlify: __ Site
github: __ Code
Qo'shimcha foydalanildi: swiperjs, svgomg, tinypng, transfonter.
Qiyinchiliklar: Buttonlar hover bo'ganda line-gradient rangi o'zgaradi, shunda (transition) sekinroq o'zgarmadi. Harakatlanuvchi raqamlar o'z sectioniga kelganda ishlamadi. Lekin sahifani yangilasa ishlidigan qildim.
#website
netlify: __ Site
github: __ Code
Qo'shimcha foydalanildi: swiperjs, svgomg, tinypng, transfonter.
Qiyinchiliklar: Buttonlar hover bo'ganda line-gradient rangi o'zgaradi, shunda (transition) sekinroq o'zgarmadi. Harakatlanuvchi raqamlar o'z sectioniga kelganda ishlamadi. Lekin sahifani yangilasa ishlidigan qildim.
#website
netlify: __ Site
Asosiy foydalanildi:
Html, Css(scss), Javascript
React JS
Haqida: Mockapi orqali ma'lumotlar yaratildi. Api dan kelgan ma'lumotlar sahifamizda ko'rsatildi. Birinchi sahifada Olimlar suratlari va ismlari kelgan. Batafsilga kirilganda hamma ma'lumotlar kelishi kerak. Ism, tug'ulgan sana va yozgan kitoblari ammo netlifyga joylaganda negadur muammo poyda bo'ldi. Ikkinchi sahifada kitoblar haqida ma'lumotlar chiqarildi.
#website #react
Asosiy foydalanildi:
Html, Css(scss), Javascript
React JS
Haqida: Mockapi orqali ma'lumotlar yaratildi. Api dan kelgan ma'lumotlar sahifamizda ko'rsatildi. Birinchi sahifada Olimlar suratlari va ismlari kelgan. Batafsilga kirilganda hamma ma'lumotlar kelishi kerak. Ism, tug'ulgan sana va yozgan kitoblari ammo netlifyga joylaganda negadur muammo poyda bo'ldi. Ikkinchi sahifada kitoblar haqida ma'lumotlar chiqarildi.
#website #react
netlify: __ Site
Asosiy foydalanildi:
Html, Css, Javascript
React JS, Ant va Tailwind
Haqida: Moviedb saytidan API lar olindi va Frondend qismi qo'ldan kelganicha yasaldi. Mashhur, retinggi yuqori filmlar, aktyorlar va ularning ma'lumotlari chiqarildi.
Hozircha faqat desktop ekranlari uchun!
#website #react
Asosiy foydalanildi:
Html, Css, Javascript
React JS, Ant va Tailwind
Haqida: Moviedb saytidan API lar olindi va Frondend qismi qo'ldan kelganicha yasaldi. Mashhur, retinggi yuqori filmlar, aktyorlar va ularning ma'lumotlari chiqarildi.
Hozircha faqat desktop ekranlari uchun!
#website #react