Web4you

Toza HTML5 aloqa formasini yaratish

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

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

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

HTML elektron pochta shablonini noldan yaratish.

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

Ochiladigan ro'yxat bilan ajoyib CSS3 mega menyusini qanday yaratish mumkin

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

Oddiy va tushunarli qadamlar bilan birinchi veb-saytingizni loyihalashtiring va kodlang

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

Siz foydalanishingiz mumkin bo'lgan 50 ta ajoyib rasm galereyasi

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

Ajoyib rezyume/CV veb-shablonlarining 5 ta misoli

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

CSS va JavaScript yordamida gorizontal vaqt jadvalini yaratish

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

Reactda ichki o'rnatilgan marshrutlashni tushunish

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

Reakt - da shakllar va hodisalarni tushunish

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

Oddiy javob beruvchi HTML elektron xat shablonini yaratish

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

Media so'rovlarisiz kelajak uchun javob beruvchi elektron pochta xabarlarini yaratish

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

21 ta ajoyib HTML5 tajribalari

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

Qanday qilib oddiy veb-chat ilovasini yaratish mumkin

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

"Pattern" atributi bilan HTML5 da shaklni tekshirish

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

O'qilishi mumkin bo'lgan kod yozish bo'yicha eng yaxshi 15+ amaliyot

Два раза в месяц, мы пересматриваем статьи, которые нравятся больше всего нашим пользователям на сайте Nettuts+. Читабельность кода одна из важнейших, когда...

PHP da kontakt formasini yaratish

Независимо от типа веб-сайта, которым кто-то владеет или управляет, он, вероятно, нуждается в контактной форме. Контактная форма может помочь вашим...

PHP yordamida matnli xabarlarni qanday yuborish kerak

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

AJAX yordamida fayllarni yuklash

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

Eslab qolishingiz kerak bo'lgan 30 ta CSS selektorlari

Итак, вы изучили принцип наследования и основные селекторы: id и class - и думаете, что готовы к бою? Но, поверьте, вы очень многое упустили. Несмотря на то,...

Eslatma: Ta'sirchan tasvirlar uchun HTML "picture" dan qanday foydalanish kerak

Изображения заведомо являются одним из самых сложных аспектов адаптивного веб дизайна. Сегодня мы рассмотрим как элемент , являющийся решением проблемы...

Ochiladigan menyu navigatsiyasi: sahifa yuklanganda tanlangan variantni qanday saqlash kerak

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

ARIAni amalga oshirishning eng yaxshi amaliyotlari

Сегодня, чтобы отметить Международный день людей с ограниченными возможностями, мы подчеркиваем доступность здесь, в Envato Tuts +.

Sayt mavjudligi: Aria bilan ishlashni boshlash

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

AniJS: kodlashsiz oddiy CSS animatsiyasi

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

HTML da PHP Parsing qilish DiDOM yordamida

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

Qanday qilib slick.js yordamida jozibali sezgir tasvirlar galereyasini yaratish mumkin

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

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, но для...

Qanday qilib CSS va ozgina JavaScript-dan foydalangan holda Canvas menyusini yaratish mumkin

В этом руководстве мы рассмотрим простой, но эффективный метод создания off-canvas меню с помощью HTML, CSS и JavaScript.

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

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

JavaScript va HTML5 yordamida histogrammalarni qanday chizish mumkin

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

Dark Sky API yordamida ob-havo ilovasini yaratish

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

Saytga kalendar qo'shish Jalendar 2 yordamida

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

Reactda marshrutlash bilan qanday ishlash kerak

В одном из моих предыдущих туториалов, мы узнали, как начать работу с JSX и React. В этом туториале мы разберёмся как настроить и создать React приложение. А...

JavaScript va HTML5 Canvas yordamida diagrammalarni qanday chizish mumkin

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

CSS yordamida yarim doira diagrammasini qanday yaratish mumkin

Несмотря на то, что использование HTML 5 Canvas и SVG может оказаться более элегантным решением, в этом уроке мы узнаем, как создать полукруглую диаграмму на...

Tanlangan matn uchun kontekst menyusini qanday yozish kerak

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

Pure.css Bootstrap-ga qiziqarli muqobil taklif etadi

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

Flexbox yordamida javob beruvchi shaklni qanday yaratish mumkin

В этом уроке мы узнаем, как использовать flexbox для создания гибкой формы. Что интересно (и одновременно захватывающе), так это то, что flexbox позволяет...

Biz buni qanday qildik: Tuts+ elektron pochta xabarlarini Kampaniya monitori uchun shablonga aylantirish.

В первых двух частях этого исследования, мы рассмотрели, как был создан дизайн новых Tuts+ Emails, затем их HTML/CSS составляющая. В этой последней части, я...

Webpackga kirish: 1-qism

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

p5.js ga kirish

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

Amallar va WordPress filtrlari: farqi nimada?

Action и фильтры являются основой различных API (наборов функций) WordPress. Без них вы ограничены в своих действиях с темами и (особенно) плагинами.

Web MIDI ga kirish

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

jQuery bilan AJAX bo'yicha boshlanuvchilar uchun qo'llanma

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

AJAXga kirish frontend ishlab chiquvchilari uchun

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

HTML5ni o'zlashtirish: Daraxtlarni kesib o'tish

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

Magento mavzusini ishlab chiqish: Bosh sahifa 2-qism

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

WordPress mavzuingiz uchun Bootstrap-dan qachon foydalanish kerak (va qachon bo'lmasa)

Сделайте запрос в Google - 'WordPress Темы с Bootstrap' и вы увидите сотни результатов. Там будут гайды объясняющие вам, как использовать Bootstrap для...

Veb-ishlab chiquvchilarning 10 ta keng tarqalgan xatosi

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

FullPage.js bilan vertikal va gorizontal aylantirish

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

Web Audio API: Veb-ilovaga audio qo'shish

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

AngularJS direktivalarini o'zlashtirish

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

Veb-dizayndagi buyruq qatori: yangi loyihalarni qurish

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

Veb-animatsiyalaringizga oomph qo'shish

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

Veb-saytingizni semantik belgilar bilan ajralib turadigan qiling

В этом туториале мы узнаем, как добавить семантики в ваш контент благодаря open graph, Twitter cards и микроданным. Сделав это, ваш контент будет более...

Jade yordamida yuklash parchalarini yaratish

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

Tablesorter dasturiga kirish

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

AngularJS va Laravel: CRM yaratishni tugatish

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

Jekyll-dan foydalanish

В предыдущей статье я рассказывал о GitHub Pages и о том, как настроить их в своем репозитории на GitHub. Мы использовали генератор сайта, и я упомянул, что...

Tezkor maslahat: Kodingizni "figura" elementi ichiga oling

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

Oddiy sezgir tarmoq, Sass bilan yanada yaxshiroq

В этом уроке, мы построим простую, отзывчивую сетку, используя CSS. Так как, мы знакомы с тем, как это работает, мы улучшим её с Sass, изучив некоторые...

Keyingi loyihangiz uchun Firebase sozlash

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

CSS-da fon bilan niqob effektini yarating

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

Postach.io bilan Evernote-da ishlaydigan blog yaratish va loyihalash

Postach.io система блогов с отличием. Она имеет одну особенность, которая делает ее особенно интересной: вместо админ-панели вы просто создаете ваши темы в...

Javob beruvchi vaqt jadvali portfeli sahifasini yarating

Во время этого урока мы будем строить фантастическое портфолио Timeline, как показано в предыдущем учебнике Томаса Лауринавичуса. Мы будем использовать...

Bootstrap 3 bilan birinchi bo'lib mobil

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

AngularJS yordamida noldan veb-ilova yaratish

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

Pure yordamida modulli panel interfeysini qurish

Сегодня мы создадим красивую, минималистичную панель, используя Pure (познакомьтесь с проектом на GitHub), новая мини модульная CSS библиотека от Yahoo! Мы...

Bir oz maslahat: ko'rish maydonining meta tegi haqida unutmang

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

Qisqa dars: ALT matnini uslublash haqida unutmang

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

Tezkor qo'llanma: xalqaro ochilish sahifalari uchun "x-default hreflang" dan foydalanish

Google недавно ввел новый x-default hreflang. Благодаря ему, вебмастера могут указывать международные посадочные страницы. Google использует эту информацию,...

Mazali Sass mikslarini tayyorlash

Sass разрабатывался для того, чтобы позволить писать CSS быстрее; миксины одна из функций Sass, которые позволят добиться этого. Несколько тяжёлых библиотек...

HTML5 Geolocation-dan foydalangan holda saytlarga foydalanuvchining joylashuvini aniqlash qobiliyatini qo'shish

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

Twitter egizakini noldan yaratish:

Это – первое руководство из серии руководств, созданных персоналом Nettuts+, в которых описывается проектирование и создание веб-приложения с нуля – на...

Meta teglar va SEO

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

Tezkor maslahat: aylantirish chiziqlarini UI dizayningizga moslashtirish

Этот совет поможет вам улучшить внешний вид полос прокрутки, в соответствии с дизайном пользовательского интерфейса. Мы посмотрим, что предлагают нам...

Bir oz maslahat: telefon raqamlarini ishlashini ta'minlash

Я не начну эту подсказку с привычного: "В эти дни люди посещают ваш сайт с разных устройств", но это все-таки правда Многие мобильные устройства отлично...

Oddiy Parallaks aylantirish texnikasi

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

Qisqa dars: CSS3 da tasdiqlash qutilari va radio tugmalarini yaratish

Вы когда нибудь задумывались, как стилизовать чекбоксы и радиокнопки, при этом не используя JavaScript? Благодаря CSS3 вы это можете! Вот что мы собираемся...

HTML5 Kanvas optimallashtirish: amaliy misol

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

Masshtabli vektor grafikasi (SVG) bilan ishlashni boshlash

Сейчас такие времена, когда вы как веб-дизайнер, должны знать как использовать SVG (Scalable Vector Graphics - Масштабируемую Векторную Графику) в ваших...

Ping Pong o'yinini yaratish misolidan foydalanib CreateJS ni o'rganish

Веб-технологии развиваются быстрыми темпами – настолько быстрыми, что наше оригинальное руководство по EaselJS уже неактуально. В этом руководстве вы...

Создание веб-сайта с эффектом параллакс-прокрутки при помощи Stellar.js

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

Maxsus HTML5 Audio Player yaratish

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

Oddiy, sezgir navigatsiya Mobile First

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

Orman Clark tomonidan vertikal menyu: CSS3 versiyasi

Далее в PSD серии Ормана Кларка его удивительное вертикальное меню. Мы создадим его с помощью CSS3 и jQuery, используя минимальное количество изображений.

Facebook platformasi bilan integratsiyalashgan ilova uchun kodni loyihalash va yozish: HTML + CSS

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

Kod yozishni sezilarli darajada tezlashtiradigan 11 ta vosita

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

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 и основах, необходимых для рисования на нем. В этой статье я продемонстрирую некоторые более...

HTML elektron pochta xabarlarini yozish

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

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

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

Chiqish

HTML