Web4you

Toza HTML5 aloqa formasini yaratish

В этом уроке мы узнаем, как создать шикарную контактную форму с поддержкой HTML5 AJAX. Форма будет использовать некоторые из новых элементов и атрибутов...

CSS va jQuery yordamida ajoyib animatsion navigatsiya panelini yaratamiz

Анимация и визуальная обратная связь – отличные способы содействия пользователю при навигации и взаимодействии с веб-сайтом. Хотя обычно Adobe Flash (*...

Siz bilishingiz kerak bo'lgan 28 HTML5 xususiyatlari, maslahatlari va texnikasi

Эта отрасль развивается быстро, очень быстро! Если не быть аккуратным, то можно безнадежно отстать. Поэтому, если ты немного ошеломлен приближающимися...

CSS va jQuery yordamida klaviatura yaratish

Иногда бывает просто интересно поэкспериментировать с известными нам языками программирования и посмотреть, что мы может создать с их помощью. Я подумал,...

Siz foydalanishingiz mumkin bo'lgan 50 ta ajoyib rasm galereyasi

Вот 50 наших любимых бесплатных галерей изображений, которые можно быстро подключить к дизайну. В них есть всё, от CakePHP до jQuery и Ruby on Rails....

Ajoyib rezyume/CV veb-shablonlarining 5 ta misoli

Все более и более распространенной становится практика, когда потенциальный работодатель спрашивает у вас ссылку на ваш сайт, а не листок бумаги с вашим...

O'z teglaringizni yaratish orqali HTML imkoniyatlarini kengaytirish

В этом уроке я покажу процесс создания собственных HTML тегов. Пользовательские теги решают множество задач: HTML документы становятся проще, а строк кода...

CSS va JavaScript yordamida gorizontal vaqt jadvalini yaratish

В предыдущей статье, я показал как сделать адаптивную вертикальную шкалу времени с нуля. Сегодня, я разберу процесс создания ассоциативной горизонтальной...

Reactda animatsiyaga kirish

В последних двух учебниках React вы познакомились с базовыми концепциями React, такими как JSX, routing и forms. В этом уроке мы перейдем на следующий...

Reactda ichki o'rnatilgan marshrutlashni tushunish

React - это библиотека JavaScript, созданная Facebook для создания пользовательских интерфейсов. Если вы новичок в React, я бы рекомендовал прочитать одно из...

Reakt - da shakllar va hodisalarni tushunish

В этом уроке вы узнаете о формах и событиях в React. Мы начнем с создания простого приложения на основе React, а затем добавим форму и некоторые элементы....

Qanday qilib oddiy veb-chat ilovasini yaratish mumkin

В этом уроке мы будем создавать простое приложение веб-чата с помощью PHP и jQuery. Утилита такого типа прекрасно подойдет для системы онлайн-поддержки...

"Pattern" atributi bilan HTML5 da shaklni tekshirish

В этой статье мы рассмотрим HTML атрибут pattern, который помогает нам настроить проверку данных в форме.

AJAX yordamida fayllarni yuklash

Кажется, я не могу дойти до конца интересных возможностей, которые вы можете применить с появляющимися веб-технологиями. Сегодня я покажу вам, как сделать...

20 ta eng yaxshi HTML5 o?yin shablonlari – 2017

За последние несколько лет в HTML5 создано множество отличных онлайн-решений. Которые доставляют нам огромное удовольствие! С исчезновением Flash, HTML5...

Ochiladigan menyu navigatsiyasi: sahifa yuklanganda tanlangan variantni qanday saqlash kerak

Предположим, что мы используем элемент для навигации между страниц и, обычно, когда страница перезагружается, выбор возвращается к значению по умолчанию....

Two.js bilan 2D grafikalarni chizish bo'yicha boshlanuvchilar uchun qo'llanma

Two.js - API, который упрощает создание 2D фигур используя код. Следуйте дальше, и вы узнаете, как создавать и анимировать фигуры с помощью JavaScript.

ScrollMagic.js yordamida aylanayotgan sahifada qanday qilib qattiq yon panelni yaratish mumkin

В этом руководстве мы будем использовать ScrollMagic.js, чрезвычайно популярную библиотеку JavaScript для создания сайдбара, который становится фиксированным...

CSS va JavaScript yordamida akkordeon komponentini qanday yaratish mumkin

В сегодняшнем уроке мы узнаем, как сделать show/hide компонент с использованием CSS и немного JavaScript. По умолчанию jQuery предоставляет метод...

CSS va JavaScript-dan foydalanib javob beruvchi yorliqlarni qanday yaratish mumkin

В этом руководстве мы узнаем, как создать отзывчивые вкладки с помощью CSS и немного JavaScript. Вполне возможно создавать вкладки на чистом CSS, но для...

Создание безупречной карусели. Часть 3

Это третья и последняя часть серии руководств "Создание безупречной карусели". В первой части мы оценили карусели на сайтах Netflix и Amazon, две из...

Создание безупречной карусели. Часть 2

Добро пожаловать в серии руководств "Создание безупречной карусели". Мы создаем удобную и очаровательную карусель при помощи возможностей Popmotion по...

Mukammal karuselni yaratish, 1-qism

Карусели являются основным продуктом сайтов для потоковой передачи и электронной коммерции. Оба Amazon и Netflix используют их в качестве выдающихся...

4-darajali CSS matematik funktsiyalarini ishga tushirish

Функциональные обозначения являются частью модуля CSS Values and Units, который также является основой для полезных математических функций, таких как calc(),...

DataTables.js va Highcharts.js bilan ma'lumotlarni vizualizatsiya qilish

Из данного руководства вы узнаете, как визуализировать данные, воспользовавшись библиотеками JavaScript DataTables.js и Highcharts.js.

Anime.js yordamida JavaScript animatsiyalari, 2-qism: Variantlar

В первом уроке серии Anime.js, вы узнали о различных способах определения целевых элементов, которые вы хотите анимировать и виды свойств CSS и атрибутов...

CSS va JavaScript yordamida ilovani qanday prototip qilish mumkin

Анимация на самом деле является одной из лучших функций CSS уже долгое время. В конце концов, как мы поняли, движение может улучшить пользовательское...

Animatsiya uchun CSS o'zgaruvchilardan qanday foydalanish kerak

Когда мы упоминаем CSS в дискуссиях, мы часто говорим о нем как о неполноценном языке. Декларативный язык, лишенный логики и понимания; Но это не совсем...

JavaScript va HTML5 yordamida histogrammalarni qanday chizish mumkin

В ранних уроках мы описывали как нарисовать график в виде куска пирога или пончика используя HTML5. В этом уроке я покажу как использовать JavaScript и HTML5...

Dark Sky API yordamida ob-havo ilovasini yaratish

Программирование для веб может быть очень забавным, особенно когда вы работаете с внешним API для динамического получения данных. Некоторые могут назвать это...

Three.js uchun yangi boshlanuvchilar uchun qo'llanma

Сложность Web меняется ежедневно, и его возможности растут так же быстро, особенно с 3D-рендерингом. WebGL (Web Graphics Library) - это JavaScript API для...

JavaScript ramkasini tanlash bo'yicha boshlanuvchilar uchun qo'llanma

Довольно неясная ситуация складывается, когда дело касается выбора нужного JavaScript фреймворка. Эта статья призвана помочь начинающему фронтенд...

Saytga kalendar qo'shish Jalendar 2 yordamida

На любом веб-сайте есть потребность в календаре. Проблема со многими календарными программами заключается в повторном использовании. Они часто работают...

Google Analytics voqealari yordamida foydalanuvchi xatti-harakatlarini kuzatish

Представьте такую ситуацию, вы только что закончили редизайн вашего веб-сайта, при этом вы использовали самые лучшие техники и методы, которые вам известны....

JavaScript va HTML5 Canvas yordamida diagrammalarni qanday chizish mumkin

В этом уроке я покажу вам, как использовать JavaScript и canvas в качестве средства для отображения числовой информации в виде круговых и кольцевых диаграмм.

Tanlangan matn uchun kontekst menyusini qanday yozish kerak

В этом уроке мы узнаем, как создать так называемое «контекстное меню обмена». Этот интерфейс предполагает вывод меню, которое позволяет читателям поделиться...

"Musofirlarni qo'nishi" veb-saytini aylantirish effekti bilan qanday loyihalash mumkin

В этом руководстве, во втором в серии из двух частей, мы возьмем удивительную векторную иллюстрацию, созданную Юлией Соколовой «Как создать фон с длинной...

Webpackga kirish: 2-qism

В предыдущем уроке мы узнали, как настроить проект Webpack и как использовать загрузчики для обработки нашего JavaScript. Однако, в чем Webpack действительно...

Webpackga kirish: 1-qism

Это довольно стандартная практика в эти дни, когда вы создаете сайт, чтобы иметь какой-то процесс сборки, чтобы помочь в выполнении задач разработки и...

p5.js ga kirish

P5.js - это JavaScript библиотека для артистов, дизайнеров и учителей, которая, в первую очередь предназначена для визуального искусства. С ее помощью очень...

Web MIDI ga kirish

“Статья о MIDI в вебе? В 2016? Смешно, да.”

jQuery bilan AJAX bo'yicha boshlanuvchilar uchun qo'llanma

В первой статье данной серии мы рассмотрели основы AJAX. Во второй разобрали примеры использования vanilla JavaScript.

Vanilla JavaScript-dagi AJAX misoli

Данная статья – это продолжение нашего знакомства с AJAX. Ниже мы рассмотрим пример, в котором используется XMLHttpRequest API для инициализации AJAX запроса.

Bir sahifali Node.js ilovasida ijtimoiy tarmoqlarda kontentni almashish (nashr qilish) imkoniyatini qo'shish

Single-Page Applications (SPAs) (* одностраничные приложения. Здесь и далее примеч. пер.) работают благодаря визуализации шаблонов на клиентской стороне. Это...

AJAXga kirish frontend ishlab chiquvchilari uchun

Данная серия статей нацелена на ознакомление frontend разработчиков с AJAX, весьма важной техникой во фронтенде

Maslahat: "noscript" yorlig'i haqida unutmang

JavaScript – мощный язык, оживляющий сайты, который придает им интерактивности, но все это до тех пор, пока вдруг мы не сталкиваемся с его отключением в...

CMS yaratish: tuzilma va uslub

Наметилась тенденция (* сравнительно устойчивое направление развития определенного явления, процесса или идеи. Здесь и далее примеч. пер.) использования CMS...

HTML5ni o'zlashtirish: Daraxtlarni kesib o'tish

Одна из наиболее важных концепций DOM – обход дерева (* процесс единоразового посещения (проверки и/или обновления) каждого узла дерева (структура данных)....

Veb-ishlab chiquvchilarning 10 ta keng tarqalgan xatosi

Может показаться, что существует несметное количество способов, как добиться выполнения определённой задачи - создать веб-сайт, который будет хорошо работать...

Web Audio API: Veb-ilovaga audio qo'shish

Что случилось с аудио в Интернете? Какое-то время сеть была платформой, чтобы продемонстрировать ваш вкус в мелодиях. Из MIDI-версий The Final Countdown,...

PHP va AJAX yordamida Bootstrap kontakt formasini yaratish

В этой инструкции я собираюсь пошагово рассказать о том, как создать рабочую контактную форму, с использованием самого популярного фреймворка для фронт-энда...

AngularJS direktivalarini o'zlashtirish

Директивы являются одним из самых мощных компонентов AngularJS, помогая вам расширять основные элементы/атрибуты HTML и создавать многоразовые и тестируемые...

HTML5 "muloqot" elementi yordamida qalqib chiquvchi va modal oynalar

Многие процессы в вебе на сегодняшний день требуют согласия пользователя для своего завершения. Например, пользователям может понадобиться удалить аккаунт,...

Eslatma: HTML5 "yuklab olish" atributidan foydalanish

Создать ссылку на скачивание в HTML довольно просто; Добавляете тег и в атрибуте href указываете путь к файлу. Однако, некоторые типы файлов (например...

Tablesorter dasturiga kirish

Tablesorter - это простой плагин jQuery, который обеспечивает динамическую сортировку столбцов и разбиение на страницы в ваших HTML-таблицах. Это хороший...

JavaScript ulanishlaridan foydalangan holda WebDriver-ga kirish

В этом уроке мы рассмотрим WebDriverJs, который является инструментом, используемым для автоматизации браузера. Chrome будет использоваться во всех...

Amazon Simple Email Service (SES) bilan ishlashni boshlash

В этом уроке я расскажу о простой службе электронной почты Amazon (SES) и рассмотрю несколько способов ее использования. SES - это служба исходящей...

Keyingi loyihangiz uchun Firebase sozlash

В сегодняшнем учебном пособии мы познакомим вас с Firebase, создав простое приложение для чатов, используя Javascript API Firebase. Это приложение...

Shadow DOMga kirish

Взгляните на любую современную веб-страницу и вы заметите, что в ней неизменно присутствует контент, собранный воедино с различных ресурсов; она может...

Bootstrap 3 bilan birinchi bo'lib mobil

Хорошо, пару недель назад, на свое двухлетие Mark Otto и остальные ребята ответственные за разработку и поддержку Bootstrap, анонсировали официальный релиз...

Google Maps API uchun Retina tasviriga sezgir dizayn va disk raskadrovka

Эта заключительная часть серии API Карт Google для дизайнеров дополняет все, глядя на ответный дизайн, изображения сетчатки и ряд инструментов тестирования и...

AngularJS yordamida noldan veb-ilova yaratish

В предыдущем учебнике AngularJS я осветил все основы того, как начать и сразу приступить к работе с Angular примерно за 30 минут. В этом учебном пособии мы...

Manba xaritalari 101

В современном рабочем процессе код, который мы имеем в наших средах разработки, значительно отличается от production кода, после его запуска посредством...

Oddiy Parallaks aylantirish texnikasi

Parallax скроллинг - интересная техника, где при скроллинге фоновые изображения переводятся медленнее, чем содержимое на переднем плане, создавая иллюзию...

Photoshop da grid yaratish uchun skript yozish

Если мы занимаемся веб-дизайном, то нам часто приходится иметь дело с сеткой, особенно если мы делаем адаптивный дизайн. В этом уроке, мы рассмотрим скрипт...

Canvasni noldan o'rganish: piksellar bilan ishlash

В предыдущем руководстве вы всесторонне изучили работу с трансформациями, тенями и градиентами. Сегодня я покажу вам, как работать с пикселями в Сanvas: от...

Canvasni noldan o'rganish: Transformatsiyalar va gradientlar

В данном руководстве мы рассмотрим трансформации (* процесс, преобразующий координаты из одной системы в другую посредством пересчета (translation),...

Canvasni noldan o'rganish: Ilg'or chizmachilik texnikasi

В предыдущем руководстве этой серии вы узнали об элементе canvas и основах, необходимых для рисования на нем. В этой статье я продемонстрирую некоторые более...

Veb-xotiradan foydalangan holda eslatmalar uchun stikerlar qo'shish imkoniyatini amalga oshirish.

(* локальное хранилище, HTML5-хранилище, DOM-хранилище; встроенная возможность хранения данных на стороне клиента (объем данных значительно больше того, что...

Chiqish

JavaScript