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

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

HTML elektron pochta shablonini noldan yaratish.

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

CSS va jQuery yordamida klaviatura 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

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

React Native layouts bilan ishlashni boshlash

В этом уроке вы научитесь верстать приложения на React Native, и узнаете, как сверстать часто используемые в приложениях раскладки страниц. Это такие...

O'z teglaringizni yaratish orqali HTML imkoniyatlarini kengaytirish

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

CSS va JavaScript yordamida gorizontal vaqt jadvalini yaratish

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

Lending nima?

Результаты отличают страницу-лендинг от любой другой страницы на вашем сайте.

Reactda animatsiyaga kirish

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

Veb loyihangiz uchun 10 ta oqlangan CSS narxlash jadvallari

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

Reactda ichki o'rnatilgan marshrutlashni tushunish

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

CodePen-da 15 ta ilhomlantiruvchi CSS animatsiya namunalari

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

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, приходится иметь дело с изрядным количеством больных вопросов. И вряд ли для кого то будет приемлемо, если нам к тому же ещё и...

15 ta eng yaxshi HTML5 video pleyerlari

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

15 ta eng yaxshi HTML5 audio pleyerlari

К счастью, HTML5 стал стандартом для мультимедиа в веб-дизайне. Прошли дни плагинов Flash и Silverlight, так как поддержка HTML5 элементов для аудио и видео...

20 ta eng mashhur HTML5 o?yin shablonlari

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

15 dan ortiq bir sahifali veb-sayt shablonlari sezgir dizaynga ega

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

Tasvirlar va matnlar uchun 10 ta eng yaxshi HTML5 slayderlari

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

Flexbox-da tartibni belgilash va o'zgartirish bo'yicha to'liq qo'llanma

Flexbox позволяет нам размещать флекс-элементы в любом порядке и направлении. Распределение порядка элементов с flexbox проще, чем с помощью float или...

HTML shablonini qanday sozlash mumkin

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

Flexbox Tekislash bo'yicha to'liq qo'llanma

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

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

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

CodeCanyon-da 20 ta eng yaxshi CSS animatsiyalari

В интернет-истории было время, когда для добавления эффекта анимации, кроме GIF, нельзя было обойтись без Flash. Сегодня мы находим, что Flash отмер и такие...

PHP yordamida matnli xabarlarni qanday yuborish kerak

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

Internetda rangli shriftlardan qanday foydalanish kerak

Каждый веб-дизайнер умеет задавать цвет шрифта, ведь так? Это одна из первых вещей, которые мы делаем, начиная изучать CSS. Мы выбираем цвет, затем...

AJAX yordamida fayllarni yuklash

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

Eslab qolishingiz kerak bo'lgan 30 ta CSS selektorlari

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

20 ta eng yaxshi HTML5 o?yin shablonlari – 2017

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

Siz bilmagan bo'lishingiz mumkin 7 CSS birliklari

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

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

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

Yopistirilgan CSS yordamida joylashishni aniqlash

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

WordPress-da qanday qilib tezda ochilish sahifasini yaratish mumkin

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

Ochiladigan menyu navigatsiyasi: sahifa yuklanganda tanlangan variantni qanday saqlash kerak

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

ARIAni amalga oshirishning eng yaxshi amaliyotlari

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

CSS panjarasida rasm galereyasini yaratish (loyqalik effekti va media so'rovlari bilan)

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

WordPress shablon teglari yordamida tarkibni uslublash uchun CSS-ni qanday sozlash mumkin

Изучение разработки WordPress - это не просто знания программирования PHP.

Flexbox yordamida javob beruvchi to'liq ekranli sahifani qanday yaratish mumkin

В этом уроке мы узнаем, как создать полноэкранную адаптивную страницу с помощью flexbox. Наша страница будет содержать полноэкранное фоновое изображение,...

Shablonlar yordamida ochilish sahifasini qanday tezda yaratish mumkin

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

Saytdagi ochilish sahifasi yoki asosiy sahifasi: nimani va qachon afzal ko'rish kerak?

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

Butunjahon ruhiy salomatlik kuni tasmasi SVGni qanday ziravor qilish mumkin

«Всемирный день психического здоровья» Всемирной организации здравоохранения проходит 10 октября 2018 года, чтобы помочь повысить осведомленность о проблемах...

Sayt mavjudligi: Aria bilan ishlashni boshlash

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

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

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

Harakatli grafika yordamida veb-saytingizni qanday yaxshilash mumkin

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

AniJS: kodlashsiz oddiy CSS animatsiyasi

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

HTML da PHP Parsing qilish DiDOM yordamida

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

CSS panjarangizda g'alati trek o'lchamidan qanday foydalanish kerak

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

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

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

Bootstrap 4 yorliqlariga havolalarni qanday qo'shish mumkin

Сегодня мы рассмотрим, как добавить якоря вкладкам (tabs) Bootstrap 4. Чтобы понять, что мы будем делать, ознакомьтесь с демо-страницей и обратите внимание...

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

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

Faqat CSS yordamida yaratilgan animatsiyalarga 10 ta misol

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

CSS va JavaScript yordamida akkordeon komponentini qanday yaratish mumkin

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

CSS Grid Layout: Tez boshlash

Подход к макетам в сети меняется, и на переднем плане этого изменения — CSS Grid Layout. В этом кратком руководстве пропущены детали и нюансы, вместо этого...

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

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

Yomon tipografikani 3 belgisi

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

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

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

Yangi narsalarni o?rganing: 2018-yil uchun ushbu mashhur vositalarni o?rganish

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

Создание безупречной карусели. Часть 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.

Qiziqarli 4-darajali CSS selektorlari

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

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

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

CSS va JavaScript yordamida ilovani qanday prototip qilish mumkin

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

Foydalanish imkoniyati uchun dizayn qo'llanmalaridan foydalanish

Начнем с того, что мы зададим несколько вопросов.

CSS Grid yordamida veb-shakl maketlarini qanday yaratish mumkin

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

Muntazam CSS-ga keladigan 6 ta preprotsessor funksiyalari

Использование препроцессоров, таких как Sass, LESS и Stylus, всегда давало разработчикам больше контроля над таблицами стилей, но то, что входит в 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 для...

PHP yordamida startap yaratish: Bosh sahifani yaratish

Этот урок является частью серии Построй свой стартап с PHP на Envato Tuts+. В этой серии я проведу вас через запуск стартапа от концепции до реального сайта,...

JavaScript ramkasini tanlash bo'yicha boshlanuvchilar uchun qo'llanma

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

Umumiy tanlovchilarni o'zlashtirish: maxsus shakl elementlari

Одним из самых мощных и недоиспользуемых селекторов CSS является обобщающий близких (селекторов): ~. В следующих уроках я рассмотрю различные способы...

Beshta tez qadamda Sassni kuzatib boring va kompilyatsiya qiling

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

CodePen-da 10 ta animatsiya misollari, ulardan biror narsani o'rganishingiz mumkin.

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

Saytga kalendar qo'shish Jalendar 2 yordamida

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

Tez maslahat: Bulma yordamida blogni qanday loyihalash mumkin

В этой краткой статье мы будем строить респонсивную раскладку блога с помощью популярного основанного на flexbox фреймворка Bulma от Джереми Томаса.

CSS istisnolari: zerikarli tartiblarni kamroq zerikarli qilish

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

Qanday qilib CSS-dan foydalanib, ajoyib, animatsion maslahatlarni yaratish mumkin.

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

Tezkor maslahat: har ehtimolga qarshi CSS Grid qatorlari nomlarini bering.

В любой CSS Grid (CSS сетке) каждая линия имеет заданный номер, по которому мы можем к ней обратиться для размещения элементов сетки. Но мы также можем дать...

Google Analytics voqealari yordamida foydalanuvchi xatti-harakatlarini kuzatish

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

Reactda marshrutlash bilan qanday ishlash kerak

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

JavaScript va HTML5 Canvas yordamida diagrammalarni qanday chizish mumkin

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

Veb-dizayningizda CSS shakllaridan qanday foydalanish kerak

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

Maslahat: CodePen demolaringizning CSS fayllariga @supports qo'shing

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

CSS Grid Layout: sezgir ustunlar va yaxshi to'ldirish

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

Ko'rsatish tartibini o'zgartirish uchun bir necha xil CSS usullari

В этом руководстве мы рассмотрим несколько различных методов CSS для переупорядочения элементов HTML.

CSS yordamida yarim doira diagrammasini qanday yaratish mumkin

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

Tanlangan matn uchun kontekst menyusini qanday yozish kerak

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

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

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

Pure.css Bootstrap-ga qiziqarli muqobil taklif etadi

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

Strukturaviy Sass: Atom dizaynidagi noaniqlik bilan xayrlashish

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

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: 2-qism

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

Webpackga kirish: 1-qism

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

CSS va JQuery yordamida ota-ona elementlarini tanlash

Там были случаи, когда я хотел, чтобы я был в состоянии выбрать родительский элемент с помощью CSS-и я не одинок в этом вопросе. Тем не менее, не существует...

p5.js ga kirish

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

Amallar va WordPress filtrlari: farqi nimada?

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

Tezkor qo?llanma: fullPage.js va Animate.css yordamida animatsiyalarni aylantiring

В предыдущем руководстве я рассказал вам про fullPage.js, популярный плагин для jQuery по созданию полноэкранных страниц. В этом руководстве я покажу вам,...

CSS-da orqa fon xususiyatlarini takrorlash

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

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 – обход дерева (* процесс единоразового посещения (проверки и/или обновления) каждого узла дерева (структура данных)....

CSS-da aralashtirish rejimlari: ranglar nazariyasi va amaliy ilovalar.

Вы можете быть знакомы с "режимами смешивания", если вы пользуетесь Photoshop; они позволяют совмещать слои разными способами и с ними интересно...

Magento mavzusini ishlab chiqish: Bosh sahifa 2-qism

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

Kichiklashtirish va optimallashtirish uchun PostCSS

В предыдущем туториале мы научились, как с помощью PostCSS сделать ваши таблицы стилей более кроссбраузерными, а точнее добавили поддержку старых версий IE.

PostCSS Tez boshlash: O'rnatish

Добро пожаловать в "PostCSS полное погружение: Руководство по быстрому старту". В первых статьях серии мы рассмотрим как начать работу с PostCSS самым...

PostCss, to'liq immersion: bilishingiz kerak bo'lgan hamma narsa

Если Вам, на самом деле нужно узнать что-то о PostCss, то давайте скорее приступим и узнаем, как его можно использовать.

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,...

PHP va AJAX yordamida Bootstrap kontakt formasini yaratish

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

AngularJS direktivalarini o'zlashtirish

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

HTML5 "muloqot" elementi yordamida qalqib chiquvchi va modal oynalar

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

Mobil ilova uchun Photoshop-da ochilish sahifasi dizayni

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

Eslatma: HTML5 "yuklab olish" atributidan foydalanish

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

Sassda o'zgaruvchan doirani tushunish

В этой статье мы более подробно рассмотрим переменные и область видимости переменных в Sass. Область видимочти переменной описывает контекст, в котором она...

Veb-dizayndagi buyruq qatori: yangi loyihalarni qurish

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

Veb-animatsiyalaringizga oomph qo'shish

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

Boostrap 3 haqida qisqacha: Bootstrap 3 moslashuvi

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

Veb-saytingizni semantik belgilar bilan ajralib turadigan qiling

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

Boostrap 3 haqida qisqacha: 2-versiyadan 3-versiyaga o?tish

Сложно-ли перейти с Bootstrap2 на Bootstrap3? На самом деле, вовсе нет.

Jade yordamida yuklash parchalarini yaratish

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

Dangasalar uchun sezgir tipografiya bo'yicha qo'llanma

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

CSS statistikasini tushunish: qanday qilib raqamlardan maksimal darajada foydalanish mumkin

Если вы не заметили, сайт CSS-анализа cssstats.com недавно получил капитальный ремонт. Это прекрасно разработанный инструмент, который дает вам много...

Tablesorter dasturiga kirish

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

SVG formatida kross-brauzer spritlarini amalga oshirish

В этом руководстве мы разберем основы реализации некоторых иконок в формате SVG (* Scalable Vector Graphics – масштабируемая векторная графика; открытый...

Inline SVG animatsiyasi uchun "animateTransform" dan qanday foydalanish kerak

Сегодня мы вас познакомим с использованием animateTransform для создания инлайн SVG (scalable vector graphics) анимации.

AngularJS va Laravel: CRM yaratishni tugatish

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

Sass va Compass yordamida WordPressni ishlab chiqish jarayoni

В этой статье, мы посмотрим на то как использовать Sass и Compass во время разработки WordPress темы. Мы структурируем таблицы стилей согласно SMACSS и...

CSS bilan markazlashtirish haqida bilishni xohlagan hamma narsa

Крис Койер на своём сайте CSS Tricks недавно опубликовал интересную статью, в которой продемонстрировал различные способы вертикального и горизонтального...

Qidiruv formasi bilan CSS tajribalari

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

JavaScript ulanishlaridan foydalangan holda WebDriver-ga kirish

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

Jekyll-dan foydalanish

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

Gamburger menyusi belgisini yaratish uchun 7 ta noraster yondashuv

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

Amazon Simple Email Service (SES) bilan ishlashni boshlash

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

Tezkor maslahat: Kodingizni "figura" elementi ichiga oling

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

Veb-komponentlar yordamida maxsus HTML elementlarini qanday yaratish mumkin

О веб-компонентах в настоящий момент говорят как о предстоящем "тектоническом сдвиге в веб-разработке", обещая постоянное изменение ландшафта веб дизайна....

Oddiy sezgir tarmoq, Sass bilan yanada yaxshiroq

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

Maslahat: Asosiy teg yordamida nisbiy URL manzillarining harakatini o'zgartiring

HTML тег <base> - относительно малоизвестный тег, который не так давно стал частью HTML5.

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 система блогов с отличием. Она имеет одну особенность, которая делает ее особенно интересной: вместо админ-панели вы просто создаете ваши темы в...

Shablonlar va media so'rovlari uchun "Avval o'qish qulayligi" talabi

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

Bizning yangi kurs paketimiz bilan CSS-ni o'rganing

Хотите начать изучать CSS? Этот набор курсов даст Вам все, что необходимо. В шести курсах с более чем 13 часами видео, Вы познакомитесь с необходимой для...

Javob beruvchi vaqt jadvali portfeli sahifasini yarating

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

BEM metodologiyasiga kirish

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

Bir oz maslahat: break points - ga e'tibor bering.

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

Do'stona, aniqroq veb-shakllarni yaratish

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

CSS yordamida SVG bayram piktogrammalarini qanday jonlantirish mumkin

Пришла пора, поэтому в этом руководстве мы рассмотрим, как создавать некоторые праздничные SVG-иконки, анимированные при помощи CSS. На Iconmelon, сайте, где...

Shadow DOMga kirish

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

Bootstrap 3 bilan birinchi bo'lib mobil

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

Foundation 4 Top Barni qanday sozlash kerak

Zurb's Foundation 4 имеет блестящую верхнюю панель, которая стала почти символом построения сайта Foundation. Сегодня мы рассмотрим, как вы можете...

Google Maps API uchun Retina tasviriga sezgir dizayn va disk raskadrovka

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

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

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

Manba xaritalari 101

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

HTMLni o'rganishning eng yaxshi usuli

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

Twitter egizakini noldan yaratish:

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

Meta teglar va SEO

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

Tezkor maslahat: aylantirish chiziqlarini UI dizayningizga moslashtirish

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

Bir oz maslahat: telefon raqamlarini ishlashini ta'minlash

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

Biz CSS imkoniyatlaridan foydalangan holda sezgir dizayn bilan filtrlanadigan portfel yaratamiz

Благодаря свойственной фильтрующимся портфолио (вроде Tuts+ hub) визуальной привлекательности они стали очень популярными. Сегодня мы будем создавать одно...

Oddiy Parallaks aylantirish texnikasi

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

Qisqa dars: CSS3 da tasdiqlash qutilari va radio tugmalarini yaratish

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

Moslashuvchan navigatsiyaga moslashuvchan yondashuv

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

Photoshop da grid yaratish uchun skript yozish

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

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

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

Kichkina maslahat: To'g'ri yumaloq burchaklar qiling

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

Maxsus HTML5 Audio Player yaratish

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

Sass, LESS, Stylus - qaysi biri yaxshiroq: Shootout qayta protsessor

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

Oddiy, sezgir navigatsiya Mobile First

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

Orman Clark tomonidan vertikal menyu: CSS3 versiyasi

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

Vaqtga qarab ularni o'zgartiradigan CSS uslublar jadvalini o'zgartirgichni yaratish

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

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

Onlayn tipografiya tahlili

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

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

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

Chiqish

HTML & CSS