<MyRusakov.ru />

Создание игр на Unreal Engine 5

Создание игр на Unreal Engine 5

Данный курс научит Вас созданию игр на Unreal Engine 5. Курс состоит из 12 модулей, в которых Вы с нуля освоите этот движок и сможете создавать самые разные игры.

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

Помимо самого курса Вас ждёт ещё 8 бесплатных ценных Бонусов: «Chaos Destruction», «Разработка 2D-игры», «Динамическая смена дня и ночи», «Создание динамической погоды», «Создание искусственного интеллекта для NPC», «Создание игры под мобильные устройства», «Создание прототипа RPG с открытым миром» и и весь курс «Создание игр на Unreal Engine 4» (актуальный и в 5-й версии), включающий в себя ещё десятки часов видеоуроков.

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

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

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

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

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

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

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

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

Поиск: HTTPS

Что искали: HTTPS

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

... коллекцией этих замечательных помощников. иконки шрифтовые иконки https://fontawesome.com фреймворком font awesome очень удобно пользоваться, не нужно ...
... установить изображение нужного размера просто пропишите в атрибуте 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" /> ...
...       { 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 }, ...
... просили немного осветить тему настройки https-соединения на сайте. для тех, кто не знает, зачем нужен https, объясняю: когда вы передаёте свои данные ...
... если вы не видели первую, то переходите по ссылке сюда. google webfonts helper https://google-webfonts-helper.herokuapp.com/fonts онлайн-сервис google webfonts helper позволяет получить ...
... # создадим список с названиями некоторых сайтов и уберем знаки **протокола https**, отбросив домен **"net"**. b = ['https://www.example1.com','https://www.example2.net',      'https://www.example3.com','https://www.example4.com', ...
...   <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> ...
...     <meta property="og:image" content="https://example.com/image.jpg" />     <meta property="og:url" content="https://example.com/page" /> </head> ...
... проекте. официальный сайт плагина: https://os.alfajango.com/easytabs/ подключение easytabs и bootstrap на сайте https://cdnjs.com/ можно найти cdn ссылки на любой плагин ...
... частей, обязательных для url. например, протокол https, два прямых слэша // и так далее. const urlpattern = /(?:https?):\/\/(\w+:?\w*)?(\s+)(:\d+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/; как ...
... так и без плагина. анимация при скролле без плагина сайт: https://github.com/matthieua/wow https://daneden.github.io/animate.css/ как добавить в тему wordpress animate.css и wow.js и ...
... обработки жестов, включая свайпы. подключите библиотеку: <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> используйте hammer.js ...
...     <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"> ...
...       return 301 https://$host$request_uri; } эти настройки включают https и перенаправляют http-запросы на https. проверьте конфигурацию nginx ...
... catch() для обработки ответов и ошибок. простейший пример get-запроса: fetch('https://jsonplaceholder.typicode.com/posts/1')   .then(response => response.json()) // преобразуем ответ в json ...
... response = requests.get('https://example.com', cookies=cookies) print(response.text) получение cookie из ответа import requests response = requests.get('https://example.com') received_cookies = response.cookies ...
... запускать браузер вручную. import webbrowser webbrowser.open('https://myrusakov.ru/') этот код откроет веб-страницу https://myrusakov.ru/ в браузере по умолчанию на вашем компьютере. ...
... кроссбраузерности, добавим вендорные префиксы, для flexbox c помощью сервиса. https://autoprefixer.github.io/ru/ общие стили оформления, для вводимого текста для ...
... с использованием библиотеки fetch. получение списка публикаций: fetch('https://jsonplaceholder.typicode.com/posts')   .then(response => response.json())   .then(data => console.log(data)) ...
... 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'); ...
... и использовать на своем сайте. подключение jquery ui официальный сайт: https://jqueryui.com/ библиотеку jquery ui можно скачать на компьютер или подключить ...
... ошибке и блокирует отправку формы получателю. официальный сайт плагина: https://jqueryvalidation.org/ для демонстрации и настройки работы плагина, нам потребуется ...
... закрытия браузера 'path' => '/', 'domain' => '', 'secure' => isset($_server['https']), // только по https 'httponly' => true, // недоступно js - защита от xss 'samesite' => 'lax', ...
...   <title>карта с пользовательскими метками</title>   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />   <style>     #map { ...
... «поделиться» от яндекса. ссылка на конструктор: https://tech.yandex.ru/share/ ссылка на документацию: https://tech.yandex.ru/share/doc/dg/add-docpage/ в документации подробно ...
...   <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> ...
... ключевых частей: протокол: обозначает тип передачи данных (например, http, https). доменное имя: адрес сервера, где располагается ресурс. путь: путь ...
... 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" ...
... чтобы сделать get-запрос , вызовите requests.get(): >>> requests.get('https://srs.myrusakov.ru') <response [200]> ответ запроса response - является ...
...     <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"> ...
... формате json: [     {         "url": "https://{сайт}/vacancies/0001",         "company": "компания 1", ...
... отображать нашу верстку. <!--[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> ...
... и библиотеку jquery. <!doctype html> <html> <head>     <link href="https://fonts.googleapis.com/icon?family=material+icons" rel="stylesheet">     <link type="text/css" ...
... или скомпрометированный сертификат. как работает https без ssl pinning когда клиент устанавливает https-соединение, происходит стандартная проверка ssl-сертификата ...
... по ссылке. подключение плагина typed.js официальный сайт плагина typed.js https://github.com/mattboldt/typed.js/ здесь вы можете увидеть пример, что будет происходить ...
... делать, придумали интерполяцию строки. console.log('https//site.com/' + user); // получаем на выходе https//site.com/helen_25 интерполяция строк (es6) используем ...
... например, при чтении rss ленты. итак, код далее: const https = require('https') // функция загружает удаленный url function readurl(url) { ...
...     <!-- bootstrap css -->     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9ait2nrpc12uk9gs9badl411nqapfmc26ewaoh8wgzl5myyxffc+ncpb1dkgj7sk" crossorigin="anonymous"> ...
...     <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"> ...
...                     "https://myrusakov.ru",                     "https://src.myrusakov.ru"                 } ...
... добавляете на сайт, как обычные картинки. мне нравится брать иконки с сайта: https://www.flaticon.com/ находим через поиск иконки нужных соцсетей, выбираем ...
...     <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> ...
... перед закрывающим тегом head ссылку на css файл плагина. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> шаг 2) добавьте на ...
...     <!-- подключаем стили leaflet -->     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />     <style>         #map { ...
... легко создавать анимацию элементов при скролле страниц. ссылка на сайт: https://michalsnik.github.io/aos на сайте вы можете сразу увидеть, как выглядят анимированные ...
... общих запросов в месяц. для оценки охвата аудитории, идем на сервис яндекса https://wordstat.yandex.ru. введем в строку поиска сервиса ключевое слово – французский ...
...     <title>маршрут на карте</title>     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
... шаг 2: затем, чтобы получить html-содержимое https://www.bbc.com/news , добавьте эти 2 строки кода: url='https://www.bbc.com/news' response = requests.get(url) ...
...   <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> ...
... инструкция как вставить на сайт карту с вашим объектом. переходите на сайт https://www.google.com/maps вводите в поисковую строку адрес или название места выбираете ...
... file_get_contents("http://example.ru");   // чтение удаленного файла по адресу example.ru, используя https   $httpsfile = file_get_contents("https://example.ru/file.txt");   // чтение удаленного файла по ...
... //подключение библиотеки с иконками <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> ...
... 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> ...
... jquery. поставьте следующий код перед закрывающимся тегом body: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> дальше вам надо скачать ...
... свой проект , меняя или добавляя некоторые параметры. официальный сайт: https://sarcadass.github.io/granim.js/examples.html базовая анимация градиентов состоит из ...
...     <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> ...
...         <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);"> ...
...     </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> ...
... 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> ...
... синего цвета, а посещенные ссылки окрашивают в фиолетовый цвет. <a href="https://myrusakov.ru/">как создать свой сайт</a> абсолютная ссылка абсолютная ...
...     <!-- 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"> ...
...   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=""> ...
...       </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> ...
... иконки из библиотеки 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> ...
... шрифт <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" ...
... <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>   <!-- вставляем сгенерированный код в виде векторного рисунка --> ...
... просто загрузить исходники из официального репозитория bootstrap. git clone https://github.com/twbs/bootstrap.git далее переходим в папку bootstrap и устанавливаем ...
...     </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; } ...
... интернете для обмена данными, мы можем выполнить следующий код: fetch('https://api.github.com/users/fabpot')   .then(res => res.json())   .then(json => console.log(json)); ...
... heroku, то все уже настроено и работает. вот сама ссылка: https://api.bot.org/bot<%токен_бота%>/setwebhook?url=https://myrusakovbot21.herokuapp.com/index.php все готово, теперь приступим ...
... 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 ...
...     urls = [         'https://myrusakov.ru/image-format-learning.html',         'https://myrusakov.ru/protecting-a-page-with-javascript.html',         'https://myrusakov.ru/php-fluent-interface.html', ...
... 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://signup.heroku.com/account. далее необходимо установить инструмент командной ...
... url легче для восприятия. взгляните на пример ниже. https://myrusakov.ru/article.php?id=1057 https://myrusakov.ru/apache-rewrite-engine-guide.html согласитесь, что читать ...
... 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> ...
... обязательный атрибут itemscope и тип схемы разметки itemtype. <div itemscope itemtype="https://schema.org/person"></div> далее прописываются отдельные свойство схемы, ...
...     <!-- приводим стили к общему виду с помощью https://github.com/necolas/normalize.css -->     <link rel="stylesheet" href="css/normalize.css"> ...
...      <!-- font awesome -->      <script defer src="https://kit.fontawesome.com/921224fb4e.js"></script> </head> <body>     <div id="root"></div> ...
... версию на сайт <script src="path/to/sharer.min.js"></script> или используйте cdn <script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script> если вы используете meteor, можете ...
... иконками из библиотеки 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==" ...
... не бросает исключение на 4xx/5xx по умолчанию — нужно проверять res.ok. fetch('https://api.example.com/users') .then(res => { if (!res.ok) throw new error(`http ${res.status}`); return res.json(); ...
... или онлайн-генераторы. убедитесь, что файл доступен по адресу, например, https://example.com/sitemap.xml. добавьте ссылку на sitemap в яндекс.вебмастере для ускорения ...
... 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) { ...
... одной библиотеки, то добавь ещё одну. подключение плагина wow.js сайт: https://github.com/matthieua/wow нужно сделать так, чтобы анимация срабатывала только ...
...     try {         const response = await fetch('https://example.com/api/speech-to-text', {             method: 'post', ...
... витамином a, а так нерастворимой и растворимой клетчаткой.<br><a href="https://site.ru/ananas"><b>ссылка</b></a>на полную статью     </p> ...
... подмену. если рядом с https отображается иконка замочка, значит данные передаются по защищенному каналу. протокол https обеспечивает защиту ...
... стилей, чтобы форма смотрелась более привлекательно. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... "вёрстка сайта с нуля 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, копируем код и вставляем ...
... компьютере пользователя, обязательно надо подключать в файле стилей. @import url(https://fonts.googleapis.com/css?family=alegreya+sans+sc:900); фотография на все окно браузера ...
...     return $response; // возвращаем html-ответ } $url = 'https://myrusakov.ru'; // url для запроса $res = httpget($url); // получаем html-контент с url ...
... изображений. официальный сайт: https://bxslider.com/ как подключить bxslider первый способ скопировать код отсюда https://bxslider.com/install/ и вставить в свой ...
... базовой темы. после установки wordpress с официального сайта https://wordpress.org/, вам надо на сайте https://underscores.me/, сгенерировать вашу тему, дайте ей какое-нибудь ...
... btn = document.queryselector('#btn'); // занесем тестовый url в переменную const url = 'https://jsonplaceholder.typicode.com/users'; // функция будет принимать в качестве параметра ...
... онлайн-сервисов с базой данных зарегистрированных торговых знаков. https://www.trademarkia.com/ https://trademark-search.marcaria.com/ но самый простой путь - установить браузерное ...
... импортировать его. далее пример кода: 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"> ...
... следующим кодом: from http.server import httpserver, cgihttprequesthandler server_address = ("",8800) httpd = httpserver(server_address, cgihttprequesthandler) httpd.serve_forever()  ...
... нелегальный способ подключения, хотя он и работает. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-o8whs3fhg2ona5kas0y9l3cfpmyjapji0e4theh4iumd+plhbf6ji0jimfyck3yz" ...
... $(document).ready(function () {   $("a[target]").css("color", "blue"); }); <a href="https://jquery.com/">выборка по атрибуту</a><br /> <a href="https://jquery.com/" target="_blank">выборка по атрибуту</a> ...
...       width: 90%; } } анимация элементов, используя библиотеку animate.css сайт: https://daneden.github.io/animate.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: ...
... другие шрифты <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"> ...
... библиотеки. <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" ...
... на mac или linux. откройте терминал и вставьте следующие команды: 1) $ curl -ss https://getcomposer.org/installer | php 2) $ mv composer.phar /usr/local/bin/composer после того, как вы все ...
... from oauth2client.service_account import serviceaccountcredentials # определяем область доступа scope = ["https://spreadsheets.google.com/feeds", "https://www.googleapis.com/auth/drive"] # аутентификация с помощью ключей api ...
...   <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"> ...
... class="box">     <div class="box_header">         <img src="https://via.placeholder.com/400x150" alt="">     </div> </div> .box {     width: ...
... быстро создать красивую форму с индикатором заполнения. зайдите на сайт https://github.com/colourity/fort.js и скачайте архив со стилями и скриптом. создаем html ...
... # создаем и инициализируем объект        site = site('myrusakov.ru','https://myrusakov.ru') # выводим свойства print(site.name)    print(site.url) ...
... подобных случаев. итак, установим расширение selenium ide из магазина chrome - https://chromewebstore.google.com/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd откроем расширение в браузере ...
... преимуществом. скачать openserver можно здесь: https://ospanel.io. как его скачать, установить и настроить, я показывал в своём бесплатном курсе: https://srs.myrusakov.ru/freephp7.
несколько дней назад я выпустил новый курс по php 7: https://srs.myrusakov.ru/freephp7. на момент написания статьи его получило уже 4899 человек. и в этой статье ...
... 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'> ...
... совсем необязательно. можно пользоваться css генератором теней. https://css3generator.com https://webcode.tools/css-generator обучающей информации в интернете много, но ...
...     </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> ...
... генератор для генерации фавиконки воспользуемся онлайн-генератором https://realfavicongenerator.net. подготовим картинку размером 260x260 пикселей в любом ...
... необходимости. аспекты безопасности: https: для сервис-воркеров требуется безопасное соединение (https) для предотвращения потенциальных угроз ...
... сможете отправлять сообщения в канал с помощью простых http-запросов: https://api.telegram.org/bot%{botapikey}/sendmessage?chat_id=%{channelname}&text=%{text} %{botapikey} ...
... вы исправили. проанализировать страницу в сервисах: https://developers.google.com/speed/pagespeed/insights/?hl=ru https://jigsaw.w3.org/css-validator будет плюсом, если добавите другие ...
...     <title>bootstrap темная тема</title>     <link       href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"       rel="stylesheet" ...
... <iframe style="width: 640; height: 480; border: none;" name="embedded_python_anywhere" src="https://www.pythonanywhere.com/embedded3/"></iframe> вставьте этот код в html-разметку ...
...     <meta name="description" content="простой пример интеграции telegram webapp."> </head> <body>     <script src="https://telegram.org/js/telegram-web-app.js"></script>     <script>         // инициализация объекта telegram webapp ...
... командная строка в терминале. выполните команду клонирования: git clone https://github.com/login/login.github.io в папке с проектом на компьютере появится папка ...
... стандартам w3c. копируете html код страницы и вставляете в поле формы на сайте https://validator.w3.org. для проверки всего сайта, который уже размещен в интернете, ...
... бота можно запустить прямо на компьютере разработчика без настройки https веб-хуков на собственном домене. <?php require __dir__ . '/message.php'; // класс, созданный выше ...
... данные в формате html. в качестве данных будем использовать открытое api https://jsonplaceholder.typicode.com/posts. это бесплатный онлайн-сервис rest api, который предоставляет ...
...     <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://api.telegram.org/bot{bot_token}/getupdates в ответ должен прийти json ответ с chat_id или ...
... вызываем так: 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') ...
...   &#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;; ...
... инструмент burp suite, который позволяет перехватывать и анализировать http/https-трафик между веб-браузером и сервером. это позволяет тестировщикам ...
...     static void main(string[] args)     {         string url = "https://example.com/data";         httpwebrequest request = (httpwebrequest)webrequest.create(url); ...
... $url = "http://www.myrusakov.ru/";   // вызов методов сервиса   $api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");   // расшифровка данных** ...
... сделать его адаптивным – задача веб-мастера. <iframe width="560" height="315" src="https://www.youtube.com/embed/fn_jrxerhug" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ...
... залогиниться на сайте. нам понадобится скачать selenium webdriver для браузера chrome c сайта https://chromedriver.chromium.org/downloads, а также модуль selenium для работы с драйвером через ...
... использования: <?php $urls = [ 'https://yandex.ru', 'http://myrusakov.ru', 'http://349e9esjxaa.com', 'https://myrusakov.ru/hello' ]; foreach($urls as $url) ...
... отображался правильно, надо прописать строчку в коде между тегами head: <link href="https://fonts.googleapis.com/css?family=open+sans" rel="stylesheet"> через расширение colorzilla мы узнаем ...
...     <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> ...
...             width: 50%;             background: url("https://myrusakov.ru/images/articles/javascript-debounce.jpg") white;             background-position: 100px; ...
... регистрация в данной системе очень простая. вам нужно лишь перейти по ссылке https://github.com/ там ввести незанятый логин, email и пароль и после чего нажать ...
... строиться логика работы приложения? для примера будем использовать сервис https://jsonplaceholder.typicode.com. мы опишем json-ответы сервиса с помощью pojo (plain old java ...
... клиента (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 ...
... import time import requests from bs4 import beautifulsoup # config url = 'https://{ваш_сайт}/vacancies/middle_php_developer' # заголовки запроса headers = { ...
... пропишем ссылки, между тегами 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"> ...
... пример вы можете найти здесь: http://vodkabears.github.io/vide/ теперь заходите сюда: https://github.com/vodkabears/vide качайте архив. на вашей странице подключите jquery и ...
... ввиду. загрузчик вордпресса загружает файлы в стандартную директорию (https://domain.com/wp-content/uploads/woocommerce_uploads/2017/06/name-product.jpg). woocommerce конечно же прячет ...
... трансформировать её в крестик. первым делом подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> html разметка создадим ...
... библиотеки 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"> ...
... программирование на jquery. между тегами head подключаем библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> jquery код <script> $(document).ready(function(){ ...
... разными способами, один из них я покажу далее. допустим у нас такой url-адрес: https://srs.myrusakov.ru/order?product_ids=31&is_digit=1&country_id=1&pm_id=3&key=2qt3akj получить ...
... галочки у нужных вариантов. и вставляете в html страницу. <link href="https://fonts.googleapis.com/css?family=roboto:300,300i,400,400i,700,700i&display=swap" rel="stylesheet"> здесь используется ...
...     <!-- 1. подключаем библиотеку -->     <script src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" type = "text/javascript"></script> ...
... производиться под windows. давайте скомпилируем скрипт игры змейка. возьмем скрипт с https://github.com/ivangolubykh/python-snake. скопируем код и назовем его snake.py. в итоге, у нас ...
... простейщий get запрос с помощью функции fetch() будет иметь следующий вид: fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json ...
... максимальное и минимальное. <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: ...
... веб-разработчиком, необходимо понимать, как работает интернет и что такое протокол http/https, модель tcp/ip. хостинг доменнов и dns: также очень важно иметь представление, ...
...     <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> ...
... сами задаете и работает по аналогии с маской в photoshop. генератор clip-path - https://bennettfeely.com/clippy выберите нужную геометрическую фигуру переставьте ...
... поздних версиях, программа не поддерживает 32-bit. ссылка на скачивание: https://netbeans.org/downloads/8.0/ для 32-bit windows доступны для скачивания 5 сборок netbeans, ...
... интегрированную среду разработки visual studio community. ссылка на скачивание: https://visualstudio.microsoft.com/ru/downloads/ страница с редакциями visual studio: ...
... вставим фрейм c url сайта. html-код <div class="smartphone"> <div class="content"> <iframe src="https://your_site.ru"> </div> </div> демонстрационный сайт, внутри фрейма ...
... поставим ссылку на библиотеку иконочных шрифтов 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: ...
...             // создаем объект клиента             httpget request = new httpget("https://myrusakov.ru");             // добавляем заголовки запроса ...
... .pink{     background: #f6a4bb; } подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> получить значение атрибута ...
... счетчики и веб-аналитику. <!-- пример подключения google analytics --> <script async src="https://google-analytics.com/analytics.js"></script> атрибут defer делает тоже самое, но с ...
... import localstoragedb from './localstoragedb' const db = new localstoragedb('myrusakov'); db.save('url','https://myrusakov.ru'); console.log(db.fetch('url')) db.drop()
... эффекта с помощью только лишь css: html код: <img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" /> код css: ...
... библиотеку с иконками между тегами <head></head>. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"> выбираем нужные иконки на ...
... поведение браузера - прописать в теле callback функции - метод preventdefault(). <a href="https://www.google.com/">ссылка</a> <script> let link = document.queryselector('a'); link.addeventlistener('click', ...
...         }     </style>      <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  </head> <body>     <table class="w3-table w3-table-all"> ...
... интерпретатор питона и установим его на компьютер. откройте официальный сайт https://www.python.org и перейдите во вкладку downloads и скачайте последнюю версию. ...
... некоторое время не показывалось. подключим библиотеку jquery <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> весь jquery код будем писать ...
... # шаблон url у которого меняется идентификатор url = 'https:/example.com/post/%d' # заголовки запроса, представляемся браузером firefox/45 на mac os ...
...     <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"> ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip ...
... позволяет быстро писать html/css код, используя сокращенную запись. на сайте https://emmet.io, в разделе документация, есть масса примеров сокращений кода. ...
... сайте. это можно сделать так:     $rss = file_get_contents('https://news.yandex.ru/science.rss');     $rss  = simplexml_load_string($rss);      ...
... pip3 install opencv-python qrcode  import qrcode # импотируем модуль  string = "https://myrusakov.ru" # строка для перевода в qr file = "myrusakov_out.jpg" # файл для хранения полученного штрих кода ...
...   // создаем нового клиента   $client = new client([     'base_uri' => 'https://какой-то-сайт.ru/', // базовый uri, от него и будем двигаться дальше ...
... 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 свойства для фоновой картинки .bg-img{     background-image: url("https://cdn.pixabay.com/photo/2020/04/06/02/29/love-5008071_1280.jpg");     height: 480px;     width: ...
... разумеется, что у вас уже создан аккаунт в яндексе. переходите по ссылке https://metrika.yandex.ru/. нажимаете на кнопку добавить счетчик и заполняете форму. ...
... //html разметка <h1 data-text="animation...">animation...</h1> //css код @import url('https://fonts.googleapis.com/css2?family=poppins:wght@700&display=swap'); *{     margin: 0;/*обнуление ...
... */     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; ...
... 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}' ...
...     // данная функция выполняет запрос на сервер и декодирует полученные json-данные     $resp = file_get_contents(         "https://ipinfo.io/$ip?token={ваш_апи_ключ}",          false, $context ...
...     <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"> ...
...     // немного сокращаем сообщение, чтобы оно с большей вероятностью соответствовало ограничению длины url-адреса браузера (которое в некоторых браузерах составляет 2083 символа).     stack = stack.replace(/https?\:\/\/[^/]+/gi, '');     // вызов обработчика на стороне сервера, который, должен зарегистрировать ошибку в базе данных или файле журнала ...
...         const response = await axios.get(           `https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ`         ); ...
...     // делаем запрос на сервер, в качестве второго аргумента передаем объект со свойством signal     fetch('https://myrusakov.ru/posts', { signal: signal })         .then(response => response.json()) ...
... прежде всего нам понадобятся звуки нот в формате wav. перейдите по ссылке https://zvukogram.com/category/zvuki-not/ и скачайте звуки, начиная с ноты do, и заканчивая ...
... процесс установки и обновления unity. перейдите на официальный сайт unity - (https://unity.com) и найдите раздел загрузок. скачайте последнюю версию unity hub ...
...     for headline in headlines:         print(headline.text) website_url = "https://www.example.com" scrape_website(website_url) автоматическое отправление электронной ...
... установкой и обновлением unreal engine. посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите ссылку "get epic games" (скачать epic games) и кликните по ней.вы ...
... необходимо загрузить саму библиотеку, которая находится по вот этому адресу https://www.e-iceblue.com/introduce/free-pdf-for-java.html. для загрузки необходима простая регистрация. ...
... файлом main.py. после чего вводим: >>>python main.py # вывод https://127.x.x.x переходим по указанному адресу в браузере и нажимаем ...
... browser.maximize_window() # открытие посиковика в браузере browser.get('https://images.google.com/') # находим поисковое окно box = browser.find_element(by.css_selector, 'input[class="glfyf"]') ...
... 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( ...
... # цикл чередования firefox, chrome и safari для тестирования веб-сайта. webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)  ...
... # создадим  экземпляр драйвера my_driver = webdriver.chrome(path) # пропишем адрес сайта my_driver.get("https://myrusakov.ru/python-tutorial.html") # получим список ссылок из страницы сайта ...
...         # открываем страницу по адресу          self.driver.get("https://myrusakov.ru/register.html")         # установка размеров окна ...
... должна появиться таблица. далее скачиваем selenium web driver для firefox. по адресу https://github.com/mozilla/geckodriver/releases/. называется он geckodriver. необходимо скачать архив ...
...     {         $url = sprintf('%s/%s', 'https://jsonplaceholder.typicode.com', $part);         return $this->fetch($url); ...
...                 var imagebytes = downloadimage("https://source.unsplash.com/random");                 // создаем объект bitmap из массива байт ...
... объединения оператором join. мы будем использовать учебную базу по адресу: https://www.w3schools.com/sql/trysql.asp?filename=trysql_asc . и так мы хотим осуществить выборку ...
... # код для пользовательского ввода с консоли # вводимая страница https://myrusakov.ru/python-tutorial.html url = input("введите адрес страницу") # отправка запроса на сайт и получение ответа ...
...     <title>autoclose menu</title>     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">     <style> ...
... // 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); таким образом, ...
...     return $response_text; } файл index.php <?php require_once ('functions.php'); $url = "https://news.yandex.ru/internet.rss"; $apikey = "api_key"; // данный запроса: resource -> url, key -> key ...
... закладки и гиперссылки в документ. $section->addbookmark('mybookmark'); $section->addlink('https://example.com', 'visit example.com'); 6. создание заголовков и колонтитулов ...
... ждите их через 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)'; } фильтрация текста и безопасный вывод ранее популярный ...
...     # url html-версии поисковой страницы duckduckgo     url = "https://html.duckduckgo.com/html/"     # отправляем post-запрос к серверу ...
... для этого отлично подходит библиотека requests: import requests response = requests.get('https://api.example.com/data') data = response.json() # автоматически парсит json print(data) хочешь ...
...         // url видео         val videouri = uri.parse("https://www.example.com/video.mp4")         val mediaitem = mediaitem.fromuri(videouri) ...
... # директория для сохранения файлов save_directory = 'downloaded_svgs' # базовый url base_url = 'https://example/img/cities/{}.svg' # итерируем по числам от 1 до 10 ...
... private async void buttonfetchdata_click(object sender, eventargs e) {     string url = "https://api.example.com/data";     try     {         string json = await fetchdataasync(url); ...
... from bs4 import beautifulsoup # url страницы с прогнозом погоды url = 'https://example.com/weather' # получение данных с сайта response = requests.get(url) ...
...     <title>карта с вашим местоположением</title>     <script src="https://api-maps.yandex.ru/2.1/?lang=ru_ru" type="text/javascript"></script>     <script type="text/javascript"> ...
... установка python: если у вас еще нет python, скачайте его с официального сайта https://www.python.org/downloads/. установка библиотеки python-telegram-bot: откройте командную ...
... async function load_article() {   try {     const post = await fetchdata('https://api.myrusakov.ru/post/12');     console.log(post);   } catch (error) { ...
...     <title>линейный график с несколькими линиями</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <canvas id="mychart" width="400" height="200"></canvas> ...
...     <!-- подключаем библиотеку chart.js -->     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>     <style>         body { ...
... изображение через fetch, преобразовать его в blob и отобразить на странице: fetch('https://example.com/image.png')   .then(response => response.blob())   .then(imageblob => { ...
... tls/ssl для шифрования данных, передаваемых между клиентом и сервером. как и https по сравнению с http, wss добавляет слой безопасности, что особенно важно ...
... через websocket, используется wss (websocket secure), который работает поверх tls/ssl (как https). это важно при передаче конфиденциальной информации. пример создания ...
... более чистым и понятным синтаксисом. пример использования fetch api: fetch('https://api.example.com/data')   .then(response => response.json())   .then(data => console.log(data)) ...
...     # функция для перевода текста с заданного языка на целевой язык     url = "https://translate.googleapis.com/translate_a/single"     # url для запроса к google translate api ...
... следующую строку в секцию вашего 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"> ...
...   <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> ...
... <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"> ...
...     // ссылка на rss-ленту - она в формате xml     private var rssurl = "https://career.habr.com/vacancies/rss?currency=rur&sort=relevance&type=all"     // основной метод любой активити, в которой загружается и устанавливается макет ...
...     <script src="script.js"></script> </body> </html> файл style.css @import url('https://fonts.googleapis.com/css?family=nunito&display=swap'); :root {   --success-color: #0cb854; ...
... справа</a>     </p> </div> общие css стили @import url("https://fonts.googleapis.com/css2?family=roboto+condensed:wght@700&display=swap"); body {     font-family: ...
... выравнивающие по центру и назначим ее флексовым контейнером. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@700&display=swap'); *{     margin: 0;     padding: ...
... на библиотеку с иконками fontawesome <head>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <section>   <div ...
... нашу форму в белый контейнер и выровняем по центру экрана. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@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"> ...
... из библиотеки 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" ...
... </nav> поместим ссылки в гибкий контейнер (flex) и приукрасим их. @import url("https://fonts.googleapis.com/css?family=roboto:400,400i,700"); * {     margin: 0;     padding: ...
... выведем календарь внутри белого контейнера и в центре страницы. @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/css?family=poppins:200,300,400,500,600,700,800,900'); *{     margin: 0; ...
... текста..</p> </section> и сделаем внешнее оформление. @import url('https://fonts.googleapis.com/css?family=poppins:400,500,600,700,800&display=swap'); *{     margin: 0; ...
... </div> css код расположим popup в центре страницы. @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: ...
... курсор (cursor). <head>     ...     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">     ... </head> ...
... прежнему имеет прямоугольную форму. магия произойдет чуть позже. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... формы добавим к форме 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: ...
... 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: ...
... позиционирование выравнивание контейнера 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@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... воспользуемся быстрым способом подключения - через cdn-ссылку. <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> 2) получить ...
... уберем черные маркеры и красиво оформим сами пункты меню. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); * {     margin: ...
... размытия через значение inherit. это важно! html {     background: url("https://cdn.pixabay.com/photo/2020/07/24/21/58/lemon-5435158_960_720.jpg")     no-repeat fixed center / cover; ...
... ластика */     height: 100px; /*высота ластика */     background: url("https://cdn.pixabay.com/photo/2021/09/16/21/27/container-ship-6631117_960_720.jpg");     background-size: cover; ...
... </ul> css стили поработаем над внешним видом меню. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... функцию, которая при клике меняет css классы, туда и обратно. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript">   $(document).ready(function(){ ...
...     <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: ...
... стилизация текста сделаем текст крупнее и уплотним его. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{ margin: 0; padding: 0; ...
... карточки расположение карточки в центре и создание теней. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900'); body{     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. ...
... можно, если указать цвет текста transparent и задать свойство text-stroke. @import url('https://fonts.googleapis.com/css?family=poppins:300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... контейнер rating со смайликами внутри в центре экрана в один ряд. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... как значение space-between прибило обе кнопки к разным полюсам. @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=ubuntu:wght@300;400;500;700&display=swap'); *{     margin: 0; ...
... выравнивать внутри себя дочерние элементы так, как нам нужно. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... css код сделаем секцию flex-контейнером с градиентным фоном. @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: ...
...     </div>   </div> </div> стилизация карточки @import url('https://fonts.googleapis.com/css?family=roboto:300,400,500,700,900&display=swap'); *{     margin: 0; ...
...   print(top) # запуск кода if __name__ == '__main__':   url = "https://myrusakov.ru/python-tutorial.html"   scarpy(url) полученный пример имеет множество ...
... <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; ...
... 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: ...
... зададим css стили для всех созданных элементов в html-разметке. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     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: ...
... окно с формой подписки на новости. <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: ...
... </section> разместим всю конструкцию в центре браузера. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... для подключения иконки, загрузим библиотеку fontawesome. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> под навигационной панелью, ...
... сделаем покадровую анимацию вращения вокруг своей оси для блока box. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... забывать про то, как будет выглядеть вводимый пользователем email. @import url('https://fonts.googleapis.com/css?family=poppins:300,300i,400,500,500,600,700,800,900&display=swap'); *{     margin: ...
... при скролле картинка принимала свой первоначальный размер. @import url('https://fonts.googleapis.com/css?family=poppins:300,400,500,600,700&display=swap'); *{     margin: 0;/*обнуление ...
... подключения, через cdn, вставьте ссылку между тегами <head>. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmocqbtlwilj8lytjo7moustjskc4popqbqyi7rrhn7udi9rwhkkmhpvlbhg9sr" ...
... 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" ...
... потребуется правка кода. внимание! правка кода. в разделе помощи по адресу https://mobiriz.store/help-12.html, подробно расписано, как настроить работу формы обратной ...
... текущий url-адрес вовсе не myrusakov.ru, а другой сайт? history.pushstate(null, null, 'https://yandex.ru/'); данная строчка кода вызовет исключение "securityerror: ...
... посмотреть вживую на то, как изображение кодируется в текст можно на сайте https://dopiaza.org/tools/datauri/, который вы можете использовать для преобразования ...
... подключения выбранного шрифта и вставляем сверху в css файле. @import url('https://fonts.googleapis.com/css?family=marck+script'); в селекторе body пишем название выбранного ...
... копирования строки с кодом и вставки между тегами head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... то и браузер не будет загружать данное изображения.   <img data-src="https://ik.imagekit.io/demo/default-image.jpg" /> теперь, так как мы предотвратили загрузку ...
... ссылку между тегами <head>. мы воспользуемся cdn ссылкой. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrme5qonljuremfsqc01sb46jvros7bzs3io2emffsd15uhvit+y8vef7n7fwau" ...
... <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" ...
... подключить библиотеку jquery и плагин fancyselect, который вы можете скачать по ссылке: https://github.com/octopuscreative/fancyselect по умолчанию fancyselect использует собственные ...
... копируем 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" ...
... дополнения, чтобы поддерживать ws:// и wss:// протоколы в дополнение к http и https. поддержка браузерами большинство современных браузеров поддерживают ...
... файле. вот так выглядит конфиг со всеми доступными опциями: [api] token = url = https://asciinema.example.com [record] command = /bin/bash -l maxwait = 2 yes = true quiet = true [play] maxwait = 1 ...
... позволяющую добавить динамики на ваш сайт - dynamo.js. перейдите по ссылке https://github.com/jdan/dynamo.js и скачайте ее с github. оффициальный сайт: http://jdan.github.io/dynamo.js/ ...
... шапки. перед закрытием тега head, вставьте ссылку на библиотеку. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> вставьте небольшой скрипт ...
... пикселей. подключаем к html файлу библиотеку jquery и javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="js/index.js"></script> ждем ...
... пространство - cover и не будет повторяться - no-repeat. body {     background: url(https://cdn.pixabay.com/photo/2017/06/12/17/54/anemone-2396299_1280.jpg);     background-repeat: no-repeat; ...
... по умолчанию на любом wordpress сайте форма логина находится по адресу: https://site.com/wp-admin/ и это известно всем, в том числе и хакерам. использование ...
...     <button>отправить</button>   </form>   <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>   <script src="send.js"></script> </body> ...
... на jquery с помощью небольшого плагина. итак, для начала зайдите по ссылке: https://github.com/aarondo/tabulous.js и скачайте zip архив. там вы найдете необходимые стили ...
... пользователях и организациях, их проектах, и т.д. давайте взглянем на пример: curl https://api.github.com/orgs/yandex в этом примере мы используем консольную утилиту ...
... подключите стили <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/datepicker/ вы увидите несколько вариантов виджета datapicker, мы рассмотрим ...
... вы можете предпринимать дальнейшие действия.   <?php   $url = 'https://myrusakov.ru';   if(issiteavailible($url)){     echo 'сайт доступен.'; ...
... кнопку отправить 1) добавить ссылку между тегами head: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 2) вставить иконку между ...
... ценовым диапазоном и двумя ползунками. найти его можно по этому адресу: https://jqueryui.com/slider/#range такие слайдеры чаще всего используют в интернет-магазинах, ...
... 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" ...
... данная ссылка через тег script, так же в конец html-файла. <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </body> какой же вариант ...
... 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> ...
... тестовое приложение. спасибо за внимание. кстати, пример создания сайта на основе фреймворка yii можно посмотреть в моем курсе https://srs.myrusakov.ru/yii
... менее броский - roboto. вставляем код в самый вверх css файла. @import url('https://fonts.googleapis.com/css?family=lobster|roboto:700i'); по порядку начинаем писать стили, ...
... достаточно простая. установка подключите необходимые скрипты: <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> ...
... подключаем иконочный шрифт до закрывающего тега head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... 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 ...
... плагинов с таймерами обратного отсчёта, самым толковым оказался - wp dev art. https://wpdevart.com/wordpress-countdown-plugin/ таймер можно добавить как в сайдбар, так и ...
... 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> ...
... будет выглядеть. чтобы скачать необходимые файлы, перейдите по ссылке: https://github.com/malkafly/endcredits/ и нажмите кнопку "download zip", чтобы скачать zip архив. ...
... эффекта: tip.type('error').effect('fade'); почитать подробнее вы можете здесь: https://github.com/darsain/tooltip/wiki/tooltip итак, вот такой простой сервис, который, однако, ...
... сервисов рассылки. комбинация плагинов (mailpoet & popup maker) http://www.mailpoet.com/ https://wordpress.org/plugins/popup-maker/ скачайте и активируйте плагины на своем сайте. ...
... 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>   ...
... должен понравиться больше. вывод списка с плагином acf сайт плагина: https://www.advancedcustomfields.com на странице с документацией, выберите field types -> text. ...
... 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" ...
... пример с добавлением иконок для списка валют. шаг 1 скачиваем с сайта https://fontawesome.ru/ иконочный шрифт и подключаем к своему сайту через файл css. ...
... классов bootstrap-а, следует присвоить каждой колонке. переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", ...
... будет стоить среднестатистический клик в вашей нише. яндекс директ https://direct.yandex.ru в разделе прогноз бюджета, рекламодатели могут примерно ...
... простой скрипт, но он позволяет сделать неплохой эффект. зайдите по ссылке: https://github.com/carrot/share-button найдите справа кнопку download zip. нажмите на нее. вы скачаете ...
... например, можно использовать «roboto» из бесплатной службы google fonts: @import 'https://fonts.googleapis.com/css?family=roboto:300,400,500'; body {    font-family: "roboto", "helvetica", "arial", ...
... 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>   ...
... документу ссылку на файл стилей с иконочным шрифтом. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> html разметка создадим ...
... запрос по данным из формы соответствующего оператора. например, для 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); ?> ...
... import, копируем код на google fonts и вставляем в верх файла style.css. @import url('https://fonts.googleapis.com/css?family=lobster'); прописываем название выбранного шрифта: ...
друзья! я рад сообщить вам, что вышел мой новый видеокурс "php и mysql с нуля до гуру 2.0". что такое php и зачем он нужен? php – это очень известный и давно ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
здравствуйте. в современном мире все больше и больше внимания уделяется разработке высокопроизводительных и масштабируемых приложений. одним ...
всем привет! в этой статье мы продолжим разбираться с платформой nodejs и поговорим про глобальный объект. вы уже должны быть знакомы с этим понятием. ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
доброго времени суток уважаемые посетители сайта myrusakov.ru! сегодня я хотел бы рассказать вам о моем новом курсе по программированию на c++ в unreal ...
на сегодняшний день, когда веб-страницы становятся все более важными для хранения различной информации, защита этой информации становится ...
тема создания сайтов набирает обороты с каждым днём. всех интересует свой блог, landing page, интернет-магазин и т.д. но как же создаются сайты? многие ...
дорогие друзья! эта статья поможет вам разобраться куда движется веб-разработка и исходя из этого изучать актуальные темы. конструкторы лендингов ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на css3, при наведении курсором на его категории, будет меняться ...
всем привет! в этой статье мы рассмотрим 6 советов по изучению javascript, которые помогут вам освоить его быстрее. когда люди пытаются изучить javascript ...
каждый день поисковыми системами пользуются миллионы человек, на каждый поисковой запрос есть сотни тысяч сайтов с необходимой пользователю ...
доброго времени суток! в данной статье и следующих я расскажу и покажу, как настроить окружение разработки c помощью docker в котором можно будет ...
на этом уроке мы познакомимся с функцией mail (), на примере создания формы обратной связи на php с последующей отправкой полученных данных на почту. ...
в мире веб-разработки, эффективность и ясность кода играют ключевую роль. в поисках средств улучшения качества кода, разработчики часто обращаются ...
на этом уроке мы научимся подключать php файлы к базе данных, делать проверку соединения и отключать php файлы от базы данных. в качестве наглядного ...
unreal engine - это один из самых популярных игровых движков. с тех пор, как было объявлено о доступе к раннему выпуску ue5, все сразу же приступили к ...
всем доброго времени суток! сегодня я хотел бы поговорить с вами о том, что такое модульное тестирование в php. при написании даже самых простых ...
здравствуйте! в предыдущей статье мы создали анимированное подобие прогрессбара, которому не хватает всего пару штрихов. все это мы создаем ...
здравствуйте! продолжаем создание кругового прогрессбара с помощью html и css. в прошлой статье мы создали круг на белом фоне и закрасили одну его ...
здравствуйте! telegram-боты становятся все более популярными для автоматизации задач и взаимодействия с пользователями на платформе telegram. одной ...
создание api с использованием python и flask достаточно просто. flask - это микрофреймворк для веб-приложений на python. вот пример того, как вы можете создать ...
здравствуйте! в одной из статей мы начали создание кругового прогрессбара с помощью html и css. в настоящий момент мы имеем белый круг на светло-голубом ...
orm (object-relational mapping) - это техника программирования, которая связывает объекты приложения с записями в базе данных, позволяя работать с данными ...
иногда кажется, что мы уже целую вечность используем мобильную ос google на наших устройствах android. однако прошло чуть больше десяти лет с тех пор, ...
для быстрого создания сайта существуют cms. готовые движки, проще говоря: конструктор. работа становится намного легче и быстрее. но, конечно, ...
всем привет! в этой статье мы рассмотрим, как сделать интерактивный 3d объект при помощи всего нескольких изображений на jquery. чтобы лучше понять, ...
всем привет! в этой статье мы разберемся, что такое spa в веб-разработке и в чем его плюсы и минусы. описание возможно, кто-то из вас уже слышал ...
всем привет! в этой статье мы рассмотрим, что такое void в php 7.1 и зачем он нужен. void с английского переводится как "пустой". следовательно, что-то ...
здравствуйте. одной из распространенных задач при работе с базой является получение списка таблиц. в этой статье мы рассмотрим, как с использованием ...
всем привет! наверняка среди нас есть фанаты звёздных войн, поэтому сегодня мы рассмотрим, как сделать интро в стиле известного фильма на чистом ...
сегодняшний мир необозримо широк в цифровом пространстве, и владение сайтом становится обязательным элементом для любого бизнеса или личного ...
доброго времени суток! несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
довольно часто требуется работать с изображениями в формате, который позволяет представлять их в виде текстовых строк. одним из популярных ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца средствами css-анимации. итак, код ниже: <!doctype html> ...
всем привет! в этой статье мы рассмотрим, что такое потоки и буферы и в чем их преимущества в nodejs. в современном мире потоки и буферы используются ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования интерфейсов ...
финансовая грамотность играет ключевую роль в жизни каждого человека. это неотъемлемый навык, который позволяет эффективно управлять своими ...
здравствуйте, дорогие читатели. сегодня в статье мы рассмотрим сервис, который позволит вам создавать красивые страницы ошибок для своих сайтов. ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах. в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
дорогие друзья, я рад сообщить вам, что вышел мой новый видеокурс "создание и продвижение лендинга под ключ". что такое лендинг если вы еще не ...
всем привет! в этой статье мы рассмотрим, как создавать анимации при прокрутке страницы на чистом javascript. описание для создания эффектов мы ...
заработок в интернете в наше время - очень актуальная тема. существует много сервисов, где можно получать копейки за комментарии, переходы ...
доброго времени суток! сегодня мы поговорим с вами, о том, что такое indexeddb в javascript. indexeddb (indexed database) - это встроенная база данных в браузере, предоставляющая ...
здравствуйте, дорогие читатели! рад сообщить, что вышел новый бесплатный видеокурс "создание и продвижение лендинга для начинающих". пройдя ...
всем привет! сегодня мы рассмотрим 10 sass миксинов, которые вам следует использовать в своих проектах. scss позволяет вам использовать возможности, ...
здравствуйте, дорогие читатели. рад сообщить, что вышел новый видеокурс "react js, redux, es2015 с нуля до гуру". последнее время все стремительнее развивается ...
всем привет! в этой статье мы рассмотрим, как можно ускорить разработку, используя github gist. что это такое думаю, многие из вас(особенно начинающие ...
всем привет! в этой статье мы рассмотрим, как сделать индикатор прокрутки на чистом css3. думаю, вы могли видеть индикатор загрузки страницы в ...
всем привет! в этой статье мы рассмотрим, как установить иконки загрузки на чистом css себе на сайт. иконки загрузки – очень важная часть сайта, ...
изменение размера изображения – это частая задача при работе с фотографиями. однако важно не только уменьшить или увеличить размер, но и сохранить ...
написание сценариев на python стало важным инструментом для автоматизации задач, создания приложений и анализа данных. однако знание того, как ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs. в данной статье мы рассмотрим как загрузить сразу ...
здравствуйте. telegram-боты стали все более популярными для автоматизации задач, предоставления информации и взаимодействия с пользователями ...
в этой статье мы поговорим об использовании function expression в платформе nodejs. в будущих статьях мы будем говорить о модулях, ведь модули – это очень ...
в одной из предыдущих статей мы рассмотрели как создать простейший синтезатор на windowsforms. на данный момент нажатие по клавишам синтезатора ...
введение: разработка и развертывание python-проектов становится все более доступным благодаря платформам, предоставляющим облачные услуги. в ...
всем привет! в этой статье мы рассмотрим, что такое обнуляемые типы(nullable types) в php 7.1 и как их использовать. не будем долго тянуть и сразу перейдем ...
доброго времени суток, уважаемые посетители сайта! хочу поделиться с вами отличной новостью - совсем недавно у меня вышел новый курс - wordpress ...
мы продолжаем создание игры про "космические приключения" с python и pygame. очень важной частью этой игры является возможность уничтожения вашего ...
продолжаем изучать компонент zend log. первая часть данной статьи находится здесь. предобработка данных. если вам необходимо в автоматическом ...
здравствуйте! в цикле статей по созданию космической аркады, с python и pygame, мы достигли того что на игровом поле отображается космический корабль ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
при вождении автомобиля – скорость это далеко не все. но в web все решает скорость. чем быстрее ваше приложение, тем лучше пользовательский опыт. ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
разработка сайтов является важной составляющей развития бизнеса в 21 веке, и руководителям компаний следует серьезно задуматься о том, ...
на этом уроке мы с вами разберем такие css свойства – opacity и rgba. свойство opacity отвечает только за прозрачность элементов, а функция rgba – за цвет ...
для создания анимации падающих звезд нам потребуется картинка зведного неба и сами звезды, созданные средствами html и css. html-разметка и звездное ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись? h1 { color: red; } = селектор { свойство: ...
нет, это не фотошоп. фильтр для смешивания слоев уже давно стал доступен и на css. как это работает? сейчас вы обо всем узнаете. html разметка для ...
больше не нужно ломать голову и писать много строчек кода для визуализации капель дождя, падающих на окно. замечательный скрипт на js rainyday.js представляет ...
под названием mfa (made for adsense – англ.) понимают ресурс, созданный специально для контекстной рекламы, для заработка на ней. название дал один ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
в этой статье вы узнаете, как реализовать функцию кнопки обратная связь для сайта на wordpress двумя похожими способами. мы научимся вставлять ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта. <ul> ...
сетка – это эскиз или диаграмма web-страницы, который показывает структуру (но не детализированный дизайн) базовых элементов страницы, таких ...
в html-разметке накидываем все элементы, которые у нас будут на странице, пока не заботясь о внешнем виде расположении относительно друг друга. ...
термин rss имеет много разных определений - он может быть переведен как действительно простая синдикация, также он может быть переведен и по-другому, ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
продолжаем предыдущую статью о том, как составить продающее письмо.     упростите отмену подписки. согласно законодательству, ...
эта статья является продолжением предыдущей статьи о том, как строить отношения с клиентами. 6. стройте доверительные отношения какие бы ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
традиционный for цикл в javascript - теперь в прошлом! встречайте новые циклы for..of и for…in, которые дают нам очень ясный и короткий синтаксис для последовательного ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта. в условиях технологического ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
на данный момент у нас есть три превью-картинки, при наведении на которые пока ничего не происходит. по задумке, при наведении на урезанную версию ...
как развернуть сложенные в стопку карточки при наведении мыши? html разметка html структура состоит из трех карточек с текстовым контентом. ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку. 5. скачать библиотеку jquery-3.3.1.min.js подключаем к нашему html ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
каждый грамотный программист стремится писать код, который работает. однако в долгосрочной перспективе вероятность того, что ваша программа ...
задача веб-разработчика заключается в создании максимально удобной, безопасной и эффективной структуры сайта. на этапе внутренней оптимизации ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
в этой статье не рассматриваются технические термины и концепции, чтобы обеспечить ее содержание простым. если вы программист, позвольте мне ...
всем привет! на начало 2018 года, по данным сайта can i use, верстка на flexbox-ах, поддерживается браузерами на 97.8%. это отличные показатели для этой уже ...
в свободном доступе глобальной сети интернет существует несчётное количество сайтов. но они ведь должны где-то располагаться. небольшой ...
django - это python веб-фреймворк для бекенда, который позволяет быстро создавать безопасные сайты и приложения. фреймворк имеет набор готовых компонентов, ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
большинство блоггеров или авторов, ведущие свои сайты на wordpress никогда не касаются вкладки в панели управления: "пользователи". по большому счету ...
в одной из прошлых статей мы создали форму для калькулятора, с помощью c# и winforms, создав текстовое поле и кнопки с цифрами. в сегодняшней статье ...
разработка любого, мало-мальски сложного, web-приложения редко когда обходиться без использования сторонних компонентов и библиотек. при этом ...
с популяризацией интернета появилось много новых профессий. одна из самых престижных - back-end developer. многие, услышав насколько эта профессия ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
здравствуйте! в этой статье я расскажу вам о магических методах в php. они позволяют программисту получить больший контроль над кодом, который ...
всем привет! в этой статье мы поговорим о разных способах написания sass кода и об особенностях каждого из них. если вы зайдете на официальный ...
технология распознавания символов с изображения в редактируемый текст достаточно непростая задача. для подобных целей используется технология ...
постараюсь не сильно вдаваться в подробности, что такое 404-ая страница, достаточно открыть гугл и по запросу «как сделать 404 страницу» - вы обнаружите ...
опция сохранения на компьютере распространена повсюду. бывает что создавая приложение необходимо, чтобы оно обладало данной функцией. создание ...
данная статья является продолжением предыдущей статьи, посвященной теме итераторов в php. в ней пойдет речь о php интерфейсе arrayaccess. он позволяет ...
доброго времени суток! в прошлой статье мы рассмотрели основную программную часть нашего проекта. а в этой статье мы соберем все части проекта ...
сегодня трудно себе представить современный сайт, при верстке которого не использовался бы элемент "float". для профессионала-верстальщика или ...
как известно, важнейшим элементом в языке программирования php являются массивы. и это не удивительно, так как практически всегда приходится ...
в наше время, front-end developer - это очень перспективная и востребованная профессия, которая набирает всё больше и больше оборотов, и не собирается ...
портфолио - это невероятно важно для работника и для компаний. по нему заказчик может понять, что вы предлагайте и насколько вы хорошо это ...
сегодня уже трудно найти сайт, где не использовался бы такой нужный и важный тег <div>. посмотрите код любого сайта, который найдете в интернете ...
здравствуйте! вероятно, каждый из вас задумывался о своей работе. куда устроиться, в какую фирму, на какую должность? но, кроме офиса и работы ...
на данный момент ни один современный, качественный сайт не может обойтись без использования javascript. этот язык даёт очень многое, модифицирует ...
приблизительно год назад вышла новая версия языка программирования php8. его можно смело назвать - языком номер один в веб-программировании на ...
доброго времени суток! в прошлой статье мы рассмотрели базовую структуру каталогов нашего проекта по добавлению новостей на сайт, увидели ...
приветствую вас друзья! на этом уроке мы научимся обращаться к базе данных wordpress-а и выводить на сайте нужную нам информацию, в нужном месте и ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что ищут? это в большой степени определяется организацией вашего ...
находим два подходящих изображения размером не менее 1920x1080 пикселей и скачиваем их. оба изображения будут фоновыми, которые вставляются через ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
веб-разработчики часто сотрудничают с клиентами, желающими заказать одностраничный сайт с возможностью изменять его самостоятельно, ...
у нас есть четыре изображения, каждое из которых поместим в свой собственный треугольник. полученные четыре маленьких треугольника поместим ...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
итак, мы завершаем цикл уроков по версте сайта с нуля с flat дизайном. напомню, что на первом уроке мы верстали шапку сайта. на втором уроке - секцию ...
любой, кто имеет опыт разработки web приложений или использования какого-либо php фреймворка, безусловно, сталкивался с реляционными базами данных, ...
существуют четыре основных принципа визуального дизайна, которые могут применяться для разработки дизайна всего что угодно. это повторение, ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
начинающие дизайнеры и верстальщики допускают большое количество ошибок в своих сайтах, которые мешают дальнейшему развитию в их проектах, ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями моего сайта, очень важной информацией. буквально на днях я запустил ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель ...
необходимость в создании сайта может быть различной. однако в современном мире ни одна уважающая себе компания просто не сможет обойтись ...
разделим рисование куба условно на пять сторон и сверху крышка top. html код тегами span обозначим 4 стороны куба с использованием переменной i. ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
в области обработки и хранения данных sqlite выделяется как надежный и легкий движок базы данных. часто возникает необходимость экспортировать ...
в мире объектно-ориентированного программирования одним из базовых принципов является создание модели, которая отражает предметную область ...
всем привет! иногда на сайте нужно сделать функционал, который позволит увеличивать изображения при наведении на них мышки, но в то же время ...
здравствуйте! material design — это язык дизайна, разработанный google, который объединяет принципы хорошего дизайна с инновациями науки и технологий. ...
здравствуйте! в современном программировании создание графических интерфейсов стало неотъемлемой частью разработки приложений. одним из ...
здравствуйте! в программировании на python с использованием библиотеки tkinter можно легко создать интерактивный индикатор загрузки, который позволяет ...
llm-агенты, или агенты на основе больших языковых моделей (large language models), представляют собой передовую технологию в области искусственного интеллекта ...
здравствуйте! работа с большими таблицами данных является неотъемлемой частью современной аналитики. независимо от того, нужно ли вам обрабатывать ...
сегодня я расскажу про то, как сделать красивое всплывающее окно на jquery, используя плагин webui-popover. это легкий и быстрый плагин, позволяющий сдеалать ...
здравствуйте! машинное обучение (ml) — это метод анализа данных, который позволяет компьютерам обучаться на примерах и делать предсказания или ...
в современном программировании асинхронные операции играют важную роль, особенно когда речь идет о работе с пользовательским интерфейсом ...
если вы желаете сделать чеклист(контрольный список), то вы можете использовать swipe-li. описание посмотреть, как это работает в живую, вы можете ...
здравствуйте! представим ситуацию, при которой требуется обратить внимание пользователя на событие внутри приложения. в таких случаях могут ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость выполнять задачи через регулярные интервалы времени. для этого ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость работы с изображениями. класс bitmap в пространстве имен system.drawing ...
здравствуйте, дорогие читатели! в этой статье я хотел бы рассмотреть, на мой взгляд, очень интересную библиотеку javascript - whistle.js. найти ее исходники ...
здравствуйте! в этой статье мы рассмотрим, как создать простое приложение для воспроизведения музыки с использованием класса soundplayer в c# windows ...
элемент picturebox в c# windows forms предоставляет удобный способ отображения изображений в графическом интерфейсе пользователя. он позволяет загружать, ...
linq (language integrated query) — это мощный инструмент в c#, который позволяет выполнять запросы к различным источникам данных, таким как коллекции, базы ...
в программировании часто возникает необходимость применить определённую функцию ко всем элементам коллекции и получить новую коллекцию с ...
здравствуйте! в одной из статьей мы рассматривали способ реализации функции map. в c# встроенным аналогом функции map является метод select, который ...
фракталы — это уникальные математические структуры, которые обладают самоподобием, что означает, что их части напоминают целое. эти узоры встречаются ...
всем привет! бывают случаи, когда нужно показывать прогресс чего-то на сайте(например, загрузки) в вашем favicon. вот о том, как это сделать, сегодня ...
здравствуйте! в сегодняшней статье мы рассмотрим как встроить элемент медиаплеера в windows forms, с c# для воспроизведения видеофайлов. шаг 1: создание ...
всем привет! сегодня мы поговорим про jquery плагин, позволяющий выбирать альтернативные символы при долгом нажатии клавиши. плагин называется ...
всем привет! сегодня мы поговорим о том, что такое vps и как его сделать на digitalocean. vps(virtual private server) - виртуальный выделенный сервер. т.е. это не физический ...
здравствуйте! в сегодняшней статье мы рассмотрим навигацию между окнами в библиотеке tkinter на python. данная тема будет полезна тем, кто хочет создать ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать меню в tkinter с помощью виджета menu. меню добавляет интерактивности в приложение, ...
с выходом php 8, язык программирования получил множество новых возможностей и улучшений, одной из которых является поддержка атрибутов. атрибуты ...
сегодня мы рассмотрим приближенный к реальности пример использования атрибутов в php 8. предположим, что мы разрабатываем веб-приложение и хотим ...
в сегодняшней статье мы познакомимся с библиотекой pyttsx3 — удобным инструментом для преобразования текста в речь на python. эта библиотека идеально ...
работая с python, вы можете столкнуться с ситуацией, когда разные проекты требуют разные версии библиотек или самого python. без виртуального окружения ...
всех с наступившим 2025 годом! в сегодняшней статье мы рассмотрим библиотеку speech_recognition в python, которая позволяет легко интегрировать распознавание ...
всем привет! сегодня мы рассмотрим библиотеку, позволяющую сделать простой список, который мы можем сортировать и удалять элементы свайпами. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как с помощью python и библиотеки tkinter создать графический интерфейс для управления виртуальной ...
в сегодняшней статье мы рассмотрим, как можно управлять рисунком на canvas в tkinter с помощью голосовых команд. это увлекательная тема, которая позволит ...
здравствуйте! сегодня мы увидим, как создать python-приложение, которое открывает системные приложения, такие как терминал windows или блокнот, с помощью ...
приветствую! в сегодняшней статье мы рассмотрим, как создать простой интерфейс для автодополнения с использованием tkinter и nltk. задача мы создадим ...
здравствуйте! в сегодняшней статье мы рассмотрим, как определить тональность текста с помощью python и библиотеки nltk. этот инструмент позволяет ...
всем привет! сегодня я расскажу, как сделать круговой ползунок на jquery, используя плагин jquery knob. как всегда, посмотреть, как это работает, вы можете ...
всем привет! сегодня я покажу, как можно сделать интерактивное сравнение с помощью простого jquery плагина - twentytwenty. найти описание и примеры вы ...
всем привет! сегодня мы рассмотрим очень мощную библиотеку, которая позволит вам делать очень интересные 3d и 2d модели для вашего сайта. для ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс переименования файлов с помощью python. это может быть полезно, если ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать конструкцию when в c# для условного фильтра в различных контекстах. шаг 1: ...
здравствуйте! в сегодняшней статье мы рассмотрим, как реализовать автоматическое обновление элемента label в tkinter. такая функция полезна для ...
запрос, на который отвечает статья: «ссылки и указатели в c++: отличие и когда что использовать». ключевые различия ссылка — это псевдоним уже ...
запрос, под который оптимизирована статья: html5 валидация форм. ниже — компактное и практичное руководство, которое поможет собрать удобную ...
запрос «умные указатели в c++ примеры» стабильно популярен: новичкам сложно сразу понять, чем отличаются unique_ptr, shared_ptr и weak_ptr, а продолжающим — ...
event loop в javascript — базовый механизм, который определяет, когда выполняется ваш код: синхронный, коллбэки, промисы, таймеры и обработчики событий. ...
если вы искали «исключения в python: try/except/else/finally», вы в нужном месте. ниже — ясное и практичное руководство: от базового синтаксиса до лучших практик ...
если вы начинаете путь в c++, умение уверенно работать со std::vector — один из важнейших навыков. вектор сочетает динамический массив, безопасность ...
если вы вбили запрос вроде «семантическая разметка html5» и хотите быстро понять, какие теги использовать и зачем — вы по адресу. ниже кратко и ...
запрос, который чаще всего набирают начинающие: «исключения в php как использовать». это руководство закрывает вопрос: разберём try, catch, finally, иерархию ...
css flexbox для начинающих — это практическое руководство, которое поможет уверенно использовать гибкие контейнеры для выравнивания, адаптивных ...
когда пользователь печатает в поле ввода, скроллит страницу или меняет размер окна, обработчики событий могут вызываться десятки раз в секунду. ...
поисковый запрос: «импорт модулей в python» — частый гость у начинающих. ниже вы найдёте пошаговое объяснение, как работает механизм импорта, чем ...
чтение и запись файлов в python: режимы, кодировки и лучшие практики работа с файлами — одна из первых реальных задач в python. в этой статье вы научитесь ...
css grid — самый простой способ собрать адаптивную сетку карточек, галерей и списков товаров без десятка @media. ключ к магии — связка repeat(auto-fit, minmax()). ...
запрос «глубокое копирование в javascript» стабильно популярен среди начинающих и продолжающих разработчиков. в статье вы узнаете, чем поверхностная ...
аргументы функций в python — одна из базовых тем, которая напрямую влияет на читаемость кода и качество api. в этой статье мы подробно разберём позиционные ...
запрос «const в c++» — один из самых частых у начинающих. константность (const correctness) помогает сделать код безопаснее: защищает от случайной модификации ...
запрос «this в javascript» остаётся одним из самых популярных среди начинающих и продолжающих разработчиков. этот ключевой концепт влияет на поведение ...
если вы часто работаете со списками и строками, то умение эффективно использовать срезы (slice) в python сэкономит вам массу времени. срезы позволяют ...
если вы начинаете работать с базами данных в php или хотите перейти на современный и безопасный способ общения с mysql, используйте pdo. он поддерживает ...
менеджеры контекста в python — один из самых полезных инструментов для управления ресурсами. если вы ищете, как работает оператор with, что такое ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать livedata и viewmodel для управления состоянием и данными в приложениях на android. ...
здравствуйте! в сегодняшней статье мы поговорим о загрузке векторных ассетов в android studio. вы узнаете, как добавлять svg-файлы в проект, превращать ...
здравствуйте! в сегодняшней статье мы рассмотрим жесты в android с точки зрения разработчика. вы узнаете, как обрабатывать простые и сложные жесты ...
здравствуйте! в сегодняшней статье мы поговорим о создании анимаций в jetpack compose. вы узнаете, как добавить плавные визуальные эффекты в интерфейс ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать ключевое слово dynamic в c# для динамической типизации в различных контекстах. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать резиновый макет в c# winforms, который автоматически адаптируется под изменение размеров ...
здравствуйте! в сегодняшней статье мы поговорим о таком понятии, как c# playground, или, другими словами, интерактивная песочница для c#. такой инструмент ...
здравствуйте! в сегодняшней статье мы поговорим о миллисекундах в java. вы узнаете, почему java использует миллисекунды для работы с временем, какие ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс копирования файлов из подпапок в одну общую папку, используя python. ...
привет, друзья! в сегодняшней статье мы рассмотрим как удалить все внутренние html-теги из строки и оставить только внешние, например, сохранить ...
list comprehension (списковые включения) — это «питонический» способ создавать списки кратко и выразительно. если вы искали «list comprehension python примеры», ...
здравствуйте! во время работы с текстовыми файлами часто возникает задача очистки данных от дубликатов. например, у вас есть список email-адресов, ...
здравствуйте! при работе с текстовыми файлами в python вы могли сталкиваться с ошибками вроде: unicodedecodeerror: 'charmap' codec can't decode byte 0x98 in position xxx. ...
здравствуйте! в современном мире работа с документами является неотъемлемой частью повседневных задач. особенно часто приходится иметь дело ...
в современном вебе мультимедийный контент играет важную роль в привлечении пользователей. видео особенно популярны как инструмент для обучения, ...
здравствуйте! при работе с текстовыми данными в базах данных часто возникает необходимость извлечения определенных частей строк. например, ...
при работе с большим количеством изображений — будь то фотографии, скриншоты или графика для сайта — часто возникает необходимость изменить ...
если «стили не применяются», почти всегда виноват каскад и специфичность. в этом руководстве мы системно разберём, как css решает, какое правило ...
замыкания в javascript простыми словами — это функция вместе с сохранённым лексическим окружением, то есть с «рюкзаком» значений из места, где функция ...
преобразование html в docx может потребоваться в различных задач, таких как генерация отчетов, создание документов на основе веб-контента и многое ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать выпадающий список в tkinter, используя элемент интерфейса ttk.combobox. выпадающий список ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
здравствуйте! допустим, мы работаем над многоуровневым проектом и хотим создать для каждого уровня папку с соответствующим названием. конечно ...
в python существует несколько способов создания zip-архива с сохранением структуры папок. один из наиболее распространенных способов - использование ...
python - один из наиболее популярных и востребованных языков программирования в мире. его популярность продолжает расти благодаря своей простоте, ...
здравствуйте! в современном мире скорость имеет огромное значение. пользователи интернета хотят получать доступ к информации мгновенно, без ...
в современном мире, где мы постоянно заняты различными делами и задачами, напоминания становятся незаменимым инструментом для управления временем ...
здравствуйте, друзья! создание собственного сайта – задача, которая рано или поздно встает перед каждым, кто хочет заявить о себе в интернете. ...
здравствуйте! автоматизация повседневных задач, таких как отправка отчетов по электронной почте, может значительно упростить рабочий процесс. ...
дорогие читатели, я рад сообщить вам, что в продажу поступил новый видеокурс "создание интернет-магазина на opencart 2.0". opencart 2.0 – это движок для ...
всем привет! в этой статье мы рассмотрим, как сделать 3d модель объекта на javascript. конечно, делать настоящую 3d модель мы не будем. это займет много ...
flask - это легкий и гибкий веб-фреймворк для python, который позволяет быстро создавать веб-приложения. он предоставляет простой способ создания ...
sublime text 3 – отличный текстовый редактор, однако его можно сделать еще лучше, настроив некоторые параметры. в этой статье мы рассмотрим одну из, ...
в этой статье мы рассмотрим библиотеку, которая поможет нам отслеживать силу нажатия на экран или тачпад устройства пользователя. как многие, ...
в этой статье мы рассмотрим jquery lightgallery - наверное, лучший плагин для создания галерей на jquery. итак, jquery lightgallery - настраиваемый, модульный, отзывчивый ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
доброго времени суток уважаемые посетители сайта myrusakov.ru у меня для вас отличная новость - для заказа стал доступен комплект из четырех курсов ...
в этой статье мы поговорим о программе koala, которая позволяет очень быстро и легко компилировать sass, используя графический интерфейс. если вы ...
в этой статье мы рассмотрим, как сделать эффект увеличения картинки, как на amazon, используя scss и jade. на дне турции я был на designer news и наткнулся ...
распознавание форм на изображениях — одна из основных задач компьютерного зрения, которую можно легко реализовать с помощью библиотеки opencv. ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
всем привет! в этой статье мы рассмотрим, что такое postcss, узнаем, нужно ли его использовать и в чем отличие от препроцессоров. начать стоит с того, ...
введение с ростом количества киберугроз и вирусных атак, безопасность ваших данных становится все более важной. особенно это актуально для ...
как известно пагинация - это важный аспект веб-разработки, который позволяет управлять и представлять большие объемы контента в более удобной ...
здравствуйте! при копировании некоторых веб страниц можно видеть огромные куски css стилей, находящихся в одном файле с разметкой. все это приводит ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
powershell представляет собой мощную командную оболочку и язык сценариев, разработанный корпорацией microsoft для автоматизации управления операционной ...
всем привет! это первая статья из серии, где мы рассмотрим, что такое gulp, в чем причина его популярности, как его установить и настроить, а также ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
здравствуйте! наверняка, многие сталкивались с проблемой определения содержания массивного текста, при невозможности прочесть его от начала ...
здравствуйте! при управлении файловой структурой на компьютере возникает необходимость переименования файлов согласно определенным шаблонам. ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
всем привет! в этой статье мы рассмотрим библиотеку, которая сделает вашу работу с localstorage, cookie и session простой и удобной. библиотека называется ...
всем привет! в этой статье из серии по изучению платформы мы рассмотрим, как установить nodejs. делается это достаточно просто. сайт сам определит, ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
сегодня я начинаю серию статей, в которой вы узнаете, что такое nodejs, как установить nodejs, как работает движок v8 и некоторые другие особенности ...
всем привет! в этой статье я хочу рассказать вам про то, как быстро сделать на сайте пятизвездочный рейтинг с красивыми анимациями на css. описание ...
всем привет! в этой статье мы рассмотрим небольшую, но, уверен, полезную библиотеку для отслеживания позиции мышки пользователя на javascript. библиотека ...
здравствуйте! как известно, составление резюме может быть утомительным процессом, особенно когда нужно учитывать различные форматы и требования ...
здравствуйте! javascript (js) является одним из наиболее мощных и распространенных языков программирования для веб-разработки. он позволяет создавать ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
всем привет! сегодня мы рассмотрим очень интересную библиотеку для быстрого написания математических формул. общая информация библиотека ...
работа с pdf-документами часто требует их преобразования в другие форматы, такие как изображения. это может быть полезно для архивирования, создания ...
всем привет! сегодня мы рассмотрим некоторые новые возможности и изменение старых в ecmascript6 в сравнении с ecmascript5. определения методов в ecmascript5 ...
всем привет! в этой статье мы рассмотрим, как использовать классы в ecmascript 2015 и стоит ли их вообще использовать? заметьте, что новые функции ecmascript ...
здравствуйте! продолжим работу с json-объектами на python. в предыдущей статье мы рассмотрели, как читать строки с json-объектами и преобразовать их ...
здравствуйте! работа с json на python может быть довольно удобной благодаря встроенной библиотеке json. сегодня мы рассмотрим, как можно читать файл, ...
здравствуйте! работа с данными в формате json и их сохранение в базе данных sqlite — важная и полезная задача, с которой может столкнуться любой разработчик. ...
здравствуйте! в предыдущей статье мы начали cоздание базы sqlite, для ее заполнения. в сегодняшней статье мы сосредоточимся на процессе переноса ...
всем привет! в этой статье мы рассмотрим библиотеку для автоматизации - robotjs. robotjs - это библиотека для автоматизации некоторых действий. работает ...
машинное обучение (machine learning, ml) — это подраздел искусственного интеллекта, который фокусируется на разработке алгоритмов и моделей, позволяющих ...
веб-разработка — это процесс создания и поддержания сайтов и веб-приложений, охватывающий такие технологии, как html, css, javascript, php, python и другие. ...
приветствую! в сегодняшней статье мы рассмотрим, как с помощью python можно узнать размер каждой папки в заданной директории. данный пример будет ...
в этой статье мы рассмотрим, как можно преобразовать строку data url в объект blob с использованием javascript. data url используется для кодирования файлов ...
всем привет! в этой статье мы рассмотрим, как добавлять метки к фотографиям, причем адаптивно. для этой задачи нам понадобится библиотека taggd ...
приветствую! в сегодняшней статье мы рассмотрим машину состояний (state machine) в python — мощный инструмент для упрощения и структурирования процессов ...
здравствуйте! в сегодняшней статье мы рассмотрим пример реализации машины состояний с помощью python и модуля transitions python позволяет создавать ...
хотите сделать красивую страницу продажи товара или услуги? думаю, вам понравится библиотека stickyfill. найти исходники библиотеки вы можете здесь, ...
веб-разработка — это создание и поддержка сайтов, приложений и сервисов в интернете, объединяющая программирование, дизайн, и работу с данными. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать с базой данных sqlite через android room. room является абстракцией над sqlite, которая упрощает ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать со шрифтами в tkinter — стандартной библиотеке python для создания графических интерфейсов. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как при помощи python и библиотеки tkinter можно реализовать функцию динамического изменения шрифта ...
архитектура веб-приложения — это структура и организация его компонентов, которые обеспечивают его функциональность, производительность, ...
как известно, пользователи любят, когда сайт выглядит красиво. чтобы сайт создавал должное впечатление, даже самая мелочь должна быть приятной. ...
сегодня хотелось бы рассказать вам о легком скрипте, который позволяет сделать плавающие метки полей ввода на javascript. библиотека называется ...
всем привет! в этой статье мы рассмотрим, как сделать выезжающее меню с использованием jquery. если вам нужно сделать выезжающее меню на сайте, ...
в языке программирования python модификаторы доступа играют важную роль в управлении доступом к атрибутам и методам классов. хотя python не предоставляет ...
здравствуйте! в сегодняшней статье мы рассмотрим, что такое тензоры и как они используются в программировании. тензоры — это математические ...
тензоры играют важную роль в машинном обучении и обработке данных, представляя собой многомерные массивы данных. в python для работы с тензорами ...
валидация json в php является важным аспектом для обеспечения того, чтобы данные, поступающие из внешних источников, были корректными и соответствовали ...
маршрутизация (routing) — это один из ключевых аспектов разработки веб-приложений. в laravel маршрутизация обеспечивает сопоставление http-запросов ...
нейронные сети становятся все более популярными в решении задач, связанных с обработкой изображений, распознаванием речи и других сложных ...
artisan — это мощный интерфейс командной строки, встроенный в laravel, который предоставляет разработчикам широкий набор инструментов для упрощения ...
анализ плана выполнения запроса является одним из важнейших инструментов для оптимизации производительности sql-запросов. он позволяет разработчикам ...
сегодня мы поговорим о плагине, позволяющем определить adblock и показать об этом уведомление. ни для кого не секрет, что существуют программы, ...
как сделать так, чтобы пользователь смог использовать ваш сайт, даже если пропало интернет подключение или его вообще нет? сегодня мы об этом ...
всем привет! в этой небольшой статье я хотел бы рассказать про один очень интересный сервис по работе с изображениями с мощным api. сервис называется ...
всем привет! в этой статье мы рассмотрим, как сделать простое многоуровневое меню-аккордион на css3. создание структуры структура очень простая: ...
обновление данных в базе данных под нагрузкой требует тщательного планирования и использования различных стратегий для минимизации времени ...
здравствуйте! сквозное шифрование (end-to-end encryption, e2ee) — это важная техника, обеспечивающая защиту данных от несанкционированного доступа. в этой ...
в мире программирования на python многопроцессорность играет ключевую роль при необходимости эффективного использования всех вычислительных ...
разработка игр на unreal engine – это одна из самых перспективных областей в игровой индустрии, где разработчики создают увлекательные и визуально ...
vpn (virtual private network) — это технология, которая позволяет пользователям безопасно передавать данные через интернет, создавая зашифрованный туннель ...
здравствуйте! после того, как сервер готов, нам нужен vpn клиент, который будет подключаться к серверу, передавать данные и получать ответы через ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
на этом уроке мы создадим на чистом css саму иконку гамбургера-меню и с помощью js функции, поменяем её внешний вид, на крестик (x), символизирующий ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера. подготовка фона для анимации создадим ...
как вы думаете, к какому типу данных относятся элементы на html страницах? это все объекты и на этом уроке мы будем учиться, с ними работать. в предыдущих ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
в данной и последующих статьях мы разберем с вами на примерах, что такое модули в python, зачем они вообще нужны, и какой у них синтаксис. так как ...
не знаю как вам, но мне становится все более очевидным, что навык программирования, хотя бы на любительском уровне – нужен уже каждому человеку. ...
первое с чем сталкивается js разработчик при работе с сайтами, так это как получить элементы с веб-страницы. для написания любой программы, нужно ...
object (объект) - это более сложный тип данных в js. хочу напомнить, что все остальные типы данных, являются примитивными, так как могут содержать ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии (conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
вставить видео на сайт во весь экран браузера, используя html5 теги, намного проще, чем вы себе это представляли. на этом уроке я рассказывал уже, ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
перед нами сегодня стоит задача создать вкладки (табы) на js. вкладки состоят из заголовков, переключаясь между которыми, в активном показе всегда ...
во избежание ошибок в работе скрипта, убедимся, что dom-дерево построено. для этого повесим, обработчик на событие окна браузера, domcontentloaded. после ...
в прошлой статье мы разобрались с теоретической частью сборки фронтенда сайта, а в этой рассмотрим, как на практике, организовать взаимодействие ...
здравствуйте! сегодня мы поговорим с вами о инструкции switch в java. данная инструкция работает также как и аналогичная инструкция в php. так что, ...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
в python существует логический тип данных bool, который может возвращать только два значения: true (истину) // первая буква заглавная false (ложь) // первая ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
база данных в программировании – это хранилище разного рода данных в упорядоченном виде. если провести простую аналогию из жизни, то базу данных ...
сегодня мы создадим на чистом js коде – меню аккордеон с тремя секциями, при клике на которые, будет открываться панель с текстом, а при втором ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
pug – это html препроцессор, написанный на js для работы на платформе node.js, с одной единственной целью – ускорить верстку. за счет чего верстать ...
сетка bootstrap состоит из 12 колонок, так как число 12 делится на большое количество чисел без остатка. деление на числа 2, 3, 4, 6, 12, позволяет получить ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
чаще всего в модальных окнах размещают формы, всплывающая форма заявки на лендинге – это классика. у bootstrap 4, есть такой компонент, как модальное ...
одна из тех вещей, которые отнимают больше всего времени и сил при попытке их реализации с помощью чистого javascript это установка минимальной ...
поскольку все данные значительной части сайтов хранятся в базах данных, то нужно как-то ими управлять. для общения с базами данных был разработан ...
не один язык программирования не может обойтись без переменных и python здесь не исключение. переменная в программировании – это именованная ...
я завидую тем шикарным возможностям у начинающих программистов, каких не было у меня 10 лет назад. все мои базовые знания в области программирования, ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
псевдоклассы описывают различные состояния элементов. например, какой цвет будет у активной ссылки или при наведении. чем псевдокласс отличается ...
шаблон проектирования наблюдатель - это популярный шаблон проектирования по широко используемый в разработке javascript-приложений. экземпляр ...
изучение python, хорошо подходит для освоения основ программирования, так как это один из самых простых языков. простота – его главная фишка. кроме ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
я часто вижу в комментариях к урокам или на форумах, когда новички спрашивают: "я хочу разместить текст поверх картинки, а он оказывается под ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
на этом уроке мы научимся делать простые вкладки на чистом css и никакого javascript. в ряде случаев этого решения вполне достаточно, ограничиваясь ...
стрелки с рамками или стрелки в виде треугольников очень часто можно увидеть в макетах для верстки. эти простые фигуры легко можно нарисовать, ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css. при наведении на элемент ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер. настройки slick слайдера просматривая демо-страницу ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
изображения являются важнейшей частью любого сайта. являются ли они маркетинговыми баннерами, изображениями продуктов или логотипов, невозможно ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
javascript является языком программирования с нестрогой типизацией данных. что это означает на практике? например присвоив переменной x число 10 ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
данная статья является продолжением предыдущей статьи, в которой мы говорили о том, как реализовать индикатор позиции чтения. в прошлой статье ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
первым делом нужно установить платформу node js, чтобы разработчикам были доступны команды npm. через команду npm, мы в дальнейшем установим и сам ...
когда программа последовательно выполняет javascript код, от строчки к строчке, то такой код называется синхронным. в примере ниже, в консоль поочередно ...
что такое рекурсия в js? это способность функции вызвать саму себя в своем теле. рекурсивная функция обязательно должна иметь условие завершения, ...
здравствуйте!в данной статье я хотел бы показать пример программы на python,которая генерирует билеты на основе вопросов из текстового файла. ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
в эпоху процветания интернет-магазинов, как никогда востребованы разработчики, способные реализовать запросы владельцев магазинов. львиная ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
все три css свойства flex-basis, flex-grow и flex-shrink управляют размерами элементов внутри контейнера. чтобы адаптивно верстать макеты, вам не обойтись без ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
наверняка многие из вас, кто задумывается о выборе языка программирования для изучения, много раз слышали тезис, что java программисты получают ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
бытует мнение, что программирование доступно только для людей с математическим складом ума. причем такой склад ума наблюдается исключительно ...
существует два принципиально разных способа, добавления иконок на сайт: в виде картинки (растровой или векторной) в качестве иконочного ...
сегодня вы узнаете, как сделать всплывающую форму на css+js, чтобы она появлялась и исчезала при клике на кнопку. по такому же принципу вместо ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
внутри контейнера header находится блок навигации nav. меню шапки в свою очередь навигация содержит меню и языковое меню. продолжим html ...
для работы со строками (хранители текстов), разработчики выделили отдельный класс string. строки – это наиболее часто используемый в java, ссылочный ...
веб-разработка и программирование – это одна из наиболее быстро меняющихся сфер. программисту и веб-разработчику для того, чтобы оставаться ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
таймер в js нужен для запуска функции (некий набор действий), через заданное количество времени. без таймера эта функция так и так бы запустилась, ...
какой можно сделать сайт на wordpress, без навыков написания кода? ответ простой – любой сайт. а если быть более конкретным, то на wordpress каждый человек ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
объявление переменных для того, чтобы объявить в javascript переменную, пишут так: var name; где name – осмысленное название переменной, написанное ...
в данной статье мы поговорим о том как работать с датой и временем в mysql. посмотрим как сохранять и извлекать значения данного типа из таблиц. ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
продолжаем обсуждать работу с датой и временем в mysql. первая часть этой статьи находится здесь вот сразу пример получения текущей даты и времени ...
существует длинный список языков программирования, которые продолжают существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками. секция ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap. секция с корзиной верстаем уже по накатанной схеме: секция -> ...
какие кнопки обычно встречаются на сайте? я разделили бы их на два вида: кнопки внутри формы и кнопки-ссылки. и те и другие необходимо уметь верстать. ...
при создании веб-сайта мы должны уделять первоочередное внимание цели привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
массив – это набор определенного количества однотипных элементов (структуры данных). по сути, массивы, позволяют нам, не создавать много переменных, ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
события jquery мгновенно реагируют на действия пользователя, на такие как клик, движение, наведение мыши и.т.д. эта реакция выражается во внешних ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета. дизайнеры ...
фильтры в jquery помогают отфильтровать все ненужное, а оставить только нужное. они делают выборку элементов более гибкой и точной. в этой статье, ...
здравствуйте! в данной статье речь пойдет о том, как реализовать бесконечную прокрутку контента сайта, аналогично тому, как это реализовано ...
у массива на javascript, существует много методов взаимодействия с ним. наиболее часто востребованные, мы и рассмотрим сейчас. добавить элемент ...
локализация - это процесс адаптации продукта или контента к определенному рынку или региону. она является важной при выходе на зарубежные ...
в этой статье мы разберем основы ajax запросов. научимся настраивать и отправлять запрос, а также получать ответ от сервера. классическая модель ...
почему динамические веб сайты стоит создавать именно на связке php и mysql? простые в изучении большое сообщество отличная документация open-source ...
на этом уроке, вы узнаете несколько способов выравнивания по центру блока внутри блока по вертикали и горизонтали. в качестве блоков могут быть ...
на этом уроке мы рассмотрим, как вывести текст в javascript на экран, с двумя разными целями: заменить на другой и добавить к существующему. создадим ...
на этом уроке, мы рассмотрим эффекты в jquery – это такие методы, как hide, show, toggle, slide, fade и animate. создадим тестовый блок для демонстрации примеров ...
на этом уроке мы напишем код popup окна с формой подписки, на чистом css, совсем не используя графику. наша цель, с помощью всплывающего popup окна собрать ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для поиска в небольших по объему не сортированных коллекциях. однако, ...
переменная – это ячейка, где в промежуточном состоянии хранятся результаты разных операций в процессе программирования. возьмем простое математическое ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
для тех кто решил всерьёз заняться программированием, важно определиться для какой платформы писать приложения. хотя кроссплатформенная разработка ...
примеры условных операторов if-else (если-иначе), нам не надо специально придумывать, они приходят из жизни. то, как мы себя ведем или какой делаем ...
все представленные ниже операции на java пишутся внутри конструкции. данная конструкция автоматически генерируется netbeans-ом, при создании нового ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню. на мобильных ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
я немного завидую, нашим коллегам вебмастерам, работавшим ещё 10-20 лет назад. они могли себе позволить не париться по поводу оптимизации всего, ...
bem – это методология, разработанная в яндексе, расшифровывается, как: блок__элемент_модификатор идея bem-а состоит в изолированности блоков ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов связанных с языком java и поэтому ...
перед теми кто начинает программировать на java, сразу возникают два вопроса: как скомпилировать, и как запустить программу на java? в одной из ...
представим, что нам необходимо разобрать большой файл с логами либо еще с какими-то данными.как правило, при работе с большими файлами самой ...
многие люди, начинающие изучать язык программирования java, изучив основы, не двигаются никуда дальше. кстати это касается не только начинающих ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
темой сегодняшнего урока, будет создание прогресс бара. это длинная полоска, которая заполняется цветом, по мере выполнения какой-либо задачи, ...
каждый начинающий веб-разработчик рано или поздно сталкивается с задачей, реализовать на сайте модальное окно (аналог pop-up окна). модальное ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
напомню, что событие – это реакция браузера на взаимодействие пользователя с элементами сайта, посредством мыши и клавиатуры. существует три ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку. шаг 7. внутри блока с формой, сделаем разметку для кнопки, обернем ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
при создании сайтов периодически возникает необходимость запретить прямой доступ к файлам определенных типов. сделать это можно различными ...
секция с фотографиями на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно. якорь – это знак решетки, который ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
в предыдущих статьях о php шаблонизаторе twig, мы рассмотрели такие его особенности как, наследование шаблонов, циклы, условие, кеширование. в ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
данный скрипт позволяет распаковать загруженный на сервер архив в заданную папку. код функции распаковки: /** * распаковка архива * ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
в прошлой статье мы начали обсуждать, что такое шаблонизатор twig, а в этой статье мы продолжим рассматривать его и начнем с основной настройки ...
при посещении тех или иных сайтов можно заметить такую особенность, когда при выделении текста на странице, он может менять свой стиль. такого ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
в прошлой статье мы говорили о том, как превратить php скрипт в консольную команду для выполнения рутинных действий. а в этой посмотрим как разобрать ...
верстка писем для email рассылки непростая задача, требующая нестандартного подхода от верстальщика. в чем состоит, трудность, верстки писем? ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может помочь веб-разработчику. любой, кто уже пытался разрабатывать свой ...
на этом уроке мы научимся делать простое адаптивное портфолио, где количество столбцов, меняется в зависимости от ширины экрана на просматриваемом ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
на фриланс биржах, можно часто увидеть заголовки с заданиями от заказчиков: "нужно ускорить загрузку сайта на wordpress". думаю, что эта тема будет ...
сегодня мы научимся показывать и скрывать текст, при клике по кнопке, на чистом javascript. такой прием обычно используют на сайтах, с целью экономии ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку. посмотрите демо на codepen html разметка создадим в разметке три разных ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
продолжаем покорять космические просторы с python и pygame.в прошлой статье мы придали кораблю возможность управления с помощью клавиш. в сегодняшней ...
если вы задумываетесь над созданием собственной игры, но не хотите переходить на другой язык ради карьеры разработчика игр, то для этого есть ...
в предыдущей статье мы начали создание проекта игры asteroids. для этого был создан базовый класс игры с конструктором и основными методами игры. ...
в предыдущей статье мы реализовали проект pygame, в результате чего на экран выводится окно с игровым полем, которое вы можете закрыть, нажав клавишу. ...
структурой данных называется способ организации или хранения данных для эффективного с ними взаимодействия. в программировании мы все время ...
в предыдущей статье мы создали и отобразили красивое игровое поле с помощью pygame и python. и на данный момент наша программа отображает фоновое ...
в предыдущих статьях про python и pygame мы создали и отобразили игровой объект в виде космического корабля. в сегодняшней статье мы создадим для ...
в прошлых статьях по созданию игры с python и pygame мы добились отображения корабля на фоне изображения космического пространства. но что можно ...
сегодня мы научимся рисовать дуги и окружности. сделать это можно с помощью метода arc, который рисует дугу из центра в заданной точке с координатами ...
например, по какой-то причине вам нужно перенаправить посетителей с одного сайта на другой. только сделать это без мгновенного редиректа в лоб, ...
в предыдущей статье мы добавили новые свойства к игровому объекту. в результате чего, наш космический корабль двигается и вращается! однако, ...
замечательно то, что на canvas можно не только рисовать, но и анимировать объекты. для этого у javascript есть полный набор инструментов. вы узнаете, ...
на этом уроке нарисуем пчелу с помощью окружностей и анимируем ее так, чтобы она летала. создание анимации в javascript состоит из повторяющегося ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
сегодня вы узнаете, как при помощи готового решения parallax плагина, можно анимировать фон при движении мышью. в качестве фона у нас будет космическое ...
в предыдущей статье по python и pygame мы завершили создание логики для космического корабля. но корабль все еще один в пустом пространстве. пора добавить ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
здравствуйте! сегодня я хотел бы рассказать вам о научных вычислениях с использованием языка python и модуля scipy. во многих научных вычислениях ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
в одной из прошлых статей по css, мы попытались с имитировать эффект неоновой вывески. и одна особенность, которую можно заметить в неоновых вывесках, ...
grid с появлением grid css, у верстальщиков появилось ещё больше возможностей. данное свойство учитывает горизонтальное и вертикальное расположение ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
до боли знакомая ситуация, когда вы заполняя форму авторизации, казалось бы внимательно вбиваете каждый символ имени пользователя и пароля. ...
это вторая статья про наследование в javascript, первая статья здесь. в данной статье мы обсудим наследование статических методов в javascript. производный ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
метод splice() очень гибкий инструмент для работы с массивом. он умеет добавлять, удалять и заменять элементы массива и может принимать до 3-ех аргументов. ...
c++ появился в далеком 1980 году, все время развивался и по сей день носит титул самого быстрого языка программирования. среди других низкоуровневых ...
как правило, начинающие изучать веб-разработку люди уже знают, как легко можно поменять внешний вид элемента с помощью css стилей. но менять стили ...
в python скрипте ниже мы рассмотрим как подсчитать количества определенных дней недели в диапазоне дат в python. где это может понадобиться? допустим, ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
в данной статье мы рассмотрим с вами как можно быстро создать графическое приложение с использованием библиотеки python tkinter. проектировать мы ...
как преобразовать обычный список в массив, используя программу vscode и регулярные выражения? предположим вам нужно занести в базу данных сайта ...
флаги в регулярных выражениях уточняют каким образом нужно искать, если это важно. в противном случае, флаги не обязательно добавлять к регулярному ...
управление областями в css grid можно ячейки объединять в области. ниже представлен шаблон, в котором при разрешении меньше 540 пикселей, верстка ...
на этом уроке разберем, как верстальщикам использовать css grid технологию на примере типичной блог-секции. мы не будем отвлекаться на css-свойства ...
предположим, что мы создали html страницу с заголовком «урок по javascript #1» и неким текстом. затем мы передумали и решили заменить старый заголовок ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
эта статья является продолжением предыдущей статьи про параметры по умолчанию в javascript. теперь давайте рассмотрим несколько примеров, чтобы ...
как известно, людям всегда больше нравится интерпретировать картинки, чем текст. это подтверждается биологическим фактом, что 90% фактов, поступающих ...
на первый взгляд может показаться, что шаблонная строка в es6 похожа на улучшенную версию обычной строки javascript. но отличительная разница между ...
возможно, вы знакомы с поиском текста, нажимая ctrl-f и вводя искомые слова. регулярные выражения идут еще дальше: они позволяют указать образец ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
начинаем работать с mysql в nodejs. часть 2 в прошлой статье мы рассмотрели азы подключения к серверу базы данных mysql из nodejs. а в этой рассмотрим работу ...
на этом уроке, мы научимся добавлять элементу, по которому кликнул пользователь, класс, чтобы изменить его внешний вид, применяя стили, добавленного ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
в данной статье мы продолжим изучать функции queryselector и queryselectorall. про queryselector я уже рассказывал в этой статье, поэтому сейчас я расскажу вам про ...
если вам тяжело дается освоение разных языков программирования, верстки, то не отчаивайтесь, посмотрите в сторону заработка на собственном ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
в прошлой статье мы обсуждали как деструктурировать массивы в javascript, а в этой статье продолжим обсуждением данной темы, но уже в отношении объектов. ...
в видео-курсе "своя web-студия за 55 дней" я больше фокусировался на практике, поскольку для тех, кто хочет иметь собственную web-студию, при полном ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
официальный сайт: textolite.ru textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
эта статья является продолжением предыдущей статьи. в заключительной части последней мы говорили об использовании анонимных классов в javascript, ...
в этой небольшой статье мы научимся сохранять массивы и объекты javascript в локальном хранилище браузера – html5 localstorage. сохранение массива в ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
кнопка-переключатель, напоминающая гамбургер, решает проблему нехватки места для полноценного меню, на маленьких устройствах. н этом уроке ...
продолжаем совершенствовать игру asteroids c python и pygame. и на текущий момент, на игровом поле отображается один космический корабль, которым можно ...
компонентный фреймворк svelte.js используется для создания интерфейсов без перезагрузки страницы и этим он очень похож на vue.js и react.js. но у него ...
операционная система android у мобильных устройств основана на ядре linux и приложения для нее пишутся на языке java. любая программа состоит из множества ...
при заполнении различных отчетов на сайтах, часто появляется необходимость позволить пользователям загружать на свой пк сформированный ...
все, кто хоть немного взаимодействуют с компьютером, неизбежно сталкиваются с однотипными задачами: скачивание видеороликов с youtube, переименование ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный 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; / * отображать ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
в предыдущей статье по структурам данных в python мы говорили о наиболее часто используемых типах данных, таких как списки, словари и их разновидности. ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется. создание ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
в плагине woocommerce фильтрация товаров основана на атрибутах. атрибут - это разновидность товара по цвету, размеру, стилю, назначению. у разных товаров ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы, показывающие текущую позицию чтения текста (количество прочитанного ...
стрелочные функции появились начиная с es6 и очень сильно изменили качество написания кода. так чем же они хороши? главная причина появления ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним приложениям получать доступ к данным других приложений. например, игровое ...
можно на поставленный в названии статьи вопрос, ответить одним словом – из-за админки. вам конечно, скажет любой программист, не делайте этого! ...
относительно недавно один из моих учеников спросил меня: как сделать так, чтобы при нажатии на кнопку элемент страницы (параграф, картинка и ...
на прошлом уроке мы подключили materialize, чтобы уже прямо сейчас использовать этот фреймворк на практике. вы увидите, как легко и быстро, пользуясь ...
set (множество) - это объект, в котором могут хранится только уникальные значения любого типа данных (примитивы и другие типы объектов). создание ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики говорят, что их всего пять. а сколькими способами можно структурировать ...
часть 1 часть 2 часть 3 используя готовые пакеты программного обеспечения для разработки сайтов, вы лишаетесь опыта работы в области администрирования ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
доброго времени суток всем! сегодня я покажу вам как можно, на чистом css cделать выпадающий блок. в основе всего примера лежит использование ...
для чего нужен движок unreal engine unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
javascript является объектно-ориентированным языком (ооп) и главную роль в нем играет объект. он может в себе содержать методы, свойства, а также любой ...
часть 1 часть 2 у начинающих php-разработчиков возникает соблазн получить все и сразу, установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
перед нами стоит задача создать и вывести на страницу список книг из массива, хранящегося в базе данных на сервере. на практике это значит, что ...
регулярные выражения нужны для поиска по тексту, для замены в тексте или для проверки на совпадение с неким шаблоном. это когда вы регистрируйтесь ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
часть 1 когда вы разрабатываете сайт на своем собственном компьютере, потенциальные посетители, набрав в браузере адрес http://myrusakov.ru ...
несмотря на то, что платных или бесплатных wordpress тем, создано уже огромное количество, редко кто использует их на своих сайтах так, как есть. даже ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
первая часть этой статьи находится здесь, а в данной статье мы продолжим обсуждать десять частых ошибок в ux дизайне. ошибка 6: пространство ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент. цвет логотипа google первым делом определим, ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
представленный ниже скрипт позволяет преобразовать число из одной системы счисления в другую: // немедленно вызываемя функция ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
доброго времени суток, уважаемые посетители! сегодня я хотел бы поговорить с вами о том, что за зверь такой parcel js. порог входа в любую предметную ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
при верстке страниц часто возникает ситуация, когда для многих из них меняется только содержимое, тогда как, такие блоки как заголовок, меню ...
когда мы имеем дело с большими вложенными списками, было бы хорошо сделать их как можно компактнее. javascript отлично справится с поставленной задачей. ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css. 1. выравнивание блоков на flexbox на данный момент способ выравнивания ...
javascript - это гибкий и мощный язык программирования, который реализуется различными веб-браузерами. наряду с html и css, это основной компонент ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
известно, что веб-дизайнер рисует макет сайта, а верстальщик делает верстку, то есть пишет html/css код. а что именно он пишет на html странице? все ...
данный эффект хорошо подходит при наведении на ссылки в навигационных меню или в пагинациях. ссылки помещены в рамки определенного цвета, при ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
css3 свойство box-sizing может принимать два значения: первое по умолчанию - content-box (его не нужно указывать) и второе - border-box. именно последнее значение ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
на прошлом уроке мы создали новый тип записи post type book более подходящий для продажи книг, а на этом уроке научимся создавать для него таксономию ...
на этом уроке мы научимся создавать свои шаблоны (custom template) для страниц на wordpress-е. не для всех страниц сайта подходят типовые блоговые страницы. ...
на сегодняшнем уроке мы познакомимся с понятием custom post type, а также научимся создавать свой кастомный post type и шаблон для него. custom post type это одно ...
все атрибуты у html элементов, начинающиеся с префикса data-*, являются пользовательскими. data атрибуты можно использовать для дополнительной стилизации, ...
c# (по анг. csharp) был разработан компанией microsoft в 2000 году и является основным конкурентом самого быстрого языка программирования с++. он достаточно ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#. ...
как вы поняли из прошлой статьи про диапазоны дат, что в нативном javascript неудобно работать с форматами дат. поэтому и была разработана библиотека ...
вокруг ооп (объектно-ориентированное программирование) слагается огромное количество мифов и легенд. сложилась ситуация, при которой опытные ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
если вы когда-либо видели что-то подобное:  p.then(function(result) {    // выполняем некое действие с результатом   }); то вы уже находитесь ...
на этом уроке я расскажу как подключить и настроить самый современный сенсорный слайдер swiper. есть несколько причин, почему swiper лучший слайдер ...
с некоторых пор я получаю много вопросов об асинхронном программировании. и, поняв, что данная тема интересует многих моих читателей, я решил ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
данный скрипт позволяет переводить предложения из киррилицы в транслит. это нужно, например для формирования ссылки на товар в интернет-магазине. ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
css grid - технология верстки макетов, которая позволяет буквально в пару строк кода получить адаптивную сетку. однако, при центрировании содержимого ...
в данной статье мы поговорим с вами, что такое cors, где оно используется и реализуем его. итак, согласно документации cross-origin resource sharing (cors) — ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
деструктуризация - это новый синтаксис es6, который помогает присваивать несколько значений из массива или объекта в переменные. деструктуризация ...
в прошлой статье мы говорили о цепочке вызовов методов объекта javascript promise для последовательного преобразования результата асинхронной операции ...
несоблюдение html и css правил, приводит к массе ошибок при верстке. исправить которые, бывает не так просто для начинающих верстальщиков. сегодня ...
эта статья является продолжением предыдущей статьи, которая находится здесь. шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
доброго времени суток! я уже рассказывал, что такое orm. вот здесь находится статья. а в данной статье я покажу как просто можно настроить orm в ...
эта статья является продолжением предыдущей статьи, которая находится здесь. существует несколько популярных конкурирующих форматов ...
на прошлом уроке вы научились создавать свой собственный сайдбар, а на этом уроке вы узнаете как создать свой виджет на wordpress. виджет - это модуль, ...
из этой статьи вы узнаете как сделать сайдбар на wordpress. сайдбаром мы называем правую или левую колонку сайта, на которой размещены виджеты. виджеты ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
что такое a/b тестирование сайта a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
конструктор яндекс карт независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь хотя в реальности, мы редко когда манипулируем временем, ...
зачем нужна строгая типизация в php 8 ключевая проблема «слабого» php — неочевидные преобразования типов. php 8 привнёс зрелую типизацию: строгий ...