<MyRusakov.ru />

Программирование на C++ в Unreal Engine 5

Программирование на C++ в Unreal Engine 5

Данный курс научит Вас созданию игр на C++ в Unreal Engine 5. Курс состоит из 12 разделов, в которых Вас ждёт теория и практика. Причём, в качестве практики будет создан весьма крупный проект объёмом свыше 5000 строк качественного кода, который уже на практике познакомит Вас с принципами создания игр на C++ в Unreal Engine 5.

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

Помимо самого курса Вас ждёт ещё и очень ценный Бонус: «Тестирование Unreal-проектов на Python», в рамках которого Вы научитесь писать очень полезные тесты для тестирования самых разных аспектов разработки игр.

Подробнее
Уроки и статьи
Подписка

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

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Поиск: HTTPS

Что искали: HTTPS

Всего найдено: 1088 записей

... коллекцией этих замечательных помощников. иконки шрифтовые иконки https://fontawesome.com фреймворком font awesome очень удобно пользоваться, не нужно ...
... и рекомендуемый способ (php 7.3+): передавать массив опций. <?php $ishttps = (!empty($_server['https']) && $_server['https'] !== 'off') || (isset($_server['server_port']) && $_server['server_port'] ...
... установить изображение нужного размера просто пропишите в атрибуте src ссылку (https://placeholder.com/200) и вы получите заглушку шириной 200 пикселей. если высота ...
...     <meta name="viewport" content="width=device-width, initial-scale=1.0" />     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"         integrity="sha384-+0n0xvw2esr5oomgnydnhzabdsoxxcvsn1tpprvmtndbiyzcxybool7+amvytg2x" crossorigin="anonymous" /> ...
... <?php if (!extension_loaded('curl')) { die('расширение curl не установлено'); } $ch = curl_init('https://httpbin.org/get?hello=world'); curl_setopt_array($ch, [ curlopt_returntransfer => true, // вернуть ответ ...
... базовый синтаксис ссылки минимально рабочая ссылка выглядит так: <a href="https://example.com">наш сайт</a> если href отсутствует, элемент перестаёт быть ...
...       { imgsrc: 'https://source.unsplash.com/200x200/?gift', name: 'gift 1', description: 'some description', price: 22.95 },       { imgsrc: 'https://source.unsplash.com/201x200/?gift', name: 'gift 2', description: 'some description', price: 19.35 }, ...
... <meta property="og:type" content="article"> <meta property="og:url" content="https://example.com/blog/html-meta-tags"> <meta property="og:image" content="https://example.com/og-cover.jpg"> <meta property="og:site_name" content="example ...
... — метод запроса. request_uri — путь и строка запроса. http_host — домен. https — признак https (не всегда надёжен за прокси). http_user_agent — клиент (браузер). remote_addr ...
... # создадим список с названиями некоторых сайтов и уберем знаки **протокола https**, отбросив домен **"net"**. b = ['https://www.example1.com','https://www.example2.net',      'https://www.example3.com','https://www.example4.com', ...
... просили немного осветить тему настройки https-соединения на сайте. для тех, кто не знает, зачем нужен https, объясняю: когда вы передаёте свои данные ...
... если вы не видели первую, то переходите по ссылке сюда. google webfonts helper https://google-webfonts-helper.herokuapp.com/fonts онлайн-сервис google webfonts helper позволяет получить ...
... частей, обязательных для url. например, протокол https, два прямых слэша // и так далее. const urlpattern = /(?:https?):\/\/(\w+:?\w*)?(\s+)(:\d+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/; как ...
... обработки жестов, включая свайпы. подключите библиотеку: <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> используйте hammer.js ...
... так и без плагина. анимация при скролле без плагина сайт: https://github.com/matthieua/wow https://daneden.github.io/animate.css/ как добавить в тему wordpress animate.css и wow.js и ...
... проекте. официальный сайт плагина: https://os.alfajango.com/easytabs/ подключение easytabs и bootstrap на сайте https://cdnjs.com/ можно найти cdn ссылки на любой плагин ...
...     <meta property="og:image" content="https://example.com/image.jpg" />     <meta property="og:url" content="https://example.com/page" /> </head> ...
...   <title>osrm api example</title>   <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />   <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>   <script src="https://unpkg.com/leaflet-routing-machine/dist/leaflet-routing-machine.js"></script> ...
... но легко «сломать» навигацию. <base href="https://example.com/app/" target="_self"> <!-- теперь /css/style.css интерпретируется как https://example.com/app/css/style.css --> старайтесь ...
... catch() для обработки ответов и ошибок. простейший пример get-запроса: fetch('https://jsonplaceholder.typicode.com/posts/1')   .then(response => response.json()) // преобразуем ответ в json ...
... с использованием библиотеки fetch. получение списка публикаций: fetch('https://jsonplaceholder.typicode.com/posts')   .then(response => response.json())   .then(data => console.log(data)) ...
...       return 301 https://$host$request_uri; } эти настройки включают https и перенаправляют http-запросы на https. проверьте конфигурацию nginx ...
... кроссбраузерности, добавим вендорные префиксы, для flexbox c помощью сервиса. https://autoprefixer.github.io/ru/ общие стили оформления, для вводимого текста для ...
... response = requests.get('https://example.com', cookies=cookies) print(response.text) получение cookie из ответа import requests response = requests.get('https://example.com') received_cookies = response.cookies ...
...     <title>document</title>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9ait2nrpc12uk9gs9badl411nqapfmc26ewaoh8wgzl5myyxffc+ncpb1dkgj7sk" crossorigin="anonymous"> ...
... ошибке и блокирует отправку формы получателю. официальный сайт плагина: https://jqueryvalidation.org/ для демонстрации и настройки работы плагина, нам потребуется ...
... запускать браузер вручную. import webbrowser webbrowser.open('https://myrusakov.ru/') этот код откроет веб-страницу https://myrusakov.ru/ в браузере по умолчанию на вашем компьютере. ...
... и использовать на своем сайте. подключение jquery ui официальный сайт: https://jqueryui.com/ библиотеку jquery ui можно скачать на компьютер или подключить ...
... закрытия браузера 'path' => '/', 'domain' => '', 'secure' => isset($_server['https']), // только по https 'httponly' => true, // недоступно js - защита от xss 'samesite' => 'lax', ...
... google webfonts helper - https://google-webfonts-helper.herokuapp.com/fonts генератор треугольников на css - http://apps.eky.hk/css-triangle-generator фигуры необычной формы - https://9elements.github.io/fancy-border-radius ...
... между тегами head. <link href="https://fonts.googleapis.com/css?family=pacifico" rel="stylesheet"> или копируем код @import <style> @import url('https://fonts.googleapis.com/css?family=pacifico'); ...
... формате json: [     {         "url": "https://{сайт}/vacancies/0001",         "company": "компания 1", ...
...   <title>document</title>   <!-- add bootstrap css link here -->   <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">   <style> ...
... легко создавать анимацию элементов при скролле страниц. ссылка на сайт: https://michalsnik.github.io/aos на сайте вы можете сразу увидеть, как выглядят анимированные ...
... чтобы сделать get-запрос , вызовите requests.get(): >>> requests.get('https://srs.myrusakov.ru') <response [200]> ответ запроса response - является ...
... ключевых частей: протокол: обозначает тип передачи данных (например, http, https). доменное имя: адрес сервера, где располагается ресурс. путь: путь ...
... добавляете на сайт, как обычные картинки. мне нравится брать иконки с сайта: https://www.flaticon.com/ находим через поиск иконки нужных соцсетей, выбираем ...
... перед закрывающим тегом head ссылку на css файл плагина. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> шаг 2) добавьте на ...
... initial-scale=1, shrink-to-fit=no">    <!-- bootstrap css -->    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoiresju2yc3z8gv/npezwav56rsmlldc3r/azzgrngxqqknkkofvhfqhnuweyj" ...
... «поделиться» от яндекса. ссылка на конструктор: https://tech.yandex.ru/share/ ссылка на документацию: https://tech.yandex.ru/share/doc/dg/add-docpage/ в документации подробно ...
... делать, придумали интерполяцию строки. console.log('https//site.com/' + user); // получаем на выходе https//site.com/helen_25 интерполяция строк (es6) используем ...
... отображать нашу верстку. <!--[if lt ie 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> ...
...     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet">     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css"> ...
... <html lang="en"> <head>     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">     <meta charset="utf-8"> ...
... и библиотеку jquery. <!doctype html> <html> <head>     <link href="https://fonts.googleapis.com/icon?family=material+icons" rel="stylesheet">     <link type="text/css" ...
...     <!-- bootstrap css -->     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9ait2nrpc12uk9gs9badl411nqapfmc26ewaoh8wgzl5myyxffc+ncpb1dkgj7sk" crossorigin="anonymous"> ...
... например, при чтении rss ленты. итак, код далее: const https = require('https') // функция загружает удаленный url function readurl(url) { ...
... или скомпрометированный сертификат. как работает https без ssl pinning когда клиент устанавливает https-соединение, происходит стандартная проверка ssl-сертификата ...
... по ссылке. подключение плагина typed.js официальный сайт плагина typed.js https://github.com/mattboldt/typed.js/ здесь вы можете увидеть пример, что будет происходить ...
...     <title>react state</title>     <!-- css -->     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"         integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
...     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>custom slider</title>     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">     <style> ...
...   <title>карта с пользовательскими метками</title>   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />   <style>     #map { ...
...     <!-- подключаем стили leaflet -->     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />     <style>         #map { ...
...     <title>маршрут на карте</title>     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
... общих запросов в месяц. для оценки охвата аудитории, идем на сервис яндекса https://wordstat.yandex.ru. введем в строку поиска сервиса ключевое слово – французский ...
...                     "https://myrusakov.ru",                     "https://src.myrusakov.ru"                 } ...
... шаг 2: затем, чтобы получить html-содержимое https://www.bbc.com/news , добавьте эти 2 строки кода: url='https://www.bbc.com/news' response = requests.get(url) ...
...     </div>   </div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
...     <!-- bootstrap css -->     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
... иконки из библиотеки ionicons <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... свой проект , меняя или добавляя некоторые параметры. официальный сайт: https://sarcadass.github.io/granim.js/examples.html базовая анимация градиентов состоит из ...
...     </div>     </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... jquery. поставьте следующий код перед закрывающимся тегом body: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> дальше вам надо скачать ...
... file_get_contents("http://example.ru");   // чтение удаленного файла по адресу example.ru, используя https   $httpsfile = file_get_contents("https://example.ru/file.txt");   // чтение удаленного файла по ...
... javascript файлов на удаленном сервере. <script src="https://unpkg.com/react@16/umd/react.production.min.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script> ...
...   transform: translate(-50%, -50%);   text-align: center; } примеры градиентов https://cssgradient.io https://webkul.github.io/coolhue/ https://www.grabient.com/ оттуда можно скопировать код ...
... стороннего бесплатного ресурса pixabay. <img src="https://cdn.pixabay.com/photo/2020/10/28/11/08/castle-5693094_1280.jpg" alt=""> <img src="https://cdn.pixabay.com/photo/2014/09/07/21/52/city-438393_1280.jpg" alt=""> ...
... интернете для обмена данными, мы можем выполнить следующий код: fetch('https://api.github.com/users/fabpot')   .then(res => res.json())   .then(json => console.log(json)); ...
...   <ul>     <li><a href='https://myrusakov.ru/python-tutorial.html'>python</a></li>     <li><a href='https://myrusakov.ru/cpp-tutorial.html'>c++</a></li> ...
... <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>генерация штрих-кода</title> <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/jsbarcode.all.min.js"></script> </head> <body>   <!-- вставляем сгенерированный код в виде векторного рисунка --> ...
...         <img src="https://myrusakov.ru/images/ue5-cover.png" alt="image" onclick="displaymodal(this);">         <img src="https://myrusakov.ru/images/cppue5-cover.png" alt="image" onclick="displaymodal(this);"> ...
... type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"/> <link rel="stylesheet" href="style.css"> // перед закрывающим тегом body внизу <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> ...
...     urls = [         'https://myrusakov.ru/image-format-learning.html',         'https://myrusakov.ru/protecting-a-page-with-javascript.html',         'https://myrusakov.ru/php-fluent-interface.html', ...
... синего цвета, а посещенные ссылки окрашивают в фиолетовый цвет. <a href="https://myrusakov.ru/">как создать свой сайт</a> абсолютная ссылка абсолютная ...
... шрифт <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" ...
...     <title>floating button</title>     <script src="https://unpkg.com/react@17/umd/react.development.js"></script>     <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script> ...
... sudo apt install apt-transport-https ca-certificates curl software-properties-common # добавляем ключ gpg официального репозитория docker: curl -fssl https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg ...
...       </div>   </div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
...     <title>фильтры на карте</title>     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
... //подключение библиотеки с иконками <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... просто загрузить исходники из официального репозитория bootstrap. git clone https://github.com/twbs/bootstrap.git далее переходим в папку bootstrap и устанавливаем ...
... инструкция как вставить на сайт карту с вашим объектом. переходите на сайт https://www.google.com/maps вводите в поисковую строку адрес или название места выбираете ...
... class="indicator"></div>   </ul> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... heroku, то все уже настроено и работает. вот сама ссылка: https://api.bot.org/bot<%токен_бота%>/setwebhook?url=https://myrusakovbot21.herokuapp.com/index.php все готово, теперь приступим ...
... стилей, чтобы форма смотрелась более привлекательно. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
...       width: 90%; } } анимация элементов, используя библиотеку animate.css сайт: https://daneden.github.io/animate.css/ для полного счастья, давайте оживим некоторые элементы, ...
... нелегальный способ подключения, хотя он и работает. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-o8whs3fhg2ona5kas0y9l3cfpmyjapji0e4theh4iumd+plhbf6ji0jimfyck3yz" ...
... # создаем и инициализируем объект        site = site('myrusakov.ru','https://myrusakov.ru') # выводим свойства print(site.name)    print(site.url) ...
...     <title>covid-19 stats- uk</title>     <meta charset="utf-8">     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> </head> ...
... регистрация в данной системе очень простая. вам нужно лишь перейти по ссылке https://github.com/ там ввести незанятый логин, email и пароль и после чего нажать ...
... сможете отправлять сообщения в канал с помощью простых http-запросов: https://api.telegram.org/bot%{botapikey}/sendmessage?chat_id=%{channelname}&text=%{text} %{botapikey} ...
... витамином a, а так нерастворимой и растворимой клетчаткой.<br><a href="https://site.ru/ananas"><b>ссылка</b></a>на полную статью     </p> ...
... сообщение, и введите в адресной строке браузера (без фигурных скобок{}): https://api.telegram.org/bot{bot_token}/getupdates в ответ должен прийти json ответ с chat_id или ...
... быстро создать красивую форму с индикатором заполнения. зайдите на сайт https://github.com/colourity/fort.js и скачайте архив со стилями и скриптом. создаем html ...
... $(document).ready(function () {   $("a[target]").css("color", "blue"); }); <a href="https://jquery.com/">выборка по атрибуту</a><br /> <a href="https://jquery.com/" target="_blank">выборка по атрибуту</a> ...
... пример вы можете найти здесь: http://vodkabears.github.io/vide/ теперь заходите сюда: https://github.com/vodkabears/vide качайте архив. на вашей странице подключите jquery и ...
... $url = "http://www.myrusakov.ru/";   // вызов методов сервиса   $api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");   // расшифровка данных** ...
... обязательный атрибут itemscope и тип схемы разметки itemtype. <div itemscope itemtype="https://schema.org/person"></div> далее прописываются отдельные свойство схемы, ...
... вы исправили. проанализировать страницу в сервисах: https://developers.google.com/speed/pagespeed/insights/?hl=ru https://jigsaw.w3.org/css-validator будет плюсом, если добавите другие ...
... или онлайн-генераторы. убедитесь, что файл доступен по адресу, например, https://example.com/sitemap.xml. добавьте ссылку на sitemap в яндекс.вебмастере для ускорения ...
... библиотеки. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/x+965dzo0rt7abk41jstqiaqvgrvzpbzo5smxkp4yfrvh+8abtte1pi6jizo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" ...
...     <meta name="description" content="простой пример интеграции telegram webapp."> </head> <body>     <script src="https://telegram.org/js/telegram-web-app.js"></script>     <script>         // инициализация объекта telegram webapp ...
... url легче для восприятия. взгляните на пример ниже. https://myrusakov.ru/article.php?id=1057 https://myrusakov.ru/apache-rewrite-engine-guide.html согласитесь, что читать ...
...     <title>генератор картинок</title>     <!-- bootstrap css -->     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"         integrity="sha384-qwtkzyjppejisv5waru9oferpok6yctnymdr5pnlyt2brjxh0jmhjy6hw+alewih" crossorigin="anonymous"> ...
... генератор для генерации фавиконки воспользуемся онлайн-генератором https://realfavicongenerator.net. подготовим картинку размером 260x260 пикселей в любом ...
... не бросает исключение на 4xx/5xx по умолчанию — нужно проверять res.ok. fetch('https://api.example.com/users') .then(res => { if (!res.ok) throw new error(`http ${res.status}`); return res.json(); ...
... использования: <?php $urls = [ 'https://yandex.ru', 'http://myrusakov.ru', 'http://349e9esjxaa.com', 'https://myrusakov.ru/hello' ]; foreach($urls as $url) ...
... from oauth2client.service_account import serviceaccountcredentials # определяем область доступа scope = ["https://spreadsheets.google.com/feeds", "https://www.googleapis.com/auth/drive"] # аутентификация с помощью ключей api ...
... <iframe style="width: 640; height: 480; border: none;" name="embedded_python_anywhere" src="https://www.pythonanywhere.com/embedded3/"></iframe> вставьте этот код в html-разметку ...
... "вёрстка сайта с нуля 2.0". как подключить иконки font awesome официальный сайт: https://fontawesome.com самый простой способ подключения - через font awesome cdn. вы просто ...
... к html файлу. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> находим нужную иконку на сайте https://fontawesome.com, копируем код и вставляем ...
... подобных случаев. итак, установим расширение selenium ide из магазина chrome - https://chromewebstore.google.com/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd откроем расширение в браузере ...
... компьютере пользователя, обязательно надо подключать в файле стилей. @import url(https://fonts.googleapis.com/css?family=alegreya+sans+sc:900); фотография на все окно браузера ...
...     <title>bootstrap темная тема</title>     <link       href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"       rel="stylesheet" ...
... на mac или linux. откройте терминал и вставьте следующие команды: 1) $ curl -ss https://getcomposer.org/installer | php 2) $ mv composer.phar /usr/local/bin/composer после того, как вы все ...
... версию на сайт <script src="path/to/sharer.min.js"></script> или используйте cdn <script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script> если вы используете meteor, можете ...
... бота можно запустить прямо на компьютере разработчика без настройки https веб-хуков на собственном домене. <?php require __dir__ . '/message.php'; // класс, созданный выше ...
... необходимости. аспекты безопасности: https: для сервис-воркеров требуется безопасное соединение (https) для предотвращения потенциальных угроз ...
... данные в формате html. в качестве данных будем использовать открытое api https://jsonplaceholder.typicode.com/posts. это бесплатный онлайн-сервис rest api, который предоставляет ...
... изображений. официальный сайт: https://bxslider.com/ как подключить bxslider первый способ скопировать код отсюда https://bxslider.com/install/ и вставить в свой ...
... базовой темы. после установки wordpress с официального сайта https://wordpress.org/, вам надо на сайте https://underscores.me/, сгенерировать вашу тему, дайте ей какое-нибудь ...
... иконками из библиотеки fontawesome. //ссылка на библиотеку <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5a8nwdmowrsz20fdsjczguidubr8lipyu+wymtzp1lmy9g6oc7hlzv156xqnsgnuztymefftcsfh/tnje/+xbg==" ...
...     try {         const response = await fetch('https://example.com/api/speech-to-text', {             method: 'post', ...
... совсем необязательно. можно пользоваться css генератором теней. https://css3generator.com https://webcode.tools/css-generator обучающей информации в интернете много, но ...
...             width: 50%;             background: url("https://myrusakov.ru/images/articles/javascript-debounce.jpg") white;             background-position: 100px; ...
... сделать его адаптивным – задача веб-мастера. <iframe width="560" height="315" src="https://www.youtube.com/embed/fn_jrxerhug" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ...
...     <!-- приводим стили к общему виду с помощью https://github.com/necolas/normalize.css -->     <link rel="stylesheet" href="css/normalize.css"> ...
... клиента (client errors) (400-499) ошибки сервера (server errors) (500-599) var url = "https://myrusakov.ru"; using var client = new httpclient(); var result = await client.getasync(url); ...
... скачанный драйвер браузера chromium - вот здесь вы можете найти нужную версию: https://chromedriver.storage.googleapis.com/index.html. итак, для начала установим сам selenium: $ pip install selenium ...
...     </li> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... отображался правильно, надо прописать строчку в коде между тегами head: <link href="https://fonts.googleapis.com/css?family=open+sans" rel="stylesheet"> через расширение colorzilla мы узнаем ...
... class="box">     <div class="box_header">         <img src="https://via.placeholder.com/400x150" alt="">     </div> </div> .box {     width: ...
...   &#039;https://archive.org/download/bigbuckbunny_124/content/big_buck_bunny_720p_surround.mp4&#039;; // устанавливаем постер для видео video.poster =   &#039;https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217&#039;; ...
...      <!-- font awesome -->      <script defer src="https://kit.fontawesome.com/921224fb4e.js"></script> </head> <body>     <div id="root"></div> ...
... вызываем так: loader.importjs('https://cdnjs.cloudflare.com/ajax/libs/timeago.js/3.0.2/timeago.js') // timeago().format(new date()) loader.importjs('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js') ...
... другие шрифты <link href="https://fonts.googleapis.com/css?family=forum|roboto+slab:400,700" rel="stylesheet"> //подключаем библиотеку font awesome <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> ...
... одной библиотеки, то добавь ещё одну. подключение плагина wow.js сайт: https://github.com/matthieua/wow нужно сделать так, чтобы анимация срабатывала только ...
... следующим кодом: from http.server import httpserver, cgihttprequesthandler server_address = ("",8800) httpd = httpserver(server_address, cgihttprequesthandler) httpd.serve_forever()  ...
... онлайн-сервисов с базой данных зарегистрированных торговых знаков. https://www.trademarkia.com/ https://trademark-search.marcaria.com/ но самый простой путь - установить браузерное ...
... пропишем ссылки, между тегами head. <link href="https://fonts.googleapis.com/css?family=roboto+slab:400,700" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"> ...
... class="clip clip2"></div>     <div class="clip clip3"></div> </div> @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... инструмент burp suite, который позволяет перехватывать и анализировать http/https-трафик между веб-браузером и сервером. это позволяет тестировщикам ...
... на сервис. итак, впервую очередь необходимо зарегистрироваться на heroku - https://signup.heroku.com/account. далее необходимо установить инструмент командной ...
... часто «тяжелее» картинок. нативный loading="lazy" работает и для iframe: <iframe src="https://www.youtube.com/embed/video_id" title="видеообзор" loading="lazy" width="560" height="315" allow="accelerometer; ...
... name="square-outline"></ion-icon></div> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> ...
... use ratchet\connectioninterface; use react\eventloop\factory; use react\socket\server; use ratchet\websocket\wsserver; use ratchet\http\httpserver; class chat implements messagecomponentinterface {     public function onopen(connectioninterface $conn) { ...
... преимуществом. скачать openserver можно здесь: https://ospanel.io. как его скачать, установить и настроить, я показывал в своём бесплатном курсе: https://srs.myrusakov.ru/freephp7.
несколько дней назад я выпустил новый курс по php 7: https://srs.myrusakov.ru/freephp7. на момент написания статьи его получило уже 4899 человек. и в этой статье ...
... btn = document.queryselector('#btn'); // занесем тестовый url в переменную const url = 'https://jsonplaceholder.typicode.com/users'; // функция будет принимать в качестве параметра ...
...     return $response; // возвращаем html-ответ } $url = 'https://myrusakov.ru'; // url для запроса $res = httpget($url); // получаем html-контент с url ...
... подмену. если рядом с https отображается иконка замочка, значит данные передаются по защищенному каналу. протокол https обеспечивает защиту ...
... content="width=device-width, initial-scale=1"> подключаем google шрифт между тегами head. <link href='https://fonts.googleapis.com/css?family=roboto+slab:700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> ...
... стандартам w3c. копируете html код страницы и вставляете в поле формы на сайте https://validator.w3.org. для проверки всего сайта, который уже размещен в интернете, ...
...     static void main(string[] args)     {         string url = "https://example.com/data";         httpwebrequest request = (httpwebrequest)webrequest.create(url); ...
... командная строка в терминале. выполните команду клонирования: git clone https://github.com/login/login.github.io в папке с проектом на компьютере появится папка ...
... импортировать его. далее пример кода: import webbrowser webbrowser.open ('https://myrusakov.ru', new=2) если параметр new равен 0, url открывается в ...
... библиотеки fontawesome, предварительно подключив ее. <head> ... <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> ... </head> <div class="navigation"> ...
... залогиниться на сайте. нам понадобится скачать selenium webdriver для браузера chrome c сайта https://chromedriver.chromium.org/downloads, а также модуль selenium для работы с драйвером через ...
... import time import requests from bs4 import beautifulsoup # config url = 'https://{ваш_сайт}/vacancies/middle_php_developer' # заголовки запроса headers = { ...
... строиться логика работы приложения? для примера будем использовать сервис https://jsonplaceholder.typicode.com. мы опишем json-ответы сервиса с помощью pojo (plain old java ...
...   <title>модальное окно на чистом css</title> </head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-gn5384xqq1aowxa+058rxpxpg6fy4iwvtnh0e263xmfcjlsawiggfaw/dais6jxm" crossorigin="anonymous"> ...
... более чистым и понятным синтаксисом. пример использования fetch api: fetch('https://api.example.com/data')   .then(response => response.json())   .then(data => console.log(data)) ...
... поздних версиях, программа не поддерживает 32-bit. ссылка на скачивание: https://netbeans.org/downloads/8.0/ для 32-bit windows доступны для скачивания 5 сборок netbeans, ...
...     <!-- подключаем библиотеку chart.js -->     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>     <style>         body { ...
... для подключения иконки, загрузим библиотеку fontawesome. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> под навигационной панелью, ...
...     <!-- 1. подключаем библиотеку -->     <script src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" type = "text/javascript"></script> ...
... через websocket, используется wss (websocket secure), который работает поверх tls/ssl (как https). это важно при передаче конфиденциальной информации. пример создания ...
... следующую строку в секцию вашего html-документа:    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-evstqn3/azprg1anm3qdgpjlim9nao0yz1ztcqtwfspd3yd65vohhpuucomlasjc" crossorigin="anonymous"> ...
... эффекта с помощью только лишь css: html код: <img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" /> код css: ...
...   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>tilewind css example</title>   <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> </head> ...
...   // создаем нового клиента   $client = new client([     'base_uri' => 'https://какой-то-сайт.ru/', // базовый uri, от него и будем двигаться дальше ...
... вставим фрейм c url сайта. html-код <div class="smartphone"> <div class="content"> <iframe src="https://your_site.ru"> </div> </div> демонстрационный сайт, внутри фрейма ...
... поведение браузера - прописать в теле callback функции - метод preventdefault(). <a href="https://www.google.com/">ссылка</a> <script> let link = document.queryselector('a'); link.addeventlistener('click', ...
... изображение через fetch, преобразовать его в blob и отобразить на странице: fetch('https://example.com/image.png')   .then(response => response.blob())   .then(imageblob => { ...
... подключения, через cdn, вставьте ссылку между тегами <head>. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmocqbtlwilj8lytjo7moustjskc4popqbqyi7rrhn7udi9rwhkkmhpvlbhg9sr" ...
... async function load_article() {   try {     const post = await fetchdata('https://api.myrusakov.ru/post/12');     console.log(post);   } catch (error) { ...
... галочки у нужных вариантов. и вставляете в html страницу. <link href="https://fonts.googleapis.com/css?family=roboto:300,300i,400,400i,700,700i&display=swap" rel="stylesheet"> здесь используется ...
... сайте. это можно сделать так:     $rss = file_get_contents('https://news.yandex.ru/science.rss');     $rss  = simplexml_load_string($rss);      ...
... программирование на jquery. между тегами head подключаем библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> jquery код <script> $(document).ready(function(){ ...
... позволяет быстро писать html/css код, используя сокращенную запись. на сайте https://emmet.io, в разделе документация, есть масса примеров сокращений кода. ...
... <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>генератор паролей</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> </head> <body> <div class="container mt-5"> ...
... поставим ссылку на библиотеку иконочных шрифтов fontawesome. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> .exam_03 {     border-radius: ...
... максимальное и минимальное. <h1>hero text</h1> h1 {     background: url(https://cdn.pixabay.com/photo/2019/03/11/09/53/car-4048220_1280.jpg) #000;     background-size: cover;     background-position: ...
... некоторое время не показывалось. подключим библиотеку jquery <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> весь jquery код будем писать ...
... интерпретатор питона и установим его на компьютер. откройте официальный сайт https://www.python.org и перейдите во вкладку downloads и скачайте последнюю версию. ...
...     # функция для перевода текста с заданного языка на целевой язык     url = "https://translate.googleapis.com/translate_a/single"     # url для запроса к google translate api ...
...         }     </style>      <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  </head> <body>     <table class="w3-table w3-table-all"> ...
... простейщий get запрос с помощью функции fetch() будет иметь следующий вид: fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json ...
... // filters[order_statuses][0]=6&filters[order_statuses][1]=5&filters[order_statuses][2]=3&filters[order_statuses][3]=1&filters[order_statuses][4]=7&filters[order_statuses][5]=8&filters[order_statuses][6]=4&filters[customer_cities][0]=1&filters[customer_cities][1]=2&filters[customer_cities][2]=8&sort[customer]=asc const url = 'https://srs.myruakov.ru' + '?' + query_string; console.log(url); таким образом, ...
... трансформировать её в крестик. первым делом подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> html разметка создадим ...
... разными способами, один из них я покажу далее. допустим у нас такой url-адрес: https://srs.myrusakov.ru/order?product_ids=31&is_digit=1&country_id=1&pm_id=3&key=2qt3akj получить ...
... tls/ssl для шифрования данных, передаваемых между клиентом и сервером. как и https по сравнению с http, wss добавляет слой безопасности, что особенно важно ...
... разумеется, что у вас уже создан аккаунт в яндексе. переходите по ссылке https://metrika.yandex.ru/. нажимаете на кнопку добавить счетчик и заполняете форму. ...
... class="summaresult"></span></b></p> </form> 2) подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 3) напишем скрипт калькулятора ...
... зададим css стили для всех созданных элементов в html-разметке. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... справа</a>     </p> </div> общие css стили @import url("https://fonts.googleapis.com/css2?family=roboto+condensed:wght@700&display=swap"); body {     font-family: ...
... */     min-height: 100vh;/* 100% по высоте */     background-image: url('https://cdn.pixabay.com/photo/2020/12/22/12/38/cat-5852139_1280.jpg');     background-repeat: no-repeat; ...
... при скролле картинка принимала свой первоначальный размер. @import url('https://fonts.googleapis.com/css?family=poppins:300,400,500,600,700&display=swap'); *{     margin: 0;/*обнуление ...
... забывать про то, как будет выглядеть вводимый пользователем email. @import url('https://fonts.googleapis.com/css?family=poppins:300,300i,400,500,500,600,700,800,900&display=swap'); *{     margin: ...
... сделаем покадровую анимацию вращения вокруг своей оси для блока box. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... //html разметка <h1 data-text="animation...">animation...</h1> //css код @import url('https://fonts.googleapis.com/css2?family=poppins:wght@700&display=swap'); *{     margin: 0;/*обнуление ...
... </section> разместим всю конструкцию в центре браузера. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... окно с формой подписки на новости. <a class="btn">subscribe us</a> @import url('https://fonts.googleapis.com/css?family=poppins:100,200,300,400,500,600,700,800,900'); *{     margin: ...
... class="box">     ...     <h2>neon text</h2> </div> @import url('https://fonts.googleapis.com/css2?family=monseratt:wght@600;700&display=swap'); *{     margin: 0;     padding: ...
... src="turtle.jpg">         ...     </div> </div> @import url('https://fonts.googleapis.com/css2?family=poppins:wght@300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... </ul> css стили поработаем над внешним видом меню. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... <section>     <h2 class="text">circle-text-effects-</h2> </section> @import url('https://fonts.googleapis.com/css?family=roboto:300,400,500,700,900&display=swap'); *{     margin: 0; ...
...     </div>   </div> </div> стилизация карточки @import url('https://fonts.googleapis.com/css?family=roboto:300,400,500,700,900&display=swap'); *{     margin: 0; ...
...     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">     <title>posts</title> ...
...     <div class="icon"></div>     <div class="input"> </div> @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... </div> css код стилизуем контейнер с карточкой. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... веб-разработчиком, необходимо понимать, как работает интернет и что такое протокол http/https, модель tcp/ip. хостинг доменнов и dns: также очень важно иметь представление, ...
... css код сделаем секцию flex-контейнером с градиентным фоном. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... выравнивать внутри себя дочерние элементы так, как нам нужно. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... производиться под windows. давайте скомпилируем скрипт игры змейка. возьмем скрипт с https://github.com/ivangolubykh/python-snake. скопируем код и назовем его snake.py. в итоге, у нас ...
...   print(top) # запуск кода if __name__ == '__main__':   url = "https://myrusakov.ru/python-tutorial.html"   scarpy(url) полученный пример имеет множество ...
... размытия через значение inherit. это важно! html {     background: url("https://cdn.pixabay.com/photo/2020/07/24/21/58/lemon-5435158_960_720.jpg")     no-repeat fixed center / cover; ...
... как значение space-between прибило обе кнопки к разным полюсам. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... позиционирование выравнивание контейнера accordion в центре экрана. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... выравнивающие по центру и назначим ее флексовым контейнером. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@700&display=swap'); *{     margin: 0;     padding: ...
... курсор (cursor). <head>     ...     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">     ... </head> ...
... формы добавим к форме css стили для визуальной эстетичности. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... горящие в огне буквы. контент в центре страницы @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900"); * {     margin: 0;     padding: ...
...   </div> </div> размещение контейнера в центре @import url('https://fonts.googleapis.com/css?family=poppins:100,200,300,400,500'); *{     margin: 0;     padding: ...
... </div> css код расположим popup в центре страницы. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... текста..</p> </section> и сделаем внешнее оформление. @import url('https://fonts.googleapis.com/css?family=poppins:400,500,600,700,800&display=swap'); *{     margin: 0; ...
... html <div class="loader">     <span>loading</span> </div> // css @import url("https://fonts.googleapis.com/css?family=poppins:100,200,300,400,500,600,700,800,900"); * {     margin: 0; ...
... крупном заголовке. поэтому увеличим визуально данную область. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... будет три колонки, а на смартфонах одна колонка и три ряда. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900'); *{     margin: 0; ...
... прежнему имеет прямоугольную форму. магия произойдет чуть позже. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... разместить список в центре по вертикали и по горизонтали. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... выведем календарь внутри белого контейнера и в центре страницы. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... </nav> поместим ссылки в гибкий контейнер (flex) и приукрасим их. @import url("https://fonts.googleapis.com/css?family=roboto:400,400i,700"); * {     margin: 0;     padding: ...
... воспользуемся быстрым способом подключения - через cdn-ссылку. <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 2) получить ...
... из библиотеки fontawesome и вставляем их в тег i. <head> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfxpqpzzvqgk6tah5pvlgofqnhsod2xbe+qkpxcaflneevoeh3sl0sibvcoqvnn" ...
... уберем черные маркеры и красиво оформим сами пункты меню. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); * {     margin: ...
...   <meta charset="utf-8">   <title></title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggoyr0ixcbmqv3xipma34md+dh/1fq784/j6cy/ijtquohcwr7x9jvorxt2mzw1t" crossorigin="anonymous"> ...
... нашу форму в белый контейнер и выровняем по центру экрана. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... на библиотеку с иконками fontawesome <head>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <section>   <div ...
... ластика */     height: 100px; /*высота ластика */     background: url("https://cdn.pixabay.com/photo/2021/09/16/21/27/container-ship-6631117_960_720.jpg");     background-size: cover; ...
... стили для текста и разместим всю конструкцию в центре экрана. @import url('https://fonts.googleapis.com/css2?family=ubuntu:wght@300;400;500;700&display=swap'); *{     margin: 0; ...
... контейнер rating со смайликами внутри в центре экрана в один ряд. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... .pink{     background: #f6a4bb; } подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> получить значение атрибута ...
... процесс установки и обновления unity. перейдите на официальный сайт unity - (https://unity.com) и найдите раздел загрузок. скачайте последнюю версию unity hub ...
... # цикл чередования firefox, chrome и safari для тестирования веб-сайта. webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)  ...
... from selenium.webdriver.support import expected_conditions as ec from  selenium import webdriver import lxml import time link = r'https://www.cryptocompare.com/' browser = webdriver.chrome() browser.get(link) try:     webdriverwait(browser, 10).until(ec.presence_of_element_located( ...
... browser.maximize_window() # открытие посиковика в браузере browser.get('https://images.google.com/') # находим поисковое окно box = browser.find_element(by.css_selector, 'input[class="glfyf"]') ...
... необходимо загрузить саму библиотеку, которая находится по вот этому адресу https://www.e-iceblue.com/introduce/free-pdf-for-java.html. для загрузки необходима простая регистрация. ...
... end_time = int(end_time.timestamp() * 1000)  # перевод в миллисекунды # загрузите данные url = f'https://api.binance.com/api/v3/klines?symbol={symbol}&interval={interval}&starttime={start_time}&endtime={end_time}' ...
... # шаблон url у которого меняется идентификатор url = 'https:/example.com/post/%d' # заголовки запроса, представляемся браузером firefox/45 на mac os ...
... css свойства для фоновой картинки .bg-img{     background-image: url("https://cdn.pixabay.com/photo/2020/04/06/02/29/love-5008071_1280.jpg");     height: 480px;     width: ...
... установкой и обновлением unreal engine. посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите ссылку "get epic games" (скачать epic games) и кликните по ней.вы ...
...     for headline in headlines:         print(headline.text) website_url = "https://www.example.com" scrape_website(website_url) автоматическое отправление электронной ...
... прежде всего нам понадобятся звуки нот в формате wav. перейдите по ссылке https://zvukogram.com/category/zvuki-not/ и скачайте звуки, начиная с ноты do, и заканчивая ...
... сами задаете и работает по аналогии с маской в photoshop. генератор clip-path - https://bennettfeely.com/clippy выберите нужную геометрическую фигуру переставьте ...
...     // делаем запрос на сервер, в качестве второго аргумента передаем объект со свойством signal     fetch('https://myrusakov.ru/posts', { signal: signal })         .then(response => response.json()) ...
...         const response = await axios.get(           `https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ`         ); ...
...     // немного сокращаем сообщение, чтобы оно с большей вероятностью соответствовало ограничению длины url-адреса браузера (которое в некоторых браузерах составляет 2083 символа).     stack = stack.replace(/https?\:\/\/[^/]+/gi, '');     // вызов обработчика на стороне сервера, который, должен зарегистрировать ошибку в базе данных или файле журнала ...
...     <title>document</title> </head> <body>     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-glhltq8irabdzll6o3ovmwsktqop6b7in1zl3/jr59b6eggoi1afkw7cmda6j6gd" crossorigin="anonymous"> ...
...     // данная функция выполняет запрос на сервер и декодирует полученные json-данные     $resp = file_get_contents(         "https://ipinfo.io/$ip?token={ваш_апи_ключ}",          false, $context ...
...             // создаем объект клиента             httpget request = new httpget("https://myrusakov.ru");             // добавляем заголовки запроса ...
...     <title>autoclose menu</title>     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">     <style> ...
... файлом main.py. после чего вводим: >>>python main.py # вывод https://127.x.x.x переходим по указанному адресу в браузере и нажимаем ...
... библиотеку с иконками между тегами <head></head>. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"> выбираем нужные иконки на ...
... # создадим  экземпляр драйвера my_driver = webdriver.chrome(path) # пропишем адрес сайта my_driver.get("https://myrusakov.ru/python-tutorial.html") # получим список ссылок из страницы сайта ...
...         # открываем страницу по адресу          self.driver.get("https://myrusakov.ru/register.html")         # установка размеров окна ...
... ввиду. загрузчик вордпресса загружает файлы в стандартную директорию (https://domain.com/wp-content/uploads/woocommerce_uploads/2017/06/name-product.jpg). woocommerce конечно же прячет ...
...     <title>document</title>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-jckb8q3iqj61gnv9kgb8thssnjpsl0n8parn9huzonixn0hop+vmmdgmn5t9uj0z" crossorigin="anonymous"> ...
... библиотеки jquery, предварительно подключив ее к html странице. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> поместим функцию loaditems() ...
...     <title>react dependent select</title>     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
... интегрированную среду разработки visual studio community. ссылка на скачивание: https://visualstudio.microsoft.com/ru/downloads/ страница с редакциями visual studio: ...
... можно, если указать цвет текста transparent и задать свойство text-stroke. @import url('https://fonts.googleapis.com/css?family=poppins:300,400,500,600,700,800,900&display=swap'); *{     margin: ...
...         progress.update(len(data)) запуск скрипта: >>>python download_indicator.py https://download.virtualbox.org/virtualbox/6.1.18/virtualbox-6.1.18-142142-win.exe # расширения файлов должны оканчиваться на .exe, .pdf, etc. ...
... карточки расположение карточки в центре и создание теней. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900'); body{     margin: ...
... стилизация текста сделаем текст крупнее и уплотним его. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{ margin: 0; padding: 0; ...
... pip3 install opencv-python qrcode  import qrcode # импотируем модуль  string = "https://myrusakov.ru" # строка для перевода в qr file = "myrusakov_out.jpg" # файл для хранения полученного штрих кода ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip ...
... функцию, которая при клике меняет css классы, туда и обратно. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript">   $(document).ready(function(){ ...
... должна появиться таблица. далее скачиваем selenium web driver для firefox. по адресу https://github.com/mozilla/geckodriver/releases/. называется он geckodriver. необходимо скачать архив ...
... import localstoragedb from './localstoragedb' const db = new localstoragedb('myrusakov'); db.save('url','https://myrusakov.ru'); console.log(db.fetch('url')) db.drop()
... счетчики и веб-аналитику. <!-- пример подключения google analytics --> <script async src="https://google-analytics.com/analytics.js"></script> атрибут defer делает тоже самое, но с ...
...     <script src="script.js"></script> </body> </html> файл style.css @import url('https://fonts.googleapis.com/css?family=nunito&display=swap'); :root {   --success-color: #0cb854; ...
...     return $response_text; } файл index.php <?php require_once ('functions.php'); $url = "https://news.yandex.ru/internet.rss"; $apikey = "api_key"; // данный запроса: resource -> url, key -> key ...
...     // ссылка на rss-ленту - она в формате xml     private var rssurl = "https://career.habr.com/vacancies/rss?currency=rur&sort=relevance&type=all"     // основной метод любой активити, в которой загружается и устанавливается макет ...
... # код для пользовательского ввода с консоли # вводимая страница https://myrusakov.ru/python-tutorial.html url = input("введите адрес страницу") # отправка запроса на сайт и получение ответа ...
... объединения оператором join. мы будем использовать учебную базу по адресу: https://www.w3schools.com/sql/trysql.asp?filename=trysql_asc . и так мы хотим осуществить выборку ...
...                 var imagebytes = downloadimage("https://source.unsplash.com/random");                 // создаем объект bitmap из массива байт ...
... установка python: если у вас еще нет python, скачайте его с официального сайта https://www.python.org/downloads/. установка библиотеки python-telegram-bot: откройте командную ...
...     {         $url = sprintf('%s/%s', 'https://jsonplaceholder.typicode.com', $part);         return $this->fetch($url); ...
...     <title>линейный график с несколькими линиями</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <canvas id="mychart" width="400" height="200"></canvas> ...
... поставим текст в центре экрана и поместим его в контейнер. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... тестовое приложение. спасибо за внимание. кстати, пример создания сайта на основе фреймворка yii можно посмотреть в моем курсе https://srs.myrusakov.ru/yii
... подключаем иконочный шрифт до закрывающего тега head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... подключения выбранного шрифта и вставляем сверху в css файле. @import url('https://fonts.googleapis.com/css?family=marck+script'); в селекторе body пишем название выбранного ...
... потребуется правка кода. внимание! правка кода. в разделе помощи по адресу https://mobiriz.store/help-12.html, подробно расписано, как настроить работу формы обратной ...
... ссылку между тегами <head>. мы воспользуемся cdn ссылкой. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrme5qonljuremfsqc01sb46jvros7bzs3io2emffsd15uhvit+y8vef7n7fwau" ...
... то и браузер не будет загружать данное изображения.   <img data-src="https://ik.imagekit.io/demo/default-image.jpg" /> теперь, так как мы предотвратили загрузку ...
... <head>   <meta charset="utf-8">   <title>chatty</title>   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mtjoasx8j1au+a5wdvnpi2lkffwweaa8hdddjzlplegxhjvme1fgjwpgmkzs7" ...
... классов bootstrap-а, следует присвоить каждой колонке. переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", ...
... переопределять без !important. @layer reset { /* пример через cdn (для иллюстрации) */ } @import url("https://cdn.jsdelivr.net/npm/modern-normalize/modern-normalize.css") layer(reset); теперь любые ваши базовые ...
... плагинов с таймерами обратного отсчёта, самым толковым оказался - wp dev art. https://wpdevart.com/wordpress-countdown-plugin/ таймер можно добавить как в сайдбар, так и ...
... кнопку отправить 1) добавить ссылку между тегами head: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 2) вставить иконку между ...
... менее броский - roboto. вставляем код в самый вверх css файла. @import url('https://fonts.googleapis.com/css?family=lobster|roboto:700i'); по порядку начинаем писать стили, ...
...         // url видео         val videouri = uri.parse("https://www.example.com/video.mp4")         val mediaitem = mediaitem.fromuri(videouri) ...
... данная ссылка через тег script, так же в конец html-файла. <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </body> какой же вариант ...
... вы можете предпринимать дальнейшие действия.   <?php   $url = 'https://myrusakov.ru';   if(issiteavailible($url)){     echo 'сайт доступен.'; ...
...     <title>карта с вашим местоположением</title>     <script src="https://api-maps.yandex.ru/2.1/?lang=ru_ru" type="text/javascript"></script>     <script type="text/javascript"> ...
... копирования строки с кодом и вставки между тегами head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... пример с добавлением иконок для списка валют. шаг 1 скачиваем с сайта https://fontawesome.ru/ иконочный шрифт и подключаем к своему сайту через файл css. ...
... файле. вот так выглядит конфиг со всеми доступными опциями: [api] token = url = https://asciinema.example.com [record] command = /bin/bash -l maxwait = 2 yes = true quiet = true [play] maxwait = 1 ...
...     # url html-версии поисковой страницы duckduckgo     url = "https://html.duckduckgo.com/html/"     # отправляем post-запрос к серверу ...
... пространство - cover и не будет повторяться - no-repeat. body {     background: url(https://cdn.pixabay.com/photo/2017/06/12/17/54/anemone-2396299_1280.jpg);     background-repeat: no-repeat; ...
... текущий url-адрес вовсе не myrusakov.ru, а другой сайт? history.pushstate(null, null, 'https://yandex.ru/'); данная строчка кода вызовет исключение "securityerror: ...
... посмотреть вживую на то, как изображение кодируется в текст можно на сайте https://dopiaza.org/tools/datauri/, который вы можете использовать для преобразования ...
... import, копируем код на google fonts и вставляем в верх файла style.css. @import url('https://fonts.googleapis.com/css?family=lobster'); прописываем название выбранного шрифта: ...
... документу ссылку на файл стилей с иконочным шрифтом. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> html разметка создадим ...
... json_hex_tag|json_hex_amp|json_hex_apos|json_hex_quot — безопасная встраивка json в html. <?php $city = ['city' => 'москва', 'url' => 'https://example.com/a/b']; echo json_encode($city, json_unescaped_unicode | json_unescaped_slashes | json_pretty_print); $price ...
... подойдёт как для старта в профессии, так и для углубления существующих знаний. подробнее о курсе можно узнать по ссылке: https://srs.myrusakov.ru/proweb
... rel="stylesheet" href="css/style.css"> /* подключить перед закрывающимся тегом body */ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="js/jquery.vide.min.js"></script> ...
... private async void buttonfetchdata_click(object sender, eventargs e) {     string url = "https://api.example.com/data";     try     {         string json = await fetchdataasync(url); ...
... цифры: /^\d+$/ uuid v4: /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i вытащить все url: '~https?:\/\/[\w.-]+(?:\/[\w\-._~:?#\[\]@!$&'()*+,;=]*)?~iu' slug из строки: замените всё, кроме букв/цифр ...
... # директория для сохранения файлов save_directory = 'downloaded_svgs' # базовый url base_url = 'https://example/img/cities/{}.svg' # итерируем по числам от 1 до 10 ...
... должен понравиться больше. вывод списка с плагином acf сайт плагина: https://www.advancedcustomfields.com на странице с документацией, выберите field types -> text. ...
... пользователях и организациях, их проектах, и т.д. давайте взглянем на пример: curl https://api.github.com/orgs/yandex в этом примере мы используем консольную утилиту ...
...     <button>отправить</button>   </form>   <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>   <script src="send.js"></script> </body> ...
... from bs4 import beautifulsoup # url страницы с прогнозом погоды url = 'https://example.com/weather' # получение данных с сайта response = requests.get(url) ...
... копируем css ссылку на bootstrap.mini.css и вставляем ее в тег head. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-psh8r72jq3sodhvi3uxftmaw6vc51mkb0q5p2rruppvrszue4w1povhygtpbfshb" ...
... html-документу библиотеку jquery и скачанный с сайта плагин – parallax.js. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="/js/parallax.js"></script> ...
... базовый cors для простых сценариев <?php $origin = $_server['http_origin'] ?? ''; $allowed = ['https://app.example.com']; if (in_array($origin, $allowed, true)) { header('access-control-allow-origin: ' . $origin); ...
... charset="utf-8">    <!-- latest compiled and minified css -->    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-bvyiisifek1dgmjrakycuhahrg32omucww7on3rydg4va+pmstsz/k68vbdejh4u" ...
... по умолчанию на любом wordpress сайте форма логина находится по адресу: https://site.com/wp-admin/ и это известно всем, в том числе и хакерам. использование ...
... достаточно простая. установка подключите необходимые скрипты: <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.js"></script> <script src="http://marvl.infotech.monash.edu/webcola/cola.v3.min.js"></script> ...
... сервисов рассылки. комбинация плагинов (mailpoet & popup maker) http://www.mailpoet.com/ https://wordpress.org/plugins/popup-maker/ скачайте и активируйте плагины на своем сайте. ...
... подключить библиотеку jquery и плагин fancyselect, который вы можете скачать по ссылке: https://github.com/octopuscreative/fancyselect по умолчанию fancyselect использует собственные ...
... эффекта: tip.type('error').effect('fade'); почитать подробнее вы можете здесь: https://github.com/darsain/tooltip/wiki/tooltip итак, вот такой простой сервис, который, однако, ...
... дополнения, чтобы поддерживать ws:// и wss:// протоколы в дополнение к http и https. поддержка браузерами большинство современных браузеров поддерживают ...
... позволяющую добавить динамики на ваш сайт - dynamo.js. перейдите по ссылке https://github.com/jdan/dynamo.js и скачайте ее с github. оффициальный сайт: http://jdan.github.io/dynamo.js/ ...
... будет стоить среднестатистический клик в вашей нише. яндекс директ https://direct.yandex.ru в разделе прогноз бюджета, рекламодатели могут примерно ...
... админ ресурса получает данные в одинаковом формате. по этому адресу: https://jqueryui.com/datepicker/ вы увидите несколько вариантов виджета datapicker, мы рассмотрим ...
... будет выглядеть. чтобы скачать необходимые файлы, перейдите по ссылке: https://github.com/malkafly/endcredits/ и нажмите кнопку "download zip", чтобы скачать zip архив. ...
... на jquery с помощью небольшого плагина. итак, для начала зайдите по ссылке: https://github.com/aarondo/tabulous.js и скачайте zip архив. там вы найдете необходимые стили ...
... простой скрипт, но он позволяет сделать неплохой эффект. зайдите по ссылке: https://github.com/carrot/share-button найдите справа кнопку download zip. нажмите на нее. вы скачаете ...
... lang="ru"> <head>   <meta charset="utf-8">   <title>angular js</title>   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> </head> <body ng-app>   ...
... lang="ru"> <head>   <meta charset="utf-8">   <title>angular js</title>   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> </head> <body ng-app>   ...
... запрос по данным из формы соответствующего оператора. например, для beeline: https://www.beeline.ru/sms/index.wbp. безусловно, пользователю надо будет ещё подгрузить ...
... описание метода. делать мы это будем через php: <?php   $wall = file_get_contents("https://api.vk.com/method/wall.get?v=5.3&filter=others&domain=myrusakov&count=5");   print_r($wall); ?> ...
... закладки и гиперссылки в документ. $section->addbookmark('mybookmark'); $section->addlink('https://example.com', 'visit example.com'); 6. создание заголовков и колонтитулов ...
... шапки. перед закрытием тега head, вставьте ссылку на библиотеку. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> вставьте небольшой скрипт ...
... ждите их через promise.all. const ids = [1, 2, 3]; const promises = ids.map(async id => { const res = await fetch(`https://api.example.com/items/${id}`); return res.json(); }); const items = await promise.all(promises); console.log(items); ...
... freeze > requirements.txt напишите простой скрипт. # app.py import requests resp = requests.get("https://api.github.com") print("status:", resp.status_code) python app.py чек-лист по venv и requirements.txt ...
... false || $url === null) { $error = 'укажите полный url с путем и параметрами (например, https://site.com/page?x=1)'; } фильтрация текста и безопасный вывод ранее популярный ...
... подключите стили <link rel="stylesheet" href="yourpath/fakeloader.css"> подключите скрипты <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> <script src="yourpath/fakeloader.min.js"> проведите ...
... ценовым диапазоном и двумя ползунками. найти его можно по этому адресу: https://jqueryui.com/slider/#range такие слайдеры чаще всего используют в интернет-магазинах, ...
... content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="https://fonts.googleapis.com/css?family=open+sans:300,400,600,700" rel="stylesheet"> <link type="text/css" rel="stylesheet" ...
... например, можно использовать «roboto» из бесплатной службы google fonts: @import 'https://fonts.googleapis.com/css?family=roboto:300,400,500'; body {    font-family: "roboto", "helvetica", "arial", ...
... для этого отлично подходит библиотека requests: import requests response = requests.get('https://api.example.com/data') data = response.json() # автоматически парсит json print(data) хочешь ...
... controller; settimeout(() => controller.abort(), 2000); // отменим через 2с try { const res = await fetch('https://example.com/data', { signal }); const data = await res.json(); console.log(data); } catch (e) { if (e.name === ...
... name="allowscriptaccess>   <param value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" name="movie">   <param value="way=https://files.myrusakov.ru/free/files/music.mp3&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=470&h=70& time_seconds=0&autoplay=0&q=&skin=sky&volume=70&comment=myrusakov.ru" ...
... box-sizing: border-box;   margin: 0;   padding: 0; } @font-face {   font-family: pfs-bold;   src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/142996/pfsquaresanspro-bold.otf'); } body {   background: $dark; } .drop ...
... пикселей. подключаем к html файлу библиотеку jquery и javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="js/index.js"></script> ждем ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель ...
логирование в python — это основа наблюдаемости и отладки. правильно настроенный logging экономит часы на поиске проблем и делает сервисы предсказуемыми. ...
зачем нужен web storage и чем полезен localstorage в javascript web storage api даёт два простых механизма для хранения данных на стороне клиента: localstorage и sessionstorage. ...
этот материал — ответ на частый запрос «c++ чтение и запись файлов: ifstream/ofstream примеры». разберём базовые классы потоков, режимы открытия, безопасные ...
разделим рисование куба условно на пять сторон и сверху крышка top. html код тегами span обозначим 4 стороны куба с использованием переменной i. ...
поисковый запрос, под который оптимизирована статья: «css единицы измерения: px, em, rem, vw, vh» зачем понимать css‑единицы единицы измерения в css напрямую ...
запрос «измерение времени в c++» стабильно популярен у начинающих и продолжающих разработчиков. часто нужно понять, сколько работает алгоритм, ...
если вы только осваиваете ооп в python для начинающих, важно понять ключевые идеи: класс описывает «тип» объекта, а объект — это конкретный экземпляр ...
запрос: правило трёх в c++, правило пяти в c++, правило нуля в c++ — понятное руководство с примерами и лучшими практиками. зачем нужно правило трёх, ...
циклы — один из первых инструментов, которые осваивают в python. они помогают обходить коллекции, повторять действия и управлять потоком выполнения. ...
иконка сайта (favicon) — это небольшой, но важный элемент, который виден на вкладках браузера, в списке закладок, на экране смартфона и в ярлыках ...
если вы когда‑нибудь использовали цикл for в python, вы уже пользовались итераторами. в этой статье мы разберёмся, что такое итерабельные объекты ...
приветствую! в сегодняшней статье мы рассмотрим машину состояний (state machine) в python — мощный инструмент для упрощения и структурирования процессов ...
запрос «загрузка файлов в php» чаще всего приводит к примерам на пару строк, но в продакшене так делать нельзя. ниже — пошаговое руководство с ...
php пространства имен (namespace) — это механизм логической группировки кода, который предотвращает конфликты имен и делает проект структурированным. ...
мы продолжаем создание игры про "космические приключения" с python и pygame. очень важной частью этой игры является возможность уничтожения вашего ...
запрос «const в c++» — один из самых частых у начинающих. константность (const correctness) помогает сделать код безопаснее: защищает от случайной модификации ...
запрос «this в javascript» остаётся одним из самых популярных среди начинающих и продолжающих разработчиков. этот ключевой концепт влияет на поведение ...
здравствуйте! в цикле статей по созданию космической аркады, с python и pygame, мы достигли того что на игровом поле отображается космический корабль ...
если вы часто работаете со списками и строками, то умение эффективно использовать срезы (slice) в python сэкономит вам массу времени. срезы позволяют ...
зачем нужна строгая типизация в php 8 ключевая проблема «слабого» php — неочевидные преобразования типов. php 8 привнёс зрелую типизацию: строгий ...
функции массивов — одна из сильных сторон php. правильное использование array_map, array_filter и array_reduce помогает писать короче, читабельнее и безопаснее. ...
работа с датой и временем — обязательный навык в реальных проектах: логи, отчёты, напоминания, аналитика. в python за это отвечает модуль datetime, а ...
запрос, который часто вводят в поиск: «семантика перемещения c++ std::move примеры». это руководство закрывает его полностью. ниже — простые объяснения, ...
адаптивные изображения в html5 помогают ускорить сайт и улучшить качество картинки на разных устройствах. ключевые инструменты: атрибуты srcset, ...
позиционирование в css — фундамент для создания всплывающих блоков, закреплённых шапок, бейджей на карточках и «прилипающих» сайдбаров. в этом ...
data-атрибуты (data-*) в html5 позволяют хранить небольшие фрагменты данных непосредственно в разметке и удобно использовать их в javascript и css. это отличный ...
запрос «css переменные» стабильно набирает популярность: всё больше разработчиков переходят от жёстко прописанных значений к гибким и масштабируемым ...
ключевой запрос: raii в c++ простыми словами. raii — базовый принцип c++, который избавляет от ручного освобождения ресурсов. идея: ресурс привязан ...
опция сохранения на компьютере распространена повсюду. бывает что создавая приложение необходимо, чтобы оно обладало данной функцией. создание ...
если вы ищете понятное руководство по теме «множества в python», эта статья для вас. разберём, что такое set и frozenset, какие операции поддерживаются, ...
приблизительно год назад вышла новая версия языка программирования php8. его можно смело назвать - языком номер один в веб-программировании на ...
запрос «генераторы в python» стабильно популярен: тема затрагивает и основы языка, и производительность. ниже — практическое руководство: как ...
запрос, под который оптимизирована статья: лямбда‑функции в c++. если вы хотите быстро и безопасно писать компактные функции прямо в месте вызова ...
доброго времени суток! в прошлой статье мы рассмотрели базовую структуру каталогов нашего проекта по добавлению новостей на сайт, увидели ...
запрос «string_view в c++: когда использовать и чем он лучше std::string» — один из самых частых у начинающих. разобраться важно: от правильного выбора типа ...
если вы только начинаете или уже пишете на языке, умение эффективно использовать f-строки в python быстро повышает читаемость кода. это современный ...
доброго времени суток! в прошлой статье мы рассмотрели основную программную часть нашего проекта. а в этой статье мы соберем все части проекта ...
правильная работа с заголовочными файлами в c++ экономит часы сборки и спасает от «multiple definition» и «undefined reference». это руководство объясняет, что ...
если вы ищете «словари в python: понятное руководство с примерами», вы по адресу. dict — ассоциативный массив, где каждому ключу соответствует значение. ...
если вы ищете понятное руководство по enum class в c++, вы на месте. в статье разберём, почему «классические» перечисления часто приводят к ошибкам, ...
запрос, который часто вводят в поиске: «html5 dialog модальное окно пример». в этой статье вы получите готовые шаблоны для тега <dialog>, узнаете разницу ...
es6 модули — стандартный способ организовывать код в javascript. они делают проекты понятнее, ускоряют загрузку в браузере и упрощают тестирование. ...
запрос «инициализация в c++: = () {}» часто встречается у начинающих и продолжающих разработчиков. разные формы инициализации влияют на то, какие ...
делегирование событий в javascript — один из самых полезных паттернов работы с dom. вместо того чтобы назначать обработчик каждому элементу, мы ставим ...
если вы только осваиваете php или уже пишете небольшие проекты, рано или поздно столкнетесь с внешними библиотеками и автозагрузкой классов. ...
технология распознавания символов с изображения в редактируемый текст достаточно непростая задача. для подобных целей используется технология ...
если вы пишете скрипты и хотите запускать их с параметрами вроде -v или --output=data.json, вам нужен argparse. это модуль стандартной библиотеки python, который ...
если вы хотите уверенно работать с табличными данными на веб‑страницах, начните с правильной разметки. таблицы в html — это структурированный ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
на данный момент у нас есть три превью-картинки, при наведении на которые пока ничего не происходит. по задумке, при наведении на урезанную версию ...
если вам надоело возиться с iostream‑манипуляторами и опасными printf, самое время освоить std::format в c++20. он даёт привычный форматный синтаксис, типобезопасность ...
если вы хотите делать аккуратные и переиспользуемые интерфейсные блоки без react/vue, web components — то, что нужно. в этом руководстве мы шаг за шагом ...
как развернуть сложенные в стопку карточки при наведении мыши? html разметка html структура состоит из трех карточек с текстовым контентом. ...
списки в html — один из самых часто используемых инструментов в вёрстке. они помогают структурировать контент, улучшить читаемость и даже влияют ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
структурное сопоставление с образцом (pattern matching) — это одна из самых заметных возможностей python 3.10+. новый оператор match/case делает разбор сложных ...
одна из самых частых ошибок новичков в python — непреднамеренное изменение исходных данных при работе с «копиями». ключ к решению — понимать разницу ...
запрос, который часто вбивают в поиск: «css background: полное руководство с примерами». в этой статье вы разберёте составное свойство background, его «длинные» ...
медиазапросы (css media queries) — основа адаптивной верстки. с их помощью вы меняете стили в зависимости от ширины экрана, ориентации устройства, плотности ...
django - это python веб-фреймворк для бекенда, который позволяет быстро создавать безопасные сайты и приложения. фреймворк имеет набор готовых компонентов, ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
свойство display определяет, как элемент участвует в потоках документа и рендерится: занимает ли всю строку, можно ли задавать ему ширину и высоту, ...
этот курс — это полноценное введение в профессиональную web-разработку. вы узнаете не только основы, но и поймёте, как на самом деле создаются ...
если вы устали от десятков @media для шрифтов, самое время познакомиться с css clamp(). этот оператор позволяет задать минимальное, желаемое (флюидное) ...
модули в c++20 — это современный способ организации кода, который приходит на смену директиве #include. они решают проблемы дублирования, скрытия ...
если вы верстаете страницы и используете картинки, вы обязаны уметь писать корректный атрибут alt. это влияет на доступность (экранные дикторы), ...
эта статья — практическое руководство по теме «компиляция и линковка c++». разберём, что такое объектные файлы, как собрать проект из нескольких ...
конструкция if __name__ == '__main__': — один из базовых кирпичиков python. она определяет «точку входа» скрипта, помогает избежать побочных эффектов при ...
начинаем работать с mysql в nodejs. часть 2 в прошлой статье мы рассмотрели азы подключения к серверу базы данных mysql из nodejs. а в этой рассмотрим работу ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
деструктуризация в javascript — это удобный синтаксис, который позволяет извлекать данные из массивов и объектов в отдельные переменные. вместо ...
zip в python — встроенная функция, которая объединяет элементы нескольких итерируемых объектов по позициям. проще говоря, она берёт первый элемент ...
если ваш код «видит» не ту переменную или падает с unboundlocalerror, почти наверняка проблема в областях видимости. в этой статье мы разберём правило ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
запрос «== vs is в python» — один из самых частых у начинающих. несмотря на простоту, эта тема регулярно вызывает ошибки в продакшене. разберёмся глубоко ...
html5 <details> и <summary>: аккордеон без javascript — практическое руководство запрос «html5 details summary аккордеон без javascript» популярен у начинающих и практикующих ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
html5 дал нативные теги для медиа — <video> и <audio>. больше не нужны flash и сторонние плагины: браузеры воспроизводят файлы, показывают субтитры, ...
запрос «map и set в javascript: понятное руководство с примерами» часто задают новички и продолжающие разработчики. эти коллекции — фундамент современного ...
переменные окружения помогают отделить конфигурацию от кода: вы не хардкодите пароли и ключи api, а читаете их из окружения. в python для этого есть ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера. подготовка фона для анимации создадим ...
запрос: constexpr в c++ — что это и как правильно использовать? в этой статье вы разберёте, как переносить вычисления на этап компиляции, ускорять ...
что такое динамическая память и когда она нужна динамическая память (heap) выделяется во время выполнения программы, когда размер данных заранее ...
больше не нужно ломать голову и писать много строчек кода для визуализации капель дождя, падающих на окно. замечательный скрипт на js rainyday.js представляет ...
тема запроса: «php == и ===: в чём разница и когда что использовать». если вы только начинаете или уже пишете на php, понимание сравнения — обязательный ...
один из самых частых вопросов новичков: в чём разница между == и === в javascript и когда какой оператор использовать? неправильное сравнение ведёт ...
запросы вроде «optional chaining в javascript» или «оператор ?? что делает» стабильно в топе у начинающих. и не зря: пара операторов ?. и ?? делает код короче, ...
в одной из прошлых статей мы создали форму для калькулятора, с помощью c# и winforms, создав текстовое поле и кнопки с цифрами. в сегодняшней статье ...
запрос: «сортировка в python sorted sort key reverse» сортировка — базовый навык, который встречается в задачах от парсинга до веб‑разработки и анализа ...
находим два подходящих изображения размером не менее 1920x1080 пикселей и скачиваем их. оба изображения будут фоновыми, которые вставляются через ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
класс datetime в php — это гибкий инструмент для работы с датой и временем. в отличие от функций уровня date() и time(), он даёт контроль над часовыми поясами, ...
запрос для этой статьи: «логические операторы в python». если вы уверенно понимаете, как работают and, or, not, почему они иногда возвращают не булевы ...
dataclasses в python — это способ описывать данные компактно и понятно, не вручную прописывая __init__, __repr__, __eq__ и другую рутину. для новичков и продолжающих ...
массивы в c++: c‑массивы vs std::array — практическое руководство для начинающих запрос, который часто вводят в поиск: «массивы в c++ std::array для начинающих». ...
ввод и вывод — первое, с чем сталкивается каждый, кто пишет на c++. но именно здесь чаще всего случаются «странные» баги: не читаются строки с пробелами, ...
у нас есть четыре изображения, каждое из которых поместим в свой собственный треугольник. полученные четыре маленьких треугольника поместим ...
поисковый запрос, под который оптимизирована статья: «замыкания в php» и «анонимные и стрелочные функции в php». если вы хотите писать компактный ...
json — дефолтный формат обмена данными между сервисами и фронтендом. в python для работы с ним есть стандартный модуль json: лёгкий, быстрый и удобный. ...
типизация в python — это способ описать ожидаемые типы аргументов, возвратов функций и переменных с помощью аннотаций. они не меняют поведение ...
если вы искали понятное руководство по запросу «регулярные выражения в python re примеры» — вы по адресу. ниже собраны базовые концепции, практические ...
модуль collections в python — это готовые структуры данных с оптимизированным поведением. в этой статье мы разберём три самых полезных инструмента: ...
встроенный веб‑сервер php — это самый быстрый способ запустить проект локально без лишней конфигурации. команда php -s поднимает сервер за секунду, ...
запрос «изменяемые и неизменяемые типы в python» регулярно ищут начинающие разработчики. и не зря: понимание иммутабельности помогает избегать ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
препроцессор c++ — это этап до компиляции, который обрабатывает директивы вида #include, #define, #if, #ifdef и другие. понимание его работы помогает избежать ...
поисковый запрос, под который оптимизирована статья: «итераторы в c++» и «итераторы c++ для начинающих». что такое итераторы в c++ и зачем они нужны ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
если ваш блок имеет фиксированную ширину или высоту, возникает вопрос: что делать с лишним содержимым? ответом управляет css overflow. правильно подобранное ...
этот материал — практическое руководство по запросу «псевдоклассы и псевдоэлементы в css с примерами». разберём, чем они отличаются, как применять ...
перегрузка операторов в c++ позволяет вашим классам вести себя как встроенные типы: складываться, сравниваться, выводиться в поток. это делает ...
для создания анимации падающих звезд нам потребуется картинка зведного неба и сами звезды, созданные средствами html и css. html-разметка и звездное ...
запросы вроде «точность float в python», «почему 0.1 + 0.2 != 0.3», «округление денег в python» встречаются у каждого, кто переходит от «игрушечных» примеров ...
нет, это не фотошоп. фильтр для смешивания слоев уже давно стал доступен и на css. как это работает? сейчас вы обо всем узнаете. html разметка для ...
если вы когда-нибудь видели, как переменная оказывается «доступной» до места своего объявления, вы сталкивались с hoisting (поднятием). в этой статье ...
один из первых вопросов в php — как правильно подключать файлы. в ход идут четыре конструкции: include, require, include_once и require_once. кажется просто, но у каждой ...
pathlib в python — это стандартный модуль, который заменяет громоздкие операции с os и os.path объектно-ориентированным интерфейсом. он делает работу ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
если вы когда-либо удивлялись, почему блок с шириной 300px внезапно «распух» после добавления padding и border — вам нужен css box-sizing: border-box. это базовая, ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта. <ul> ...
запрос «изменяемые аргументы по умолчанию в python» регулярно появляется в поиске — и не зря. это одна из самых коварных ошибок: вы пишете безобидную ...
в html-разметке накидываем все элементы, которые у нас будут на странице, пока не заботясь о внешнем виде расположении относительно друг друга. ...
аргументы функций в python — одна из базовых тем, которая напрямую влияет на читаемость кода и качество api. в этой статье мы подробно разберём позиционные ...
если вы начинаете путь в c++, умение уверенно работать со std::vector — один из важнейших навыков. вектор сочетает динамический массив, безопасность ...
иногда кажется, что мы уже целую вечность используем мобильную ос google на наших устройствах android. однако прошло чуть больше десяти лет с тех пор, ...
здравствуйте! в программировании на python с использованием библиотеки tkinter можно легко создать интерактивный индикатор загрузки, который позволяет ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
в современном программировании асинхронные операции играют важную роль, особенно когда речь идет о работе с пользовательским интерфейсом ...
здравствуйте! машинное обучение (ml) — это метод анализа данных, который позволяет компьютерам обучаться на примерах и делать предсказания или ...
доброго времени суток уважаемые посетители сайта myrusakov.ru у меня для вас отличная новость - для заказа стал доступен комплект из четырех курсов ...
здравствуйте! работа с большими таблицами данных является неотъемлемой частью современной аналитики. независимо от того, нужно ли вам обрабатывать ...
llm-агенты, или агенты на основе больших языковых моделей (large language models), представляют собой передовую технологию в области искусственного интеллекта ...
распознавание форм на изображениях — одна из основных задач компьютерного зрения, которую можно легко реализовать с помощью библиотеки opencv. ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость выполнять задачи через регулярные интервалы времени. для этого ...
здравствуйте! в современном программировании создание графических интерфейсов стало неотъемлемой частью разработки приложений. одним из ...
введение с ростом количества киберугроз и вирусных атак, безопасность ваших данных становится все более важной. особенно это актуально для ...
фракталы — это уникальные математические структуры, которые обладают самоподобием, что означает, что их части напоминают целое. эти узоры встречаются ...
здравствуйте! представим ситуацию, при которой требуется обратить внимание пользователя на событие внутри приложения. в таких случаях могут ...
работа с pdf-документами часто требует их преобразования в другие форматы, такие как изображения. это может быть полезно для архивирования, создания ...
в языке программирования python модификаторы доступа играют важную роль в управлении доступом к атрибутам и методам классов. хотя python не предоставляет ...
здравствуйте! в сегодняшней статье мы рассмотрим, что такое тензоры и как они используются в программировании. тензоры — это математические ...
здравствуйте! material design — это язык дизайна, разработанный google, который объединяет принципы хорошего дизайна с инновациями науки и технологий. ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость работы с изображениями. класс bitmap в пространстве имен system.drawing ...
валидация json в php является важным аспектом для обеспечения того, чтобы данные, поступающие из внешних источников, были корректными и соответствовали ...
python - один из наиболее популярных и востребованных языков программирования в мире. его популярность продолжает расти благодаря своей простоте, ...
здравствуйте! javascript (js) является одним из наиболее мощных и распространенных языков программирования для веб-разработки. он позволяет создавать ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
здравствуйте! в одной из статьей мы рассматривали способ реализации функции map. в c# встроенным аналогом функции map является метод select, который ...
flask - это легкий и гибкий веб-фреймворк для python, который позволяет быстро создавать веб-приложения. он предоставляет простой способ создания ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
в python существует несколько способов создания zip-архива с сохранением структуры папок. один из наиболее распространенных способов - использование ...
здравствуйте! в современном мире скорость имеет огромное значение. пользователи интернета хотят получать доступ к информации мгновенно, без ...
здравствуйте! допустим, мы работаем над многоуровневым проектом и хотим создать для каждого уровня папку с соответствующим названием. конечно ...
в программировании часто возникает необходимость применить определённую функцию ко всем элементам коллекции и получить новую коллекцию с ...
linq (language integrated query) — это мощный инструмент в c#, который позволяет выполнять запросы к различным источникам данных, таким как коллекции, базы ...
элемент picturebox в c# windows forms предоставляет удобный способ отображения изображений в графическом интерфейсе пользователя. он позволяет загружать, ...
в современном мире, где мы постоянно заняты различными делами и задачами, напоминания становятся незаменимым инструментом для управления временем ...
здравствуйте, друзья! создание собственного сайта – задача, которая рано или поздно встает перед каждым, кто хочет заявить о себе в интернете. ...
здравствуйте! автоматизация повседневных задач, таких как отправка отчетов по электронной почте, может значительно упростить рабочий процесс. ...
здравствуйте! в этой статье мы рассмотрим, как создать простое приложение для воспроизведения музыки с использованием класса soundplayer в c# windows ...
тензоры играют важную роль в машинном обучении и обработке данных, представляя собой многомерные массивы данных. в python для работы с тензорами ...
маршрутизация (routing) — это один из ключевых аспектов разработки веб-приложений. в laravel маршрутизация обеспечивает сопоставление http-запросов ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс переименования файлов с помощью python. это может быть полезно, если ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать выпадающий список в tkinter, используя элемент интерфейса ttk.combobox. выпадающий список ...
здравствуйте! в сегодняшней статье мы рассмотрим, как реализовать автоматическое обновление элемента label в tkinter. такая функция полезна для ...
в этой статье мы рассмотрим, как можно преобразовать строку data url в объект blob с использованием javascript. data url используется для кодирования файлов ...
архитектура веб-приложения — это структура и организация его компонентов, которые обеспечивают его функциональность, производительность, ...
здравствуйте! продолжим работу с json-объектами на python. в предыдущей статье мы рассмотрели, как читать строки с json-объектами и преобразовать их ...
здравствуйте! работа с json на python может быть довольно удобной благодаря встроенной библиотеке json. сегодня мы рассмотрим, как можно читать файл, ...
здравствуйте! работа с данными в формате json и их сохранение в базе данных sqlite — важная и полезная задача, с которой может столкнуться любой разработчик. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как при помощи python и библиотеки tkinter можно реализовать функцию динамического изменения шрифта ...
здравствуйте! после того, как сервер готов, нам нужен vpn клиент, который будет подключаться к серверу, передавать данные и получать ответы через ...
здравствуйте! в предыдущей статье мы начали cоздание базы sqlite, для ее заполнения. в сегодняшней статье мы сосредоточимся на процессе переноса ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать со шрифтами в tkinter — стандартной библиотеке python для создания графических интерфейсов. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать с базой данных sqlite через android room. room является абстракцией над sqlite, которая упрощает ...
машинное обучение (machine learning, ml) — это подраздел искусственного интеллекта, который фокусируется на разработке алгоритмов и моделей, позволяющих ...
веб-разработка — это процесс создания и поддержания сайтов и веб-приложений, охватывающий такие технологии, как html, css, javascript, php, python и другие. ...
веб-разработка — это создание и поддержка сайтов, приложений и сервисов в интернете, объединяющая программирование, дизайн, и работу с данными. ...
приветствую! в сегодняшней статье мы рассмотрим, как с помощью python можно узнать размер каждой папки в заданной директории. данный пример будет ...
преобразование html в docx может потребоваться в различных задач, таких как генерация отчетов, создание документов на основе веб-контента и многое ...
здравствуйте! в сегодняшней статье мы рассмотрим навигацию между окнами в библиотеке tkinter на python. данная тема будет полезна тем, кто хочет создать ...
нейронные сети становятся все более популярными в решении задач, связанных с обработкой изображений, распознаванием речи и других сложных ...
обновление данных в базе данных под нагрузкой требует тщательного планирования и использования различных стратегий для минимизации времени ...
artisan — это мощный интерфейс командной строки, встроенный в laravel, который предоставляет разработчикам широкий набор инструментов для упрощения ...
анализ плана выполнения запроса является одним из важнейших инструментов для оптимизации производительности sql-запросов. он позволяет разработчикам ...
здравствуйте! в сегодняшней статье мы рассмотрим, как определить тональность текста с помощью python и библиотеки nltk. этот инструмент позволяет ...
приветствую! в сегодняшней статье мы рассмотрим, как создать простой интерфейс для автодополнения с использованием tkinter и nltk. задача мы создадим ...
здравствуйте! сегодня мы увидим, как создать python-приложение, которое открывает системные приложения, такие как терминал windows или блокнот, с помощью ...
в сегодняшней статье мы рассмотрим, как можно управлять рисунком на canvas в tkinter с помощью голосовых команд. это увлекательная тема, которая позволит ...
здравствуйте! в сегодняшней статье мы рассмотрим, как с помощью python и библиотеки tkinter создать графический интерфейс для управления виртуальной ...
всех с наступившим 2025 годом! в сегодняшней статье мы рассмотрим библиотеку speech_recognition в python, которая позволяет легко интегрировать распознавание ...
vpn (virtual private network) — это технология, которая позволяет пользователям безопасно передавать данные через интернет, создавая зашифрованный туннель ...
работая с python, вы можете столкнуться с ситуацией, когда разные проекты требуют разные версии библиотек или самого python. без виртуального окружения ...
здравствуйте! сквозное шифрование (end-to-end encryption, e2ee) — это важная техника, обеспечивающая защиту данных от несанкционированного доступа. в этой ...
в сегодняшней статье мы познакомимся с библиотекой pyttsx3 — удобным инструментом для преобразования текста в речь на python. эта библиотека идеально ...
сегодня мы рассмотрим приближенный к реальности пример использования атрибутов в php 8. предположим, что мы разрабатываем веб-приложение и хотим ...
с выходом php 8, язык программирования получил множество новых возможностей и улучшений, одной из которых является поддержка атрибутов. атрибуты ...
разработка игр на unreal engine – это одна из самых перспективных областей в игровой индустрии, где разработчики создают увлекательные и визуально ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать меню в tkinter с помощью виджета menu. меню добавляет интерактивности в приложение, ...
здравствуйте! как известно, составление резюме может быть утомительным процессом, особенно когда нужно учитывать различные форматы и требования ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
здравствуйте! в одной из статей мы начали создание кругового прогрессбара с помощью html и css. в настоящий момент мы имеем белый круг на светло-голубом ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs. в данной статье мы рассмотрим как загрузить сразу ...
менеджеры контекста в python — один из самых полезных инструментов для управления ресурсами. если вы ищете, как работает оператор with, что такое ...
list comprehension (списковые включения) — это «питонический» способ создавать списки кратко и выразительно. если вы искали «list comprehension python примеры», ...
замыкания в javascript простыми словами — это функция вместе с сохранённым лексическим окружением, то есть с «рюкзаком» значений из места, где функция ...
доброго времени суток, уважаемые посетители сайта! хочу поделиться с вами отличной новостью - совсем недавно у меня вышел новый курс - wordpress ...
если «стили не применяются», почти всегда виноват каскад и специфичность. в этом руководстве мы системно разберём, как css решает, какое правило ...
в одной из предыдущих статей мы рассмотрели как создать простейший синтезатор на windowsforms. на данный момент нажатие по клавишам синтезатора ...
при работе с большим количеством изображений — будь то фотографии, скриншоты или графика для сайта — часто возникает необходимость изменить ...
когда пользователь печатает в поле ввода, скроллит страницу или меняет размер окна, обработчики событий могут вызываться десятки раз в секунду. ...
здравствуйте! при работе с текстовыми данными в базах данных часто возникает необходимость извлечения определенных частей строк. например, ...
в современном вебе мультимедийный контент играет важную роль в привлечении пользователей. видео особенно популярны как инструмент для обучения, ...
здравствуйте! в современном мире работа с документами является неотъемлемой частью повседневных задач. особенно часто приходится иметь дело ...
здравствуйте! при работе с текстовыми файлами в python вы могли сталкиваться с ошибками вроде: unicodedecodeerror: 'charmap' codec can't decode byte 0x98 in position xxx. ...
здравствуйте! во время работы с текстовыми файлами часто возникает задача очистки данных от дубликатов. например, у вас есть список email-адресов, ...
финансовая грамотность играет ключевую роль в жизни каждого человека. это неотъемлемый навык, который позволяет эффективно управлять своими ...
довольно часто требуется работать с изображениями в формате, который позволяет представлять их в виде текстовых строк. одним из популярных ...
доброго времени суток уважаемые посетители сайта myrusakov.ru! сегодня я хотел бы рассказать вам о моем новом курсе по программированию на c++ в unreal ...
если вы начинаете работать с базами данных в php или хотите перейти на современный и безопасный способ общения с mysql, используйте pdo. он поддерживает ...
сегодняшний мир необозримо широк в цифровом пространстве, и владение сайтом становится обязательным элементом для любого бизнеса или личного ...
css flexbox для начинающих — это практическое руководство, которое поможет уверенно использовать гибкие контейнеры для выравнивания, адаптивных ...
здравствуйте! продолжаем создание кругового прогрессбара с помощью html и css. в прошлой статье мы создали круг на белом фоне и закрасили одну его ...
здравствуйте! в предыдущей статье мы создали анимированное подобие прогрессбара, которому не хватает всего пару штрихов. все это мы создаем ...
запрос «глубокое копирование в javascript» стабильно популярен среди начинающих и продолжающих разработчиков. в статье вы узнаете, чем поверхностная ...
css grid — самый простой способ собрать адаптивную сетку карточек, галерей и списков товаров без десятка @media. ключ к магии — связка repeat(auto-fit, minmax()). ...
unreal engine - это один из самых популярных игровых движков. с тех пор, как было объявлено о доступе к раннему выпуску ue5, все сразу же приступили к ...
чтение и запись файлов в python: режимы, кодировки и лучшие практики работа с файлами — одна из первых реальных задач в python. в этой статье вы научитесь ...
поисковый запрос: «импорт модулей в python» — частый гость у начинающих. ниже вы найдёте пошаговое объяснение, как работает механизм импорта, чем ...
доброго времени суток! в данной статье и следующих я расскажу и покажу, как настроить окружение разработки c помощью docker в котором можно будет ...
запрос, под который оптимизирована статья: html5 валидация форм. ниже — компактное и практичное руководство, которое поможет собрать удобную ...
запрос, на который отвечает статья: «ссылки и указатели в c++: отличие и когда что использовать». ключевые различия ссылка — это псевдоним уже ...
запрос, который чаще всего набирают начинающие: «исключения в php как использовать». это руководство закрывает вопрос: разберём try, catch, finally, иерархию ...
если вы вбили запрос вроде «семантическая разметка html5» и хотите быстро понять, какие теги использовать и зачем — вы по адресу. ниже кратко и ...
здравствуйте! в сегодняшней статье мы рассмотрим пример реализации машины состояний с помощью python и модуля transitions python позволяет создавать ...
если вы искали «исключения в python: try/except/else/finally», вы в нужном месте. ниже — ясное и практичное руководство: от базового синтаксиса до лучших практик ...
event loop в javascript — базовый механизм, который определяет, когда выполняется ваш код: синхронный, коллбэки, промисы, таймеры и обработчики событий. ...
запрос «умные указатели в c++ примеры» стабильно популярен: новичкам сложно сразу понять, чем отличаются unique_ptr, shared_ptr и weak_ptr, а продолжающим — ...
доброго времени суток! несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
введение: разработка и развертывание python-проектов становится все более доступным благодаря платформам, предоставляющим облачные услуги. в ...
здравствуйте! в сегодняшней статье мы рассмотрим как встроить элемент медиаплеера в windows forms, с c# для воспроизведения видеофайлов. шаг 1: создание ...
здравствуйте! в сегодняшней статье мы поговорим о создании анимаций в jetpack compose. вы узнаете, как добавить плавные визуальные эффекты в интерфейс ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать резиновый макет в c# winforms, который автоматически адаптируется под изменение размеров ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
здравствуйте! при копировании некоторых веб страниц можно видеть огромные куски css стилей, находящихся в одном файле с разметкой. все это приводит ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать ключевое слово dynamic в c# для динамической типизации в различных контекстах. ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
powershell представляет собой мощную командную оболочку и язык сценариев, разработанный корпорацией microsoft для автоматизации управления операционной ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
здравствуйте! в сегодняшней статье мы поговорим о миллисекундах в java. вы узнаете, почему java использует миллисекунды для работы с временем, какие ...
здравствуйте! в сегодняшней статье мы рассмотрим жесты в android с точки зрения разработчика. вы узнаете, как обрабатывать простые и сложные жесты ...
здравствуйте! наверняка, многие сталкивались с проблемой определения содержания массивного текста, при невозможности прочесть его от начала ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать livedata и viewmodel для управления состоянием и данными в приложениях на android. ...
здравствуйте! при управлении файловой структурой на компьютере возникает необходимость переименования файлов согласно определенным шаблонам. ...
как известно пагинация - это важный аспект веб-разработки, который позволяет управлять и представлять большие объемы контента в более удобной ...
в мире объектно-ориентированного программирования одним из базовых принципов является создание модели, которая отражает предметную область ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать конструкцию when в c# для условного фильтра в различных контекстах. шаг 1: ...
здравствуйте! в сегодняшней статье мы поговорим о таком понятии, как c# playground, или, другими словами, интерактивная песочница для c#. такой инструмент ...
в области обработки и хранения данных sqlite выделяется как надежный и легкий движок базы данных. часто возникает необходимость экспортировать ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца средствами css-анимации. итак, код ниже: <!doctype html> ...
здравствуйте. telegram-боты стали все более популярными для автоматизации задач, предоставления информации и взаимодействия с пользователями ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования интерфейсов ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах. в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
здравствуйте. одной из распространенных задач при работе с базой является получение списка таблиц. в этой статье мы рассмотрим, как с использованием ...
доброго времени суток! сегодня мы поговорим с вами, о том, что такое indexeddb в javascript. indexeddb (indexed database) - это встроенная база данных в браузере, предоставляющая ...
привет, друзья! в сегодняшней статье мы рассмотрим как удалить все внутренние html-теги из строки и оставить только внешние, например, сохранить ...
изменение размера изображения – это частая задача при работе с фотографиями. однако важно не только уменьшить или увеличить размер, но и сохранить ...
написание сценариев на python стало важным инструментом для автоматизации задач, создания приложений и анализа данных. однако знание того, как ...
в мире веб-разработки, эффективность и ясность кода играют ключевую роль. в поисках средств улучшения качества кода, разработчики часто обращаются ...
orm (object-relational mapping) - это техника программирования, которая связывает объекты приложения с записями в базе данных, позволяя работать с данными ...
здравствуйте! в сегодняшней статье мы поговорим о загрузке векторных ассетов в android studio. вы узнаете, как добавлять svg-файлы в проект, превращать ...
на сегодняшний день, когда веб-страницы становятся все более важными для хранения различной информации, защита этой информации становится ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
здравствуйте. в современном мире все больше и больше внимания уделяется разработке высокопроизводительных и масштабируемых приложений. одним ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс копирования файлов из подпапок в одну общую папку, используя python. ...
здравствуйте! telegram-боты становятся все более популярными для автоматизации задач и взаимодействия с пользователями на платформе telegram. одной ...
создание api с использованием python и flask достаточно просто. flask - это микрофреймворк для веб-приложений на python. вот пример того, как вы можете создать ...
в мире программирования на python многопроцессорность играет ключевую роль при необходимости эффективного использования всех вычислительных ...
на этом уроке мы научимся делать простое адаптивное портфолио, где количество столбцов, меняется в зависимости от ширины экрана на просматриваемом ...
возможно, вы знакомы с поиском текста, нажимая ctrl-f и вводя искомые слова. регулярные выражения идут еще дальше: они позволяют указать образец ...
в прошлой статье мы говорили о цепочке вызовов методов объекта javascript promise для последовательного преобразования результата асинхронной операции ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
на сегодняшнем уроке мы познакомимся с понятием custom post type, а также научимся создавать свой кастомный post type и шаблон для него. custom post type это одно ...
на этом уроке мы научимся создавать свои шаблоны (custom template) для страниц на wordpress-е. не для всех страниц сайта подходят типовые блоговые страницы. ...
на прошлом уроке мы создали новый тип записи post type book более подходящий для продажи книг, а на этом уроке научимся создавать для него таксономию ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь хотя в реальности, мы редко когда манипулируем временем, ...
из этой статьи вы узнаете как сделать сайдбар на wordpress. сайдбаром мы называем правую или левую колонку сайта, на которой размещены виджеты. виджеты ...
на прошлом уроке вы научились создавать свой собственный сайдбар, а на этом уроке вы узнаете как создать свой виджет на wordpress. виджет - это модуль, ...
эта статья является продолжением предыдущей статьи, которая находится здесь. существует несколько популярных конкурирующих форматов ...
эта статья является продолжением предыдущей статьи, которая находится здесь. шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
часть 1 когда вы разрабатываете сайт на своем собственном компьютере, потенциальные посетители, набрав в браузере адрес http://myrusakov.ru ...
с некоторых пор я получаю много вопросов об асинхронном программировании. и, поняв, что данная тема интересует многих моих читателей, я решил ...
данный эффект хорошо подходит при наведении на ссылки в навигационных меню или в пагинациях. ссылки помещены в рамки определенного цвета, при ...
часть 1 часть 2 у начинающих php-разработчиков возникает соблазн получить все и сразу, установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
часть 1 часть 2 часть 3 используя готовые пакеты программного обеспечения для разработки сайтов, вы лишаетесь опыта работы в области администрирования ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики говорят, что их всего пять. а сколькими способами можно структурировать ...
относительно недавно один из моих учеников спросил меня: как сделать так, чтобы при нажатии на кнопку элемент страницы (параграф, картинка и ...
можно на поставленный в названии статьи вопрос, ответить одним словом – из-за админки. вам конечно, скажет любой программист, не делайте этого! ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним приложениям получать доступ к данным других приложений. например, игровое ...
известно, что веб-дизайнер рисует макет сайта, а верстальщик делает верстку, то есть пишет html/css код. а что именно он пишет на html странице? все ...
javascript - это гибкий и мощный язык программирования, который реализуется различными веб-браузерами. наряду с html и css, это основной компонент ...
несмотря на то, что платных или бесплатных wordpress тем, создано уже огромное количество, редко кто использует их на своих сайтах так, как есть. даже ...
если вы когда-либо видели что-то подобное:  p.then(function(result) {    // выполняем некое действие с результатом   }); то вы уже находитесь ...
это вторая статья про наследование в javascript, первая статья здесь. в данной статье мы обсудим наследование статических методов в javascript. производный ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы, показывающие текущую позицию чтения текста (количество прочитанного ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
задача веб-разработчика заключается в создании максимально удобной, безопасной и эффективной структуры сайта. на этапе внутренней оптимизации ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку. 5. скачать библиотеку jquery-3.3.1.min.js подключаем к нашему html ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта. в условиях технологического ...
традиционный for цикл в javascript - теперь в прошлом! встречайте новые циклы for..of и for…in, которые дают нам очень ясный и короткий синтаксис для последовательного ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
официальный сайт: textolite.ru textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
в видео-курсе "своя web-студия за 55 дней" я больше фокусировался на практике, поскольку для тех, кто хочет иметь собственную web-студию, при полном ...
в прошлой статье мы обсуждали как деструктурировать массивы в javascript, а в этой статье продолжим обсуждением данной темы, но уже в отношении объектов. ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
если вам тяжело дается освоение разных языков программирования, верстки, то не отчаивайтесь, посмотрите в сторону заработка на собственном ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
на первый взгляд может показаться, что шаблонная строка в es6 похожа на улучшенную версию обычной строки javascript. но отличительная разница между ...
эта статья является продолжением предыдущей статьи про параметры по умолчанию в javascript. теперь давайте рассмотрим несколько примеров, чтобы ...
эта статья является продолжением предыдущей статьи. в заключительной части последней мы говорили об использовании анонимных классов в javascript, ...
в данной статье мы продолжим изучать функции queryselector и queryselectorall. про queryselector я уже рассказывал в этой статье, поэтому сейчас я расскажу вам про ...
в этой небольшой статье мы научимся сохранять массивы и объекты javascript в локальном хранилище браузера – html5 localstorage. сохранение массива в ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
первая часть этой статьи находится здесь, а в данной статье мы продолжим обсуждать десять частых ошибок в ux дизайне. ошибка 6: пространство ...
данная статья является продолжением предыдущей статьи, в которой мы говорили о том, как реализовать индикатор позиции чтения. в прошлой статье ...
в этой статье не рассматриваются технические термины и концепции, чтобы обеспечить ее содержание простым. если вы программист, позвольте мне ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета. дизайнеры ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
веб-разработка и программирование – это одна из наиболее быстро меняющихся сфер. программисту и веб-разработчику для того, чтобы оставаться ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
объявление переменных для того, чтобы объявить в javascript переменную, пишут так: var name; где name – осмысленное название переменной, написанное ...
на этом уроке мы рассмотрим, как вывести текст в javascript на экран, с двумя разными целями: заменить на другой и добавить к существующему. создадим ...
примеры условных операторов if-else (если-иначе), нам не надо специально придумывать, они приходят из жизни. то, как мы себя ведем или какой делаем ...
переменная – это ячейка, где в промежуточном состоянии хранятся результаты разных операций в процессе программирования. возьмем простое математическое ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для поиска в небольших по объему не сортированных коллекциях. однако, ...
локализация - это процесс адаптации продукта или контента к определенному рынку или региону. она является важной при выходе на зарубежные ...
у массива на javascript, существует много методов взаимодействия с ним. наиболее часто востребованные, мы и рассмотрим сейчас. добавить элемент ...
здравствуйте! в данной статье речь пойдет о том, как реализовать бесконечную прокрутку контента сайта, аналогично тому, как это реализовано ...
на этом уроке мы создадим на чистом css саму иконку гамбургера-меню и с помощью js функции, поменяем её внешний вид, на крестик (x), символизирующий ...
существует длинный список языков программирования, которые продолжают существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
на этом уроке, мы научимся добавлять элементу, по которому кликнул пользователь, класс, чтобы изменить его внешний вид, применяя стили, добавленного ...
фильтры в jquery помогают отфильтровать все ненужное, а оставить только нужное. они делают выборку элементов более гибкой и точной. в этой статье, ...
в этой статье мы разберем основы ajax запросов. научимся настраивать и отправлять запрос, а также получать ответ от сервера. классическая модель ...
почему динамические веб сайты стоит создавать именно на связке php и mysql? простые в изучении большое сообщество отличная документация open-source ...
события jquery мгновенно реагируют на действия пользователя, на такие как клик, движение, наведение мыши и.т.д. эта реакция выражается во внешних ...
на этом уроке, вы узнаете несколько способов выравнивания по центру блока внутри блока по вертикали и горизонтали. в качестве блоков могут быть ...
на этом уроке, мы рассмотрим эффекты в jquery – это такие методы, как hide, show, toggle, slide, fade и animate. создадим тестовый блок для демонстрации примеров ...
на этом уроке мы напишем код popup окна с формой подписки, на чистом css, совсем не используя графику. наша цель, с помощью всплывающего popup окна собрать ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
для тех кто решил всерьёз заняться программированием, важно определиться для какой платформы писать приложения. хотя кроссплатформенная разработка ...
все представленные ниже операции на java пишутся внутри конструкции. данная конструкция автоматически генерируется netbeans-ом, при создании нового ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
при создании веб-сайта мы должны уделять первоочередное внимание цели привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
одна из тех вещей, которые отнимают больше всего времени и сил при попытке их реализации с помощью чистого javascript это установка минимальной ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
изображения являются важнейшей частью любого сайта. являются ли они маркетинговыми баннерами, изображениями продуктов или логотипов, невозможно ...
наверняка многие из вас, кто задумывается о выборе языка программирования для изучения, много раз слышали тезис, что java программисты получают ...
я часто вижу в комментариях к урокам или на форумах, когда новички спрашивают: "я хочу разместить текст поверх картинки, а он оказывается под ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
вставить видео на сайт во весь экран браузера, используя html5 теги, намного проще, чем вы себе это представляли. на этом уроке я рассказывал уже, ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии (conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
я завидую тем шикарным возможностям у начинающих программистов, каких не было у меня 10 лет назад. все мои базовые знания в области программирования, ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
сегодня мы создадим на чистом js коде – меню аккордеон с тремя секциями, при клике на которые, будет открываться панель с текстом, а при втором ...
сегодня вы узнаете, как сделать всплывающую форму на css+js, чтобы она появлялась и исчезала при клике на кнопку. по такому же принципу вместо ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
каждый начинающий веб-разработчик рано или поздно сталкивается с задачей, реализовать на сайте модальное окно (аналог pop-up окна). модальное ...
темой сегодняшнего урока, будет создание прогресс бара. это длинная полоска, которая заполняется цветом, по мере выполнения какой-либо задачи, ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может помочь веб-разработчику. любой, кто уже пытался разрабатывать свой ...
в прошлой статье мы начали обсуждать, что такое шаблонизатор twig, а в этой статье мы продолжим рассматривать его и начнем с основной настройки ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
в предыдущих статьях о php шаблонизаторе twig, мы рассмотрели такие его особенности как, наследование шаблонов, циклы, условие, кеширование. в ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
всем привет! на начало 2018 года, по данным сайта can i use, верстка на flexbox-ах, поддерживается браузерами на 97.8%. это отличные показатели для этой уже ...
для работы со строками (хранители текстов), разработчики выделили отдельный класс string. строки – это наиболее часто используемый в java, ссылочный ...
всем привет! в этой статье мы продолжим разбираться с платформой nodejs и поговорим про глобальный объект. вы уже должны быть знакомы с этим понятием. ...
всем привет! в этой статье мы рассмотрим, как сделать 3d модель объекта на javascript. конечно, делать настоящую 3d модель мы не будем. это займет много ...
дорогие читатели, я рад сообщить вам, что в продажу поступил новый видеокурс "создание интернет-магазина на opencart 2.0". opencart 2.0 – это движок для ...
всем привет! в этой статье мы рассмотрим, что такое postcss, узнаем, нужно ли его использовать и в чем отличие от препроцессоров. начать стоит с того, ...
всем привет! в этой статье мы рассмотрим библиотеку, которая сделает вашу работу с localstorage, cookie и session простой и удобной. библиотека называется ...
всем привет! в этой статье мы рассмотрим небольшую, но, уверен, полезную библиотеку для отслеживания позиции мышки пользователя на javascript. библиотека ...
всем привет! в этой статье я хочу рассказать вам про то, как быстро сделать на сайте пятизвездочный рейтинг с красивыми анимациями на css. описание ...
сегодня я начинаю серию статей, в которой вы узнаете, что такое nodejs, как установить nodejs, как работает движок v8 и некоторые другие особенности ...
всем привет! в этой статье из серии по изучению платформы мы рассмотрим, как установить nodejs. делается это достаточно просто. сайт сам определит, ...
всем привет! это первая статья из серии, где мы рассмотрим, что такое gulp, в чем причина его популярности, как его установить и настроить, а также ...
всем привет! иногда на сайте нужно сделать функционал, который позволит увеличивать изображения при наведении на них мышки, но в то же время ...
всем привет! в этой статье мы поговорим о разных способах написания sass кода и об особенностях каждого из них. если вы зайдете на официальный ...
в этой статье мы поговорим об использовании function expression в платформе nodejs. в будущих статьях мы будем говорить о модулях, ведь модули – это очень ...
в этой статье мы рассмотрим библиотеку, которая поможет нам отслеживать силу нажатия на экран или тачпад устройства пользователя. как многие, ...
всем привет! в этой статье мы рассмотрим, как установить иконки загрузки на чистом css себе на сайт. иконки загрузки – очень важная часть сайта, ...
всем привет! в этой статье мы рассмотрим, как сделать индикатор прокрутки на чистом css3. думаю, вы могли видеть индикатор загрузки страницы в ...
всем привет! сегодня мы рассмотрим 10 sass миксинов, которые вам следует использовать в своих проектах. scss позволяет вам использовать возможности, ...
всем привет! в этой статье мы рассмотрим 6 советов по изучению javascript, которые помогут вам освоить его быстрее. когда люди пытаются изучить javascript ...
всем привет! наверняка среди нас есть фанаты звёздных войн, поэтому сегодня мы рассмотрим, как сделать интро в стиле известного фильма на чистом ...
всем привет! в этой статье мы рассмотрим, что такое потоки и буферы и в чем их преимущества в nodejs. в современном мире потоки и буферы используются ...
здравствуйте, дорогие читатели. сегодня в статье мы рассмотрим сервис, который позволит вам создавать красивые страницы ошибок для своих сайтов. ...
дорогие друзья, я рад сообщить вам, что вышел мой новый видеокурс "создание и продвижение лендинга под ключ". что такое лендинг если вы еще не ...
всем привет! в этой статье мы рассмотрим, как создавать анимации при прокрутке страницы на чистом javascript. описание для создания эффектов мы ...
здравствуйте, дорогие читатели. рад сообщить, что вышел новый видеокурс "react js, redux, es2015 с нуля до гуру". последнее время все стремительнее развивается ...
всем привет! в этой статье мы рассмотрим, как можно ускорить разработку, используя github gist. что это такое думаю, многие из вас(особенно начинающие ...
sublime text 3 – отличный текстовый редактор, однако его можно сделать еще лучше, настроив некоторые параметры. в этой статье мы рассмотрим одну из, ...
в этой статье мы рассмотрим jquery lightgallery - наверное, лучший плагин для создания галерей на jquery. итак, jquery lightgallery - настраиваемый, модульный, отзывчивый ...
всем привет! в этой статье мы рассмотрим, что такое обнуляемые типы(nullable types) в php 7.1 и как их использовать. не будем долго тянуть и сразу перейдем ...
хотите сделать красивую страницу продажи товара или услуги? думаю, вам понравится библиотека stickyfill. найти исходники библиотеки вы можете здесь, ...
здравствуйте, дорогие читатели! в этой статье я хотел бы рассмотреть, на мой взгляд, очень интересную библиотеку javascript - whistle.js. найти ее исходники ...
если вы желаете сделать чеклист(контрольный список), то вы можете использовать swipe-li. описание посмотреть, как это работает в живую, вы можете ...
сегодня я расскажу про то, как сделать красивое всплывающее окно на jquery, используя плагин webui-popover. это легкий и быстрый плагин, позволяющий сдеалать ...
всем привет! бывают случаи, когда нужно показывать прогресс чего-то на сайте(например, загрузки) в вашем favicon. вот о том, как это сделать, сегодня ...
всем привет! сегодня мы рассмотрим библиотеку, позволяющую сделать простой список, который мы можем сортировать и удалять элементы свайпами. ...
всем привет! сегодня мы рассмотрим очень мощную библиотеку, которая позволит вам делать очень интересные 3d и 2d модели для вашего сайта. для ...
всем привет! сегодня я покажу, как можно сделать интерактивное сравнение с помощью простого jquery плагина - twentytwenty. найти описание и примеры вы ...
всем привет! сегодня я расскажу, как сделать круговой ползунок на jquery, используя плагин jquery knob. как всегда, посмотреть, как это работает, вы можете ...
всем привет! сегодня мы поговорим про jquery плагин, позволяющий выбирать альтернативные символы при долгом нажатии клавиши. плагин называется ...
всем привет! сегодня мы поговорим о том, что такое vps и как его сделать на digitalocean. vps(virtual private server) - виртуальный выделенный сервер. т.е. это не физический ...
всем привет! сегодня мы рассмотрим некоторые новые возможности и изменение старых в ecmascript6 в сравнении с ecmascript5. определения методов в ecmascript5 ...
всем привет! в этой статье мы рассмотрим, как добавлять метки к фотографиям, причем адаптивно. для этой задачи нам понадобится библиотека taggd ...
в этой статье мы поговорим о программе koala, которая позволяет очень быстро и легко компилировать sass, используя графический интерфейс. если вы ...
всем привет! в этой статье мы рассмотрим, как использовать классы в ecmascript 2015 и стоит ли их вообще использовать? заметьте, что новые функции ecmascript ...
всем привет! в этой статье мы рассмотрим библиотеку для автоматизации - robotjs. robotjs - это библиотека для автоматизации некоторых действий. работает ...
как известно, пользователи любят, когда сайт выглядит красиво. чтобы сайт создавал должное впечатление, даже самая мелочь должна быть приятной. ...
как сделать так, чтобы пользователь смог использовать ваш сайт, даже если пропало интернет подключение или его вообще нет? сегодня мы об этом ...
всем привет! в этой статье мы рассмотрим, как сделать простое многоуровневое меню-аккордион на css3. создание структуры структура очень простая: ...
всем привет! в этой небольшой статье я хотел бы рассказать про один очень интересный сервис по работе с изображениями с мощным api. сервис называется ...
сегодня мы поговорим о плагине, позволяющем определить adblock и показать об этом уведомление. ни для кого не секрет, что существуют программы, ...
всем привет! в этой статье мы рассмотрим, как сделать выезжающее меню с использованием jquery. если вам нужно сделать выезжающее меню на сайте, ...
сегодня хотелось бы рассказать вам о легком скрипте, который позволяет сделать плавающие метки полей ввода на javascript. библиотека называется ...
всем привет! сегодня мы рассмотрим очень интересную библиотеку для быстрого написания математических формул. общая информация библиотека ...
в этой статье мы рассмотрим, как сделать эффект увеличения картинки, как на amazon, используя scss и jade. на дне турции я был на designer news и наткнулся ...
всем привет! в этой статье мы разберемся, что такое spa в веб-разработке и в чем его плюсы и минусы. описание возможно, кто-то из вас уже слышал ...
здравствуйте, дорогие читатели! рад сообщить, что вышел новый бесплатный видеокурс "создание и продвижение лендинга для начинающих". пройдя ...
в свободном доступе глобальной сети интернет существует несчётное количество сайтов. но они ведь должны где-то располагаться. небольшой ...
эта статья является продолжением предыдущей статьи о том, как строить отношения с клиентами. 6. стройте доверительные отношения какие бы ...
необходимость в создании сайта может быть различной. однако в современном мире ни одна уважающая себе компания просто не сможет обойтись ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями моего сайта, очень важной информацией. буквально на днях я запустил ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
начинающие дизайнеры и верстальщики допускают большое количество ошибок в своих сайтах, которые мешают дальнейшему развитию в их проектах, ...
существуют четыре основных принципа визуального дизайна, которые могут применяться для разработки дизайна всего что угодно. это повторение, ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что ищут? это в большой степени определяется организацией вашего ...
любой, кто имеет опыт разработки web приложений или использования какого-либо php фреймворка, безусловно, сталкивался с реляционными базами данных, ...
итак, мы завершаем цикл уроков по версте сайта с нуля с flat дизайном. напомню, что на первом уроке мы верстали шапку сайта. на втором уроке - секцию ...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
веб-разработчики часто сотрудничают с клиентами, желающими заказать одностраничный сайт с возможностью изменять его самостоятельно, ...
приветствую вас друзья! на этом уроке мы научимся обращаться к базе данных wordpress-а и выводить на сайте нужную нам информацию, в нужном месте и ...
большинство блоггеров или авторов, ведущие свои сайты на wordpress никогда не касаются вкладки в панели управления: "пользователи". по большому счету ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
термин rss имеет много разных определений - он может быть переведен как действительно простая синдикация, также он может быть переведен и по-другому, ...
сетка – это эскиз или диаграмма web-страницы, который показывает структуру (но не детализированный дизайн) базовых элементов страницы, таких ...
в этой статье вы узнаете, как реализовать функцию кнопки обратная связь для сайта на wordpress двумя похожими способами. мы научимся вставлять ...
под названием mfa (made for adsense – англ.) понимают ресурс, созданный специально для контекстной рекламы, для заработка на ней. название дал один ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись? h1 { color: red; } = селектор { свойство: ...
на этом уроке мы с вами разберем такие css свойства – opacity и rgba. свойство opacity отвечает только за прозрачность элементов, а функция rgba – за цвет ...
разработка сайтов является важной составляющей развития бизнеса в 21 веке, и руководителям компаний следует серьезно задуматься о том, ...
при вождении автомобиля – скорость это далеко не все. но в web все решает скорость. чем быстрее ваше приложение, тем лучше пользовательский опыт. ...
продолжаем предыдущую статью о том, как составить продающее письмо.     упростите отмену подписки. согласно законодательству, ...
каждый грамотный программист стремится писать код, который работает. однако в долгосрочной перспективе вероятность того, что ваша программа ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
всем привет! в этой статье мы рассмотрим, что такое void в php 7.1 и зачем он нужен. void с английского переводится как "пустой". следовательно, что-то ...
заработок в интернете в наше время - очень актуальная тема. существует много сервисов, где можно получать копейки за комментарии, переходы ...
всем привет! в этой статье мы рассмотрим, как сделать интерактивный 3d объект при помощи всего нескольких изображений на jquery. чтобы лучше понять, ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
друзья! я рад сообщить вам, что вышел мой новый видеокурс "php и mysql с нуля до гуру 2.0". что такое php и зачем он нужен? php – это очень известный и давно ...
тема создания сайтов набирает обороты с каждым днём. всех интересует свой блог, landing page, интернет-магазин и т.д. но как же создаются сайты? многие ...
дорогие друзья! эта статья поможет вам разобраться куда движется веб-разработка и исходя из этого изучать актуальные темы. конструкторы лендингов ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на css3, при наведении курсором на его категории, будет меняться ...
каждый день поисковыми системами пользуются миллионы человек, на каждый поисковой запрос есть сотни тысяч сайтов с необходимой пользователю ...
на этом уроке мы познакомимся с функцией mail (), на примере создания формы обратной связи на php с последующей отправкой полученных данных на почту. ...
на этом уроке мы научимся подключать php файлы к базе данных, делать проверку соединения и отключать php файлы от базы данных. в качестве наглядного ...
всем доброго времени суток! сегодня я хотел бы поговорить с вами о том, что такое модульное тестирование в php. при написании даже самых простых ...
для быстрого создания сайта существуют cms. готовые движки, проще говоря: конструктор. работа становится намного легче и быстрее. но, конечно, ...
разработка любого, мало-мальски сложного, web-приложения редко когда обходиться без использования сторонних компонентов и библиотек. при этом ...
здравствуйте! в этой статье я расскажу вам о магических методах в php. они позволяют программисту получить больший контроль над кодом, который ...
на данный момент ни один современный, качественный сайт не может обойтись без использования javascript. этот язык даёт очень многое, модифицирует ...
здравствуйте! вероятно, каждый из вас задумывался о своей работе. куда устроиться, в какую фирму, на какую должность? но, кроме офиса и работы ...
сегодня уже трудно найти сайт, где не использовался бы такой нужный и важный тег <div>. посмотрите код любого сайта, который найдете в интернете ...
портфолио - это невероятно важно для работника и для компаний. по нему заказчик может понять, что вы предлагайте и насколько вы хорошо это ...
в наше время, front-end developer - это очень перспективная и востребованная профессия, которая набирает всё больше и больше оборотов, и не собирается ...
как известно, важнейшим элементом в языке программирования php являются массивы. и это не удивительно, так как практически всегда приходится ...
сегодня трудно себе представить современный сайт, при верстке которого не использовался бы элемент "float". для профессионала-верстальщика или ...
данная статья является продолжением предыдущей статьи, посвященной теме итераторов в php. в ней пойдет речь о php интерфейсе arrayaccess. он позволяет ...
с популяризацией интернета появилось много новых профессий. одна из самых престижных - back-end developer. многие, услышав насколько эта профессия ...
постараюсь не сильно вдаваться в подробности, что такое 404-ая страница, достаточно открыть гугл и по запросу «как сделать 404 страницу» - вы обнаружите ...
продолжаем изучать компонент zend log. первая часть данной статьи находится здесь. предобработка данных. если вам необходимо в автоматическом ...
массив – это набор определенного количества однотипных элементов (структуры данных). по сути, массивы, позволяют нам, не создавать много переменных, ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
как известно, людям всегда больше нравится интерпретировать картинки, чем текст. это подтверждается биологическим фактом, что 90% фактов, поступающих ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
деструктуризация - это новый синтаксис es6, который помогает присваивать несколько значений из массива или объекта в переменные. деструктуризация ...
несоблюдение html и css правил, приводит к массе ошибок при верстке. исправить которые, бывает не так просто для начинающих верстальщиков. сегодня ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
доброго времени суток! я уже рассказывал, что такое orm. вот здесь находится статья. а в данной статье я покажу как просто можно настроить orm в ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
что такое a/b тестирование сайта a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
конструктор яндекс карт независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
c# (по анг. csharp) был разработан компанией microsoft в 2000 году и является основным конкурентом самого быстрого языка программирования с++. он достаточно ...
css3 свойство box-sizing может принимать два значения: первое по умолчанию - content-box (его не нужно указывать) и второе - border-box. именно последнее значение ...
css grid - технология верстки макетов, которая позволяет буквально в пару строк кода получить адаптивную сетку. однако, при центрировании содержимого ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
все атрибуты у html элементов, начинающиеся с префикса data-*, являются пользовательскими. data атрибуты можно использовать для дополнительной стилизации, ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#. ...
как вы поняли из прошлой статьи про диапазоны дат, что в нативном javascript неудобно работать с форматами дат. поэтому и была разработана библиотека ...
вокруг ооп (объектно-ориентированное программирование) слагается огромное количество мифов и легенд. сложилась ситуация, при которой опытные ...
на этом уроке я расскажу как подключить и настроить самый современный сенсорный слайдер swiper. есть несколько причин, почему swiper лучший слайдер ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
в плагине woocommerce фильтрация товаров основана на атрибутах. атрибут - это разновидность товара по цвету, размеру, стилю, назначению. у разных товаров ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
в данной статье мы поговорим с вами, что такое cors, где оно используется и реализуем его. итак, согласно документации cross-origin resource sharing (cors) — ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
при верстке страниц часто возникает ситуация, когда для многих из них меняется только содержимое, тогда как, такие блоки как заголовок, меню ...
когда мы имеем дело с большими вложенными списками, было бы хорошо сделать их как можно компактнее. javascript отлично справится с поставленной задачей. ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css. 1. выравнивание блоков на flexbox на данный момент способ выравнивания ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
доброго времени суток, уважаемые посетители! сегодня я хотел бы поговорить с вами о том, что за зверь такой parcel js. порог входа в любую предметную ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
регулярные выражения нужны для поиска по тексту, для замены в тексте или для проверки на совпадение с неким шаблоном. это когда вы регистрируйтесь ...
данный скрипт позволяет переводить предложения из киррилицы в транслит. это нужно, например для формирования ссылки на товар в интернет-магазине. ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
на прошлом уроке мы подключили materialize, чтобы уже прямо сейчас использовать этот фреймворк на практике. вы увидите, как легко и быстро, пользуясь ...
set (множество) - это объект, в котором могут хранится только уникальные значения любого типа данных (примитивы и другие типы объектов). создание ...
стрелочные функции появились начиная с es6 и очень сильно изменили качество написания кода. так чем же они хороши? главная причина появления ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
доброго времени суток всем! сегодня я покажу вам как можно, на чистом css cделать выпадающий блок. в основе всего примера лежит использование ...
для чего нужен движок unreal engine unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
javascript является объектно-ориентированным языком (ооп) и главную роль в нем играет объект. он может в себе содержать методы, свойства, а также любой ...
перед нами стоит задача создать и вывести на страницу список книг из массива, хранящегося в базе данных на сервере. на практике это значит, что ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
при заполнении различных отчетов на сайтах, часто появляется необходимость позволить пользователям загружать на свой пк сформированный ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
сегодня вы узнаете, как при помощи готового решения parallax плагина, можно анимировать фон при движении мышью. в качестве фона у нас будет космическое ...
в предыдущей статье по python и pygame мы завершили создание логики для космического корабля. но корабль все еще один в пустом пространстве. пора добавить ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
в одной из прошлых статей по css, мы попытались с имитировать эффект неоновой вывески. и одна особенность, которую можно заметить в неоновых вывесках, ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
продолжаем совершенствовать игру asteroids c python и pygame. и на текущий момент, на игровом поле отображается один космический корабль, которым можно ...
компонентный фреймворк svelte.js используется для создания интерфейсов без перезагрузки страницы и этим он очень похож на vue.js и react.js. но у него ...
операционная система android у мобильных устройств основана на ядре linux и приложения для нее пишутся на языке java. любая программа состоит из множества ...
все, кто хоть немного взаимодействуют с компьютером, неизбежно сталкиваются с однотипными задачами: скачивание видеороликов с youtube, переименование ...
замечательно то, что на canvas можно не только рисовать, но и анимировать объекты. для этого у javascript есть полный набор инструментов. вы узнаете, ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный css-эффект построен на градиентах, заданных псевдоэлементам. ...
css свойство align-items управляет элементами по вертикали в системе grid layout. на этом уроке, вы увидите все возможные варианты расположения элементов ...
кнопка-переключатель, напоминающая гамбургер, решает проблему нехватки места для полноценного меню, на маленьких устройствах. н этом уроке ...
прозрачная форма на фоне какого-нибудь девственного пейзажа - любимая тема веб-дизайнеров. как верстать такую форму? с этим нам предстоит сегодня ...
шаг 1) создание html-разметки сделать кнопку можно разными способами: через тег button, div или a. я предпочитаю сделать это сразу через ссылку a, поскольку ...
html код html разметка состоит из элементов маркированного списка, внутри блока div. <div class="list">     <h2>list item hover effect</h2>     <ul> ...
обычно форма поиска как минимум состоит из двух полей input: это текстовое поле, куда пользователь вводит ключевое поисковое слово и кнопки "поиск". ...
4) позиционирование инпута и текста .list ul label{     position: relative; / * относительное позиционирование * /     display: flex; / * отображать ...
в предыдущей статье по структурам данных в python мы говорили о наиболее часто используемых типах данных, таких как списки, словари и их разновидности. ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется. создание ...
этот необычный эффект строится на двухслойности: нижний слой желтый, а верхний - синий. двигая мышкой слева направо, вы постепенно убираете верхний ...
на этом уроке нарисуем пчелу с помощью окружностей и анимируем ее так, чтобы она летала. создание анимации в javascript состоит из повторяющегося ...
в предыдущей статье мы добавили новые свойства к игровому объекту. в результате чего, наш космический корабль двигается и вращается! однако, ...
до боли знакомая ситуация, когда вы заполняя форму авторизации, казалось бы внимательно вбиваете каждый символ имени пользователя и пароля. ...
предположим, что мы создали html страницу с заголовком «урок по javascript #1» и неким текстом. затем мы передумали и решили заменить старый заголовок ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
метод splice() очень гибкий инструмент для работы с массивом. он умеет добавлять, удалять и заменять элементы массива и может принимать до 3-ех аргументов. ...
grid с появлением grid css, у верстальщиков появилось ещё больше возможностей. данное свойство учитывает горизонтальное и вертикальное расположение ...
c++ появился в далеком 1980 году, все время развивался и по сей день носит титул самого быстрого языка программирования. среди других низкоуровневых ...
в python скрипте ниже мы рассмотрим как подсчитать количества определенных дней недели в диапазоне дат в python. где это может понадобиться? допустим, ...
в данной статье мы рассмотрим с вами как можно быстро создать графическое приложение с использованием библиотеки python tkinter. проектировать мы ...
как преобразовать обычный список в массив, используя программу vscode и регулярные выражения? предположим вам нужно занести в базу данных сайта ...
флаги в регулярных выражениях уточняют каким образом нужно искать, если это важно. в противном случае, флаги не обязательно добавлять к регулярному ...
управление областями в css grid можно ячейки объединять в области. ниже представлен шаблон, в котором при разрешении меньше 540 пикселей, верстка ...
на этом уроке разберем, как верстальщикам использовать css grid технологию на примере типичной блог-секции. мы не будем отвлекаться на css-свойства ...
как правило, начинающие изучать веб-разработку люди уже знают, как легко можно поменять внешний вид элемента с помощью css стилей. но менять стили ...
сегодня мы научимся рисовать дуги и окружности. сделать это можно с помощью метода arc, который рисует дугу из центра в заданной точке с координатами ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
например, по какой-то причине вам нужно перенаправить посетителей с одного сайта на другой. только сделать это без мгновенного редиректа в лоб, ...
здравствуйте! сегодня я хотел бы рассказать вам о научных вычислениях с использованием языка python и модуля scipy. во многих научных вычислениях ...
если вы задумываетесь над созданием собственной игры, но не хотите переходить на другой язык ради карьеры разработчика игр, то для этого есть ...
в предыдущей статье мы начали создание проекта игры asteroids. для этого был создан базовый класс игры с конструктором и основными методами игры. ...
в предыдущей статье мы реализовали проект pygame, в результате чего на экран выводится окно с игровым полем, которое вы можете закрыть, нажав клавишу. ...
структурой данных называется способ организации или хранения данных для эффективного с ними взаимодействия. в программировании мы все время ...
в предыдущей статье мы создали и отобразили красивое игровое поле с помощью pygame и python. и на данный момент наша программа отображает фоновое ...
в предыдущих статьях про python и pygame мы создали и отобразили игровой объект в виде космического корабля. в сегодняшней статье мы создадим для ...
в прошлых статьях по созданию игры с python и pygame мы добились отображения корабля на фоне изображения космического пространства. но что можно ...
продолжаем покорять космические просторы с python и pygame.в прошлой статье мы придали кораблю возможность управления с помощью клавиш. в сегодняшней ...
представленный ниже скрипт позволяет преобразовать число из одной системы счисления в другую: // немедленно вызываемя функция ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент. цвет логотипа google первым делом определим, ...
таймер в js нужен для запуска функции (некий набор действий), через заданное количество времени. без таймера эта функция так и так бы запустилась, ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
перед теми кто начинает программировать на java, сразу возникают два вопроса: как скомпилировать, и как запустить программу на java? в одной из ...
представим, что нам необходимо разобрать большой файл с логами либо еще с какими-то данными.как правило, при работе с большими файлами самой ...
многие люди, начинающие изучать язык программирования java, изучив основы, не двигаются никуда дальше. кстати это касается не только начинающих ...
bem – это методология, разработанная в яндексе, расшифровывается, как: блок__элемент_модификатор идея bem-а состоит в изолированности блоков ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
напомню, что событие – это реакция браузера на взаимодействие пользователя с элементами сайта, посредством мыши и клавиатуры. существует три ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку. шаг 7. внутри блока с формой, сделаем разметку для кнопки, обернем ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
я немного завидую, нашим коллегам вебмастерам, работавшим ещё 10-20 лет назад. они могли себе позволить не париться по поводу оптимизации всего, ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
pug – это html препроцессор, написанный на js для работы на платформе node.js, с одной единственной целью – ускорить верстку. за счет чего верстать ...
сетка bootstrap состоит из 12 колонок, так как число 12 делится на большое количество чисел без остатка. деление на числа 2, 3, 4, 6, 12, позволяет получить ...
чаще всего в модальных окнах размещают формы, всплывающая форма заявки на лендинге – это классика. у bootstrap 4, есть такой компонент, как модальное ...
база данных в программировании – это хранилище разного рода данных в упорядоченном виде. если провести простую аналогию из жизни, то базу данных ...
поскольку все данные значительной части сайтов хранятся в базах данных, то нужно как-то ими управлять. для общения с базами данных был разработан ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
псевдоклассы описывают различные состояния элементов. например, какой цвет будет у активной ссылки или при наведении. чем псевдокласс отличается ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов связанных с языком java и поэтому ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
изучение python, хорошо подходит для освоения основ программирования, так как это один из самых простых языков. простота – его главная фишка. кроме ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
какой можно сделать сайт на wordpress, без навыков написания кода? ответ простой – любой сайт. а если быть более конкретным, то на wordpress каждый человек ...
внутри контейнера header находится блок навигации nav. меню шапки в свою очередь навигация содержит меню и языковое меню. продолжим html ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
в данной статье мы поговорим о том как работать с датой и временем в mysql. посмотрим как сохранять и извлекать значения данного типа из таблиц. ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
продолжаем обсуждать работу с датой и временем в mysql. первая часть этой статьи находится здесь вот сразу пример получения текущей даты и времени ...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками. секция ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap. секция с корзиной верстаем уже по накатанной схеме: секция -> ...
какие кнопки обычно встречаются на сайте? я разделили бы их на два вида: кнопки внутри формы и кнопки-ссылки. и те и другие необходимо уметь верстать. ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню. на мобильных ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
секция с фотографиями на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
при создании сайтов периодически возникает необходимость запретить прямой доступ к файлам определенных типов. сделать это можно различными ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно. якорь – это знак решетки, который ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
данный скрипт позволяет распаковать загруженный на сервер архив в заданную папку. код функции распаковки: /** * распаковка архива * ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
в прошлой статье мы говорили о том, как превратить php скрипт в консольную команду для выполнения рутинных действий. а в этой посмотрим как разобрать ...
верстка писем для email рассылки непростая задача, требующая нестандартного подхода от верстальщика. в чем состоит, трудность, верстки писем? ...
на фриланс биржах, можно часто увидеть заголовки с заданиями от заказчиков: "нужно ускорить загрузку сайта на wordpress". думаю, что эта тема будет ...
сегодня мы научимся показывать и скрывать текст, при клике по кнопке, на чистом javascript. такой прием обычно используют на сайтах, с целью экономии ...
при посещении тех или иных сайтов можно заметить такую особенность, когда при выделении текста на странице, он может менять свой стиль. такого ...
шаблон проектирования наблюдатель - это популярный шаблон проектирования по широко используемый в разработке javascript-приложений. экземпляр ...
не один язык программирования не может обойтись без переменных и python здесь не исключение. переменная в программировании – это именованная ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
бытует мнение, что программирование доступно только для людей с математическим складом ума. причем такой склад ума наблюдается исключительно ...
существует два принципиально разных способа, добавления иконок на сайт: в виде картинки (растровой или векторной) в качестве иконочного ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
первым делом нужно установить платформу node js, чтобы разработчикам были доступны команды npm. через команду npm, мы в дальнейшем установим и сам ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер. настройки slick слайдера просматривая демо-страницу ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
на этом уроке мы научимся делать простые вкладки на чистом css и никакого javascript. в ряде случаев этого решения вполне достаточно, ограничиваясь ...
стрелки с рамками или стрелки в виде треугольников очень часто можно увидеть в макетах для верстки. эти простые фигуры легко можно нарисовать, ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
все три css свойства flex-basis, flex-grow и flex-shrink управляют размерами элементов внутри контейнера. чтобы адаптивно верстать макеты, вам не обойтись без ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css. при наведении на элемент ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
javascript является языком программирования с нестрогой типизацией данных. что это означает на практике? например присвоив переменной x число 10 ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку. посмотрите демо на codepen html разметка создадим в разметке три разных ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
в python существует логический тип данных bool, который может возвращать только два значения: true (истину) // первая буква заглавная false (ложь) // первая ...
перед нами сегодня стоит задача создать вкладки (табы) на js. вкладки состоят из заголовков, переключаясь между которыми, в активном показе всегда ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
в данной и последующих статьях мы разберем с вами на примерах, что такое модули в python, зачем они вообще нужны, и какой у них синтаксис. так как ...
не знаю как вам, но мне становится все более очевидным, что навык программирования, хотя бы на любительском уровне – нужен уже каждому человеку. ...
первое с чем сталкивается js разработчик при работе с сайтами, так это как получить элементы с веб-страницы. для написания любой программы, нужно ...
object (объект) - это более сложный тип данных в js. хочу напомнить, что все остальные типы данных, являются примитивными, так как могут содержать ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...
как вы думаете, к какому типу данных относятся элементы на html страницах? это все объекты и на этом уроке мы будем учиться, с ними работать. в предыдущих ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
во избежание ошибок в работе скрипта, убедимся, что dom-дерево построено. для этого повесим, обработчик на событие окна браузера, domcontentloaded. после ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
в прошлой статье мы разобрались с теоретической частью сборки фронтенда сайта, а в этой рассмотрим, как на практике, организовать взаимодействие ...
здравствуйте! сегодня мы поговорим с вами о инструкции switch в java. данная инструкция работает также как и аналогичная инструкция в php. так что, ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
когда программа последовательно выполняет javascript код, от строчки к строчке, то такой код называется синхронным. в примере ниже, в консоль поочередно ...
здравствуйте!в данной статье я хотел бы показать пример программы на python,которая генерирует билеты на основе вопросов из текстового файла. ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
в эпоху процветания интернет-магазинов, как никогда востребованы разработчики, способные реализовать запросы владельцев магазинов. львиная ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
что такое рекурсия в js? это способность функции вызвать саму себя в своем теле. рекурсивная функция обязательно должна иметь условие завершения, ...
std::map в c++ — это ассоциативный контейнер из стандартной библиотеки, который хранит данные в виде пар ключ-значение. если обычный массив или std::vector ...