<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

- 540 видеоуроков

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

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

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

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

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

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

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

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

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

Поиск: HTTPS

Что искали: HTTPS

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

... коллекцией этих замечательных помощников. иконки шрифтовые иконки 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/[email protected]/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> ...
... обработки жестов, включая свайпы. подключите библиотеку: <script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script> используйте hammer.js ...
... проекте. официальный сайт плагина: https://os.alfajango.com/easytabs/ подключение easytabs и bootstrap на сайте https://cdnjs.com/ можно найти cdn ссылки на любой плагин ...
... так и без плагина. анимация при скролле без плагина сайт: https://github.com/matthieua/wow https://daneden.github.io/animate.css/ как добавить в тему wordpress animate.css и wow.js и ...
...     <meta property="og:image" content="https://example.com/image.jpg" />     <meta property="og:url" content="https://example.com/page" /> </head> ...
... частей, обязательных для url. например, протокол https, два прямых слэша // и так далее. const urlpattern = /(?:https?):\/\/(\w+:?\w*)?(\s+)(:\d+)?(\/|\/([\w#!:.?+=&%!\-\/]))?/; как ...
... и использовать на своем сайте. подключение jquery ui официальный сайт: https://jqueryui.com/ библиотеку jquery ui можно скачать на компьютер или подключить ...
...     <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 ...
... между тегами head. <link href="https://fonts.googleapis.com/css?family=pacifico" rel="stylesheet"> или копируем код @import <style> @import url('https://fonts.googleapis.com/css?family=pacifico'); ...
... 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 ...
... запускать браузер вручную. import webbrowser webbrowser.open('https://myrusakov.ru/') этот код откроет веб-страницу https://myrusakov.ru/ в браузере по умолчанию на вашем компьютере. ...
... catch() для обработки ответов и ошибок. простейший пример get-запроса: fetch('https://jsonplaceholder.typicode.com/posts/1')   .then(response => response.json()) // преобразуем ответ в json ...
... кроссбраузерности, добавим вендорные префиксы, для flexbox c помощью сервиса. https://autoprefixer.github.io/ru/ общие стили оформления, для вводимого текста для ...
... response = requests.get('https://example.com', cookies=cookies) print(response.text) получение cookie из ответа import requests response = requests.get('https://example.com') received_cookies = response.cookies ...
... с использованием библиотеки fetch. получение списка публикаций: fetch('https://jsonplaceholder.typicode.com/posts')   .then(response => response.json())   .then(data => console.log(data)) ...
... ошибке и блокирует отправку формы получателю. официальный сайт плагина: https://jqueryvalidation.org/ для демонстрации и настройки работы плагина, нам потребуется ...
...     <!-- bootstrap css -->     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9ait2nrpc12uk9gs9badl411nqapfmc26ewaoh8wgzl5myyxffc+ncpb1dkgj7sk" crossorigin="anonymous"> ...
... общих запросов в месяц. для оценки охвата аудитории, идем на сервис яндекса https://wordstat.yandex.ru. введем в строку поиска сервиса ключевое слово – французский ...
... формате json: [     {         "url": "https://{сайт}/vacancies/0001",         "company": "компания 1", ...
... по ссылке. подключение плагина typed.js официальный сайт плагина typed.js https://github.com/mattboldt/typed.js/ здесь вы можете увидеть пример, что будет происходить ...
... 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" ...
...   <title>карта с пользовательскими метками</title>   <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />   <style>     #map { ...
...     <title>маршрут на карте</title>     <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
... ключевых частей: протокол: обозначает тип передачи данных (например, http, https). доменное имя: адрес сервера, где располагается ресурс. путь: путь ...
... перед закрывающим тегом head ссылку на css файл плагина. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css" /> шаг 2) добавьте на ...
...     <!-- подключаем стили leaflet -->     <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />     <style>         #map { ...
...                     "https://myrusakov.ru",                     "https://src.myrusakov.ru"                 } ...
...     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> ...
...   <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> ...
... и библиотеку jquery. <!doctype html> <html> <head>     <link href="https://fonts.googleapis.com/icon?family=material+icons" rel="stylesheet">     <link type="text/css" ...
... <html lang="en"> <head>     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">     <meta charset="utf-8"> ...
... добавляете на сайт, как обычные картинки. мне нравится брать иконки с сайта: https://www.flaticon.com/ находим через поиск иконки нужных соцсетей, выбираем ...
... или скомпрометированный сертификат. как работает https без ssl pinning когда клиент устанавливает https-соединение, происходит стандартная проверка ssl-сертификата ...
... легко создавать анимацию элементов при скролле страниц. ссылка на сайт: https://michalsnik.github.io/aos на сайте вы можете сразу увидеть, как выглядят анимированные ...
... чтобы сделать get-запрос , вызовите requests.get(): >>> requests.get('https://srs.myrusakov.ru') <response [200]> ответ запроса response - является ...
... отображать нашу верстку. <!--[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> ...
... «поделиться» от яндекса. ссылка на конструктор: https://tech.yandex.ru/share/ ссылка на документацию: https://tech.yandex.ru/share/doc/dg/add-docpage/ в документации подробно ...
... делать, придумали интерполяцию строки. console.log('https//site.com/' + user); // получаем на выходе https//site.com/helen_25 интерполяция строк (es6) используем ...
... например, при чтении rss ленты. итак, код далее: const https = require('https') // функция загружает удаленный url function readurl(url) { ...
...     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>custom slider</title>     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">     <style> ...
...     <title>react state</title>     <!-- css -->     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"         integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
...     <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> ...
...   <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> ...
... синего цвета, а посещенные ссылки окрашивают в фиолетовый цвет. <a href="https://myrusakov.ru/">как создать свой сайт</a> абсолютная ссылка абсолютная ...
...     urls = [         'https://myrusakov.ru/image-format-learning.html',         'https://myrusakov.ru/protecting-a-page-with-javascript.html',         'https://myrusakov.ru/php-fluent-interface.html', ...
... свой проект , меняя или добавляя некоторые параметры. официальный сайт: https://sarcadass.github.io/granim.js/examples.html базовая анимация градиентов состоит из ...
... 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> ...
... file_get_contents("http://example.ru");   // чтение удаленного файла по адресу example.ru, используя https   $httpsfile = file_get_contents("https://example.ru/file.txt");   // чтение удаленного файла по ...
... 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 ...
...   transform: translate(-50%, -50%);   text-align: center; } примеры градиентов https://cssgradient.io https://webkul.github.io/coolhue/ https://www.grabient.com/ оттуда можно скопировать код ...
... class="indicator"></div>   </ul> </div> <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> ...
... heroku, то все уже настроено и работает. вот сама ссылка: https://api.bot.org/bot<%токен_бота%>/setwebhook?url=https://myrusakovbot21.herokuapp.com/index.php все готово, теперь приступим ...
... просто загрузить исходники из официального репозитория bootstrap. git clone https://github.com/twbs/bootstrap.git далее переходим в папку bootstrap и устанавливаем ...
... интернете для обмена данными, мы можем выполнить следующий код: fetch('https://api.github.com/users/fabpot')   .then(res => res.json())   .then(json => console.log(json)); ...
...         <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> </div> <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> ...
... jquery. поставьте следующий код перед закрывающимся тегом body: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.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> ...
...     <!-- bootstrap css -->     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
... //подключение библиотеки с иконками <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> ...
...       </div>   </div> </div> <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> ...
...     </div>     </div> <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> ...
... шаг 2: затем, чтобы получить html-содержимое https://www.bbc.com/news , добавьте эти 2 строки кода: url='https://www.bbc.com/news' response = requests.get(url) ...
... стороннего бесплатного ресурса 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=""> ...
... <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>генерация штрих-кода</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jsbarcode.all.min.js"></script> </head> <body>   <!-- вставляем сгенерированный код в виде векторного рисунка --> ...
... инструкция как вставить на сайт карту с вашим объектом. переходите на сайт https://www.google.com/maps вводите в поисковую строку адрес или название места выбираете ...
...     <title>фильтры на карте</title>     <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />     <style>         #map { height: 500px; } ...
... иконки из библиотеки ionicons <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/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" ...
... бота можно запустить прямо на компьютере разработчика без настройки https веб-хуков на собственном домене. <?php require __dir__ . '/message.php'; // класс, созданный выше ...
... отображался правильно, надо прописать строчку в коде между тегами head: <link href="https://fonts.googleapis.com/css?family=open+sans" rel="stylesheet"> через расширение colorzilla мы узнаем ...
... import time import requests from bs4 import beautifulsoup # config url = 'https://{ваш_сайт}/vacancies/middle_php_developer' # заголовки запроса headers = { ...
... иконками из библиотеки 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==" ...
... строиться логика работы приложения? для примера будем использовать сервис https://jsonplaceholder.typicode.com. мы опишем json-ответы сервиса с помощью pojo (plain old java ...
... 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'> ...
... 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: ...
...     </li> </div> <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> ...
... командная строка в терминале. выполните команду клонирования: git clone https://github.com/login/login.github.io в папке с проектом на компьютере появится папка ...
... совсем необязательно. можно пользоваться css генератором теней. https://css3generator.com https://webcode.tools/css-generator обучающей информации в интернете много, но ...
... сделать его адаптивным – задача веб-мастера. <iframe width="560" height="315" src="https://www.youtube.com/embed/fn_jrxerhug" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ...
... стандартам w3c. копируете html код страницы и вставляете в поле формы на сайте https://validator.w3.org. для проверки всего сайта, который уже размещен в интернете, ...
... генератор для генерации фавиконки воспользуемся онлайн-генератором https://realfavicongenerator.net. подготовим картинку размером 260x260 пикселей в любом ...
... базовой темы. после установки wordpress с официального сайта https://wordpress.org/, вам надо на сайте https://underscores.me/, сгенерировать вашу тему, дайте ей какое-нибудь ...
...     <meta name="description" content="простой пример интеграции telegram webapp."> </head> <body>     <script src="https://telegram.org/js/telegram-web-app.js"></script>     <script>         // инициализация объекта telegram webapp ...
... сообщение, и введите в адресной строке браузера (без фигурных скобок{}): 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') ...
... изображений. официальный сайт: https://bxslider.com/ как подключить bxslider первый способ скопировать код отсюда https://bxslider.com/install/ и вставить в свой ...
... 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) { ...
... вы исправили. проанализировать страницу в сервисах: https://developers.google.com/speed/pagespeed/insights/?hl=ru https://jigsaw.w3.org/css-validator будет плюсом, если добавите другие ...
... url легче для восприятия. взгляните на пример ниже. https://myrusakov.ru/article.php?id=1057 https://myrusakov.ru/apache-rewrite-engine-guide.html согласитесь, что читать ...
... сможете отправлять сообщения в канал с помощью простых http-запросов: https://api.telegram.org/bot%{botapikey}/sendmessage?chat_id=%{channelname}&text=%{text} %{botapikey} ...
... стилей, чтобы форма смотрелась более привлекательно. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
...   &#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;; ...
... нелегальный способ подключения, хотя он и работает. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-o8whs3fhg2ona5kas0y9l3cfpmyjapji0e4theh4iumd+plhbf6ji0jimfyck3yz" ...
... компьютере пользователя, обязательно надо подключать в файле стилей. @import url(https://fonts.googleapis.com/css?family=alegreya+sans+sc:900); фотография на все окно браузера ...
... $(document).ready(function () {   $("a[target]").css("color", "blue"); }); <a href="https://jquery.com/">выборка по атрибуту</a><br /> <a href="https://jquery.com/" target="_blank">выборка по атрибуту</a> ...
...     static void main(string[] args)     {         string url = "https://example.com/data";         httpwebrequest request = (httpwebrequest)webrequest.create(url); ...
... обязательный атрибут itemscope и тип схемы разметки itemtype. <div itemscope itemtype="https://schema.org/person"></div> далее прописываются отдельные свойство схемы, ...
...     <!-- приводим стили к общему виду с помощью https://github.com/necolas/normalize.css -->     <link rel="stylesheet" href="css/normalize.css"> ...
... подмену. если рядом с https отображается иконка замочка, значит данные передаются по защищенному каналу. протокол https обеспечивает защиту ...
...      <!-- font awesome -->      <script defer src="https://kit.fontawesome.com/921224fb4e.js"></script> </head> <body>     <div id="root"></div> ...
... импортировать его. далее пример кода: import webbrowser webbrowser.open ('https://myrusakov.ru', new=2) если параметр new равен 0, url открывается в ...
... витамином a, а так нерастворимой и растворимой клетчаткой.<br><a href="https://site.ru/ananas"><b>ссылка</b></a>на полную статью     </p> ...
...   <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"> ...
...     <title>covid-19 stats- uk</title>     <meta charset="utf-8">     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> </head> ...
... инструмент burp suite, который позволяет перехватывать и анализировать http/https-трафик между веб-браузером и сервером. это позволяет тестировщикам ...
... class="box">     <div class="box_header">         <img src="https://via.placeholder.com/400x150" alt="">     </div> </div> .box {     width: ...
... библиотеки. <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" ...
... необходимости. аспекты безопасности: https: для сервис-воркеров требуется безопасное соединение (https) для предотвращения потенциальных угроз ...
... следующим кодом: from http.server import httpserver, cgihttprequesthandler server_address = ("",8800) httpd = httpserver(server_address, cgihttprequesthandler) httpd.serve_forever()  ...
... данные в формате html. в качестве данных будем использовать открытое api https://jsonplaceholder.typicode.com/posts. это бесплатный онлайн-сервис rest api, который предоставляет ...
... "вёрстка сайта с нуля 2.0". как подключить иконки font awesome официальный сайт: https://fontawesome.com самый простой способ подключения - через font awesome cdn. вы просто ...
... пример вы можете найти здесь: http://vodkabears.github.io/vide/ теперь заходите сюда: https://github.com/vodkabears/vide качайте архив. на вашей странице подключите jquery и ...
... онлайн-сервисов с базой данных зарегистрированных торговых знаков. https://www.trademarkia.com/ https://trademark-search.marcaria.com/ но самый простой путь - установить браузерное ...
... регистрация в данной системе очень простая. вам нужно лишь перейти по ссылке https://github.com/ там ввести незанятый логин, email и пароль и после чего нажать ...
... быстро создать красивую форму с индикатором заполнения. зайдите на сайт https://github.com/colourity/fort.js и скачайте архив со стилями и скриптом. создаем html ...
... на mac или linux. откройте терминал и вставьте следующие команды: 1) $ curl -ss https://getcomposer.org/installer | php 2) $ mv composer.phar /usr/local/bin/composer после того, как вы все ...
... btn = document.queryselector('#btn'); // занесем тестовый url в переменную const url = 'https://jsonplaceholder.typicode.com/users'; // функция будет принимать в качестве параметра ...
... $url = "http://www.myrusakov.ru/";   // вызов методов сервиса   $api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");   // расшифровка данных** ...
... версию на сайт <script src="path/to/sharer.min.js"></script> или используйте cdn <script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script> если вы используете meteor, можете ...
... # создаем и инициализируем объект        site = site('myrusakov.ru','https://myrusakov.ru') # выводим свойства print(site.name)    print(site.url) ...
... пропишем ссылки, между тегами 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"> ...
несколько дней назад я выпустил новый курс по php 7: https://srs.myrusakov.ru/freephp7. на момент написания статьи его получило уже 4899 человек. и в этой статье ...
... библиотеки fontawesome, предварительно подключив ее. <head> ... <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> ... </head> <div class="navigation"> ...
... или онлайн-генераторы. убедитесь, что файл доступен по адресу, например, https://example.com/sitemap.xml. добавьте ссылку на sitemap в яндекс.вебмастере для ускорения ...
...     <title>генератор картинок</title>     <!-- bootstrap css -->     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"         integrity="sha384-qwtkzyjppejisv5waru9oferpok6yctnymdr5pnlyt2brjxh0jmhjy6hw+alewih" crossorigin="anonymous"> ...
... к html файлу. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> находим нужную иконку на сайте https://fontawesome.com, копируем код и вставляем ...
... использования: <?php $urls = [ 'https://yandex.ru', 'http://myrusakov.ru', 'http://349e9esjxaa.com', 'https://myrusakov.ru/hello' ]; foreach($urls as $url) ...
... from oauth2client.service_account import serviceaccountcredentials # определяем область доступа scope = ["https://spreadsheets.google.com/feeds", "https://www.googleapis.com/auth/drive"] # аутентификация с помощью ключей api ...
... залогиниться на сайте. нам понадобится скачать selenium webdriver для браузера chrome c сайта https://chromedriver.chromium.org/downloads, а также модуль selenium для работы с драйвером через ...
... скачанный драйвер браузера chromium - вот здесь вы можете найти нужную версию: https://chromedriver.storage.googleapis.com/index.html. итак, для начала установим сам selenium: $ pip install selenium ...
... преимуществом. скачать openserver можно здесь: https://ospanel.io. как его скачать, установить и настроить, я показывал в своём бесплатном курсе: https://srs.myrusakov.ru/freephp7.
... <iframe style="width: 640; height: 480; border: none;" name="embedded_python_anywhere" src="https://www.pythonanywhere.com/embedded3/"></iframe> вставьте этот код в html-разметку ...
...     return $response; // возвращаем html-ответ } $url = 'https://myrusakov.ru'; // url для запроса $res = httpget($url); // получаем html-контент с url ...
...             width: 50%;             background: url("https://myrusakov.ru/images/articles/javascript-debounce.jpg") white;             background-position: 100px; ...
...       width: 90%; } } анимация элементов, используя библиотеку animate.css сайт: https://daneden.github.io/animate.css/ для полного счастья, давайте оживим некоторые элементы, ...
... одной библиотеки, то добавь ещё одну. подключение плагина wow.js сайт: https://github.com/matthieua/wow нужно сделать так, чтобы анимация срабатывала только ...
... подобных случаев. итак, установим расширение selenium ide из магазина chrome - https://chromewebstore.google.com/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd откроем расширение в браузере ...
... клиента (client errors) (400-499) ошибки сервера (server errors) (500-599) var url = "https://myrusakov.ru"; using var client = new httpclient(); var result = await client.getasync(url); ...
...     try {         const response = await fetch('https://example.com/api/speech-to-text', {             method: 'post', ...
... другие шрифты <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"> ...
...     <title>bootstrap темная тема</title>     <link       href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"       rel="stylesheet" ...
... на сервис. итак, впервую очередь необходимо зарегистрироваться на heroku - https://signup.heroku.com/account. далее необходимо установить инструмент командной ...
... name="square-outline"></ion-icon></div> </div> <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script> ...
... стилизация текста сделаем текст крупнее и уплотним его. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{ margin: 0; padding: 0; ...
... программирование на jquery. между тегами head подключаем библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> jquery код <script> $(document).ready(function(){ ...
... 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" ...
... поставим ссылку на библиотеку иконочных шрифтов 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: ...
...                 var imagebytes = downloadimage("https://source.unsplash.com/random");                 // создаем объект bitmap из массива байт ...
... необходимо загрузить саму библиотеку, которая находится по вот этому адресу https://www.e-iceblue.com/introduce/free-pdf-for-java.html. для загрузки необходима простая регистрация. ...
... 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); ...
... библиотеки jquery, предварительно подключив ее к html странице. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> поместим функцию loaditems() ...
... будет стоить среднестатистический клик в вашей нише. яндекс директ https://direct.yandex.ru в разделе прогноз бюджета, рекламодатели могут примерно ...
... объединения оператором join. мы будем использовать учебную базу по адресу: https://www.w3schools.com/sql/trysql.asp?filename=trysql_asc . и так мы хотим осуществить выборку ...
... простейщий get запрос с помощью функции fetch() будет иметь следующий вид: fetch('https://api.github.com/users/fabpot') .then(response => response.json()) // преобразуем ответ в json ...
... # код для пользовательского ввода с консоли # вводимая страница https://myrusakov.ru/python-tutorial.html url = input("введите адрес страницу") # отправка запроса на сайт и получение ответа ...
...     // ссылка на rss-ленту - она в формате xml     private var rssurl = "https://career.habr.com/vacancies/rss?currency=rur&sort=relevance&type=all"     // основной метод любой активити, в которой загружается и устанавливается макет ...
... для подключения иконки, загрузим библиотеку fontawesome. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> под навигационной панелью, ...
...     <script src="script.js"></script> </body> </html> файл style.css @import url('https://fonts.googleapis.com/css?family=nunito&display=swap'); :root {   --success-color: #0cb854; ...
... подключения, через cdn, вставьте ссылку между тегами <head>. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmocqbtlwilj8lytjo7moustjskc4popqbqyi7rrhn7udi9rwhkkmhpvlbhg9sr" ...
... разными способами, один из них я покажу далее. допустим у нас такой url-адрес: https://srs.myrusakov.ru/order?product_ids=31&is_digit=1&country_id=1&pm_id=3&key=2qt3akj получить ...
... некоторое время не показывалось. подключим библиотеку jquery <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> весь jquery код будем писать ...
... вставим фрейм c url сайта. html-код <div class="smartphone"> <div class="content"> <iframe src="https://your_site.ru"> </div> </div> демонстрационный сайт, внутри фрейма ...
... поздних версиях, программа не поддерживает 32-bit. ссылка на скачивание: https://netbeans.org/downloads/8.0/ для 32-bit windows доступны для скачивания 5 сборок netbeans, ...
... функцию, которая при клике меняет css классы, туда и обратно. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript">   $(document).ready(function(){ ...
...     return $response_text; } файл index.php <?php require_once ('functions.php'); $url = "https://news.yandex.ru/internet.rss"; $apikey = "api_key"; // данный запроса: resource -> url, key -> key ...
... class="box">     ...     <h2>neon text</h2> </div> @import url('https://fonts.googleapis.com/css2?family=monseratt:wght@600;700&display=swap'); *{     margin: 0;     padding: ...
... карточки расположение карточки в центре и создание теней. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900'); body{     margin: ...
... формы добавим к форме css стили для визуальной эстетичности. @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/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
...             // создаем объект клиента             httpget request = new httpget("https://myrusakov.ru");             // добавляем заголовки запроса ...
... 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; ...
...   </div> </div> размещение контейнера в центре @import url('https://fonts.googleapis.com/css?family=poppins:100,200,300,400,500'); *{     margin: 0;     padding: ...
... горящие в огне буквы. контент в центре страницы @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900"); * {     margin: 0;     padding: ...
... курсор (cursor). <head>     ...     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">     ... </head> ...
... воспользуемся быстрым способом подключения - через 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@700&display=swap'); *{     margin: 0;     padding: ...
... поставим текст в центре экрана и поместим его в контейнер. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... библиотеку с иконками между тегами <head></head>. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"> выбираем нужные иконки на ...
... .pink{     background: #f6a4bb; } подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> получить значение атрибута ...
... 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) напишем скрипт калькулятора ...
... </div> css код расположим popup в центре страницы. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... текста..</p> </section> и сделаем внешнее оформление. @import url('https://fonts.googleapis.com/css?family=poppins:400,500,600,700,800&display=swap'); *{     margin: 0; ...
... разместить список в центре по вертикали и по горизонтали. @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: ...
... выведем календарь внутри белого контейнера и в центре страницы. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... import localstoragedb from './localstoragedb' const db = new localstoragedb('myrusakov'); db.save('url','https://myrusakov.ru'); console.log(db.fetch('url')) db.drop()
... ввиду. загрузчик вордпресса загружает файлы в стандартную директорию (https://domain.com/wp-content/uploads/woocommerce_uploads/2017/06/name-product.jpg). woocommerce конечно же прячет ...
... интегрированную среду разработки visual studio community. ссылка на скачивание: https://visualstudio.microsoft.com/ru/downloads/ страница с редакциями visual studio: ...
... производиться под windows. давайте скомпилируем скрипт игры змейка. возьмем скрипт с https://github.com/ivangolubykh/python-snake. скопируем код и назовем его snake.py. в итоге, у нас ...
... pip3 install opencv-python qrcode  import qrcode # импотируем модуль  string = "https://myrusakov.ru" # строка для перевода в qr file = "myrusakov_out.jpg" # файл для хранения полученного штрих кода ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip ...
...     <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"> ...
... веб-разработчиком, необходимо понимать, как работает интернет и что такое протокол http/https, модель tcp/ip. хостинг доменнов и dns: также очень важно иметь представление, ...
... счетчики и веб-аналитику. <!-- пример подключения google analytics --> <script async src="https://google-analytics.com/analytics.js"></script> атрибут defer делает тоже самое, но с ...
... css свойства для фоновой картинки .bg-img{     background-image: url("https://cdn.pixabay.com/photo/2020/04/06/02/29/love-5008071_1280.jpg");     height: 480px;     width: ...
...     <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> ...
... разумеется, что у вас уже создан аккаунт в яндексе. переходите по ссылке https://metrika.yandex.ru/. нажимаете на кнопку добавить счетчик и заполняете форму. ...
... */     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; ...
... справа</a>     </p> </div> общие css стили @import url("https://fonts.googleapis.com/css2?family=roboto+condensed:wght@700&display=swap"); body {     font-family: ...
... сами задаете и работает по аналогии с маской в photoshop. генератор clip-path - https://bennettfeely.com/clippy выберите нужную геометрическую фигуру переставьте ...
... размытия через значение inherit. это важно! html {     background: url("https://cdn.pixabay.com/photo/2020/07/24/21/58/lemon-5435158_960_720.jpg")     no-repeat fixed center / cover; ...
... # шаблон url у которого меняется идентификатор url = 'https:/example.com/post/%d' # заголовки запроса, представляемся браузером firefox/45 на mac os ...
... будет три колонки, а на смартфонах одна колонка и три ряда. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900'); *{     margin: 0; ...
... эффекта с помощью только лишь css: html код: <img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" /> код css: ...
...         progress.update(len(data)) запуск скрипта: >>>python download_indicator.py https://download.virtualbox.org/virtualbox/6.1.18/virtualbox-6.1.18-142142-win.exe # расширения файлов должны оканчиваться на .exe, .pdf, etc. ...
... выравнивать внутри себя дочерние элементы так, как нам нужно. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@200;300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... 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: ...
... <section>     <h2 class="text">circle-text-effects-</h2> </section> @import url('https://fonts.googleapis.com/css?family=roboto:300,400,500,700,900&display=swap'); *{     margin: 0; ...
...     </div>   </div> </div> стилизация карточки @import url('https://fonts.googleapis.com/css?family=roboto:300,400,500,700,900&display=swap'); *{     margin: 0; ...
... галочки у нужных вариантов. и вставляете в html страницу. <link href="https://fonts.googleapis.com/css?family=roboto:300,300i,400,400i,700,700i&display=swap" rel="stylesheet"> здесь используется ...
...     <div class="icon"></div>     <div class="input"> </div> @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... </div> css код стилизуем контейнер с карточкой. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... css код сделаем секцию flex-контейнером с градиентным фоном. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
...     <!-- 1. подключаем библиотеку -->     <script src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" type = "text/javascript"></script> ...
... окно с формой подписки на новости. <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: ...
... максимальное и минимальное. <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: ...
... стили для текста и разместим всю конструкцию в центре экрана. @import url('https://fonts.googleapis.com/css2?family=ubuntu:wght@300;400;500;700&display=swap'); *{     margin: 0; ...
... как значение space-between прибило обе кнопки к разным полюсам. @import url('https://fonts.googleapis.com/css?family=poppins:200,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: ...
...   // создаем нового клиента   $client = new client([     'base_uri' => 'https://какой-то-сайт.ru/', // базовый uri, от него и будем двигаться дальше ...
... трансформировать её в крестик. первым делом подключим библиотеку jquery. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> html разметка создадим ...
... можно, если указать цвет текста transparent и задать свойство text-stroke. @import url('https://fonts.googleapis.com/css?family=poppins: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: ...
... </section> разместим всю конструкцию в центре браузера. @import url('https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap'); *{     margin: ...
... поведение браузера - прописать в теле callback функции - метод preventdefault(). <a href="https://www.google.com/">ссылка</a> <script> let link = document.queryselector('a'); link.addeventlistener('click', ...
... прежнему имеет прямоугольную форму. магия произойдет чуть позже. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
... </nav> поместим ссылки в гибкий контейнер (flex) и приукрасим их. @import url("https://fonts.googleapis.com/css?family=roboto:400,400i,700"); * {     margin: 0;     padding: ...
... из библиотеки 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" ...
...   <meta charset="utf-8">   <title></title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggoyr0ixcbmqv3xipma34md+dh/1fq784/j6cy/ijtquohcwr7x9jvorxt2mzw1t" crossorigin="anonymous"> ...
... нашу форму в белый контейнер и выровняем по центру экрана. @import url('https://fonts.googleapis.com/css2?family=poppins:wght@300;400;500;600;700;800;900&display=swap'); *{     margin: ...
... на библиотеку с иконками fontawesome <head>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <section>   <div ...
...         }     </style>      <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  </head> <body>     <table class="w3-table w3-table-all"> ...
... ластика */     height: 100px; /*высота ластика */     background: url("https://cdn.pixabay.com/photo/2021/09/16/21/27/container-ship-6631117_960_720.jpg");     background-size: cover; ...
... интерпретатор питона и установим его на компьютер. откройте официальный сайт https://www.python.org и перейдите во вкладку downloads и скачайте последнюю версию. ...
... //html разметка <h1 data-text="animation...">animation...</h1> //css код @import url('https://fonts.googleapis.com/css2?family=poppins:wght@700&display=swap'); *{     margin: 0;/*обнуление ...
... </ul> css стили поработаем над внешним видом меню. @import url('https://fonts.googleapis.com/css2?family=quicksand:wght@300;400;500;600;700&display=swap'); *{     margin: ...
...   print(top) # запуск кода if __name__ == '__main__':   url = "https://myrusakov.ru/python-tutorial.html"   scarpy(url) полученный пример имеет множество ...
... позволяет быстро писать html/css код, используя сокращенную запись. на сайте https://emmet.io, в разделе документация, есть масса примеров сокращений кода. ...
... при скролле картинка принимала свой первоначальный размер. @import url('https://fonts.googleapis.com/css?family=poppins:300,400,500,600,700&display=swap'); *{     margin: 0;/*обнуление ...
... забывать про то, как будет выглядеть вводимый пользователем email. @import url('https://fonts.googleapis.com/css?family=poppins:300,300i,400,500,500,600,700,800,900&display=swap'); *{     margin: ...
... сделаем покадровую анимацию вращения вокруг своей оси для блока box. @import url("https://fonts.googleapis.com/css?family=poppins:200,300,400,500,600,700,800,900&display=swap"); * {     margin: ...
... сайте. это можно сделать так:     $rss = file_get_contents('https://news.yandex.ru/science.rss');     $rss  = simplexml_load_string($rss);      ...
... 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}' ...
... шапки. перед закрытием тега head, вставьте ссылку на библиотеку. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> вставьте небольшой скрипт ...
... установкой и обновлением unreal engine. посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите ссылку "get epic games" (скачать epic games) и кликните по ней.вы ...
... 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" ...
... более чистым и понятным синтаксисом. пример использования fetch api: fetch('https://api.example.com/data')   .then(response => response.json())   .then(data => console.log(data)) ...
... пользователях и организациях, их проектах, и т.д. давайте взглянем на пример: curl https://api.github.com/orgs/yandex в этом примере мы используем консольную утилиту ...
... 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> ...
... копируем 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" ...
...     # функция для перевода текста с заданного языка на целевой язык     url = "https://translate.googleapis.com/translate_a/single"     # url для запроса к google translate api ...
... по умолчанию на любом wordpress сайте форма логина находится по адресу: https://site.com/wp-admin/ и это известно всем, в том числе и хакерам. использование ...
... следующую строку в секцию вашего html-документа:    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-evstqn3/azprg1anm3qdgpjlim9nao0yz1ztcqtwfspd3yd65vohhpuucomlasjc" crossorigin="anonymous"> ...
... классов bootstrap-а, следует присвоить каждой колонке. переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", ...
... сервисов рассылки. комбинация плагинов (mailpoet & popup maker) http://www.mailpoet.com/ https://wordpress.org/plugins/popup-maker/ скачайте и активируйте плагины на своем сайте. ...
...   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>tilewind css example</title>   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> </head> ...
... например, можно использовать «roboto» из бесплатной службы google fonts: @import 'https://fonts.googleapis.com/css?family=roboto:300,400,500'; body {    font-family: "roboto", "helvetica", "arial", ...
... <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"> ...
... tls/ssl для шифрования данных, передаваемых между клиентом и сервером. как и https по сравнению с http, wss добавляет слой безопасности, что особенно важно ...
... потребуется правка кода. внимание! правка кода. в разделе помощи по адресу https://mobiriz.store/help-12.html, подробно расписано, как настроить работу формы обратной ...
... async function load_article() {   try {     const post = await fetchdata('https://api.myrusakov.ru/post/12');     console.log(post);   } catch (error) { ...
... пример с добавлением иконок для списка валют. шаг 1 скачиваем с сайта https://fontawesome.ru/ иконочный шрифт и подключаем к своему сайту через файл css. ...
... // 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); таким образом, ...
... документу ссылку на файл стилей с иконочным шрифтом. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> html разметка создадим ...
... import, копируем код на google fonts и вставляем в верх файла style.css. @import url('https://fonts.googleapis.com/css?family=lobster'); прописываем название выбранного шрифта: ...
... пространство - cover и не будет повторяться - no-repeat. body {     background: url(https://cdn.pixabay.com/photo/2017/06/12/17/54/anemone-2396299_1280.jpg);     background-repeat: no-repeat; ...
... пикселей. подключаем к html файлу библиотеку jquery и javascript файл. <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="js/index.js"></script> ждем ...
... копирования строки с кодом и вставки между тегами head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... подключения выбранного шрифта и вставляем сверху в css файле. @import url('https://fonts.googleapis.com/css?family=marck+script'); в селекторе body пишем название выбранного ...
... подключаем иконочный шрифт до закрывающего тега head. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-dnohz68u8hzfkxortjwvjxusgo9wqnrnx2sqg0tfsghavtvlrw3tvkxwzh58n9jp" ...
... через websocket, используется wss (websocket secure), который работает поверх tls/ssl (как https). это важно при передаче конфиденциальной информации. пример создания ...
... изображение через fetch, преобразовать его в blob и отобразить на странице: fetch('https://example.com/image.png')   .then(response => response.blob())   .then(imageblob => { ...
... данная ссылка через тег script, так же в конец html-файла. <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </body> какой же вариант ...
... # директория для сохранения файлов save_directory = 'downloaded_svgs' # базовый url base_url = 'https://example/img/cities/{}.svg' # итерируем по числам от 1 до 10 ...
... описание метода. делать мы это будем через 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); ?> ...
... запрос по данным из формы соответствующего оператора. например, для beeline: https://www.beeline.ru/sms/index.wbp. безусловно, пользователю надо будет ещё подгрузить ...
... lang="ru"> <head>   <meta charset="utf-8">   <title>angular js</title>   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> </head> <body ng-app>   ...
... lang="ru"> <head>   <meta charset="utf-8">   <title>angular js</title>   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script> </head> <body ng-app>   ...
... простой скрипт, но он позволяет сделать неплохой эффект. зайдите по ссылке: https://github.com/carrot/share-button найдите справа кнопку download zip. нажмите на нее. вы скачаете ...
... на jquery с помощью небольшого плагина. итак, для начала зайдите по ссылке: https://github.com/aarondo/tabulous.js и скачайте zip архив. там вы найдете необходимые стили ...
... будет выглядеть. чтобы скачать необходимые файлы, перейдите по ссылке: https://github.com/malkafly/endcredits/ и нажмите кнопку "download zip", чтобы скачать zip архив. ...
... позволяющую добавить динамики на ваш сайт - dynamo.js. перейдите по ссылке https://github.com/jdan/dynamo.js и скачайте ее с github. оффициальный сайт: http://jdan.github.io/dynamo.js/ ...
... дополнения, чтобы поддерживать ws:// и wss:// протоколы в дополнение к http и https. поддержка браузерами большинство современных браузеров поддерживают ...
... эффекта: tip.type('error').effect('fade'); почитать подробнее вы можете здесь: https://github.com/darsain/tooltip/wiki/tooltip итак, вот такой простой сервис, который, однако, ...
... подключить библиотеку jquery и плагин fancyselect, который вы можете скачать по ссылке: https://github.com/octopuscreative/fancyselect по умолчанию fancyselect использует собственные ...
... 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 ...
... 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" ...
... подключите стили <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"> проведите ...
... 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) ...
... <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" ...
...     <title>карта с вашим местоположением</title>     <script src="https://api-maps.yandex.ru/2.1/?lang=ru_ru" type="text/javascript"></script>     <script type="text/javascript"> ...
... закладки и гиперссылки в документ. $section->addbookmark('mybookmark'); $section->addlink('https://example.com', 'visit example.com'); 6. создание заголовков и колонтитулов ...
... файле. вот так выглядит конфиг со всеми доступными опциями: [api] token = url = https://asciinema.example.com [record] command = /bin/bash -l maxwait = 2 yes = true quiet = true [play] maxwait = 1 ...
... установка python: если у вас еще нет python, скачайте его с официального сайта https://www.python.org/downloads/. установка библиотеки python-telegram-bot: откройте командную ...
...     <title>линейный график с несколькими линиями</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <canvas id="mychart" width="400" height="200"></canvas> ...
... достаточно простая. установка подключите необходимые скрипты: <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> ...
...     <!-- подключаем библиотеку chart.js -->     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>     <style>         body { ...
... тестовое приложение. спасибо за внимание. кстати, пример создания сайта на основе фреймворка yii можно посмотреть в моем курсе https://srs.myrusakov.ru/yii
... менее броский - roboto. вставляем код в самый вверх css файла. @import url('https://fonts.googleapis.com/css?family=lobster|roboto:700i'); по порядку начинаем писать стили, ...
...     <title>react dependent select</title>     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-tx8t27ecre3e/ihu7zmqxvncday5uikz4rekgixemed4m0jlfidpvg6uqki2xxr2" crossorigin="anonymous"> ...
...     <title>document</title> </head> <body>     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-glhltq8irabdzll6o3ovmwsktqop6b7in1zl3/jr59b6eggoi1afkw7cmda6j6gd" crossorigin="anonymous"> ...
...     // данная функция выполняет запрос на сервер и декодирует полученные json-данные     $resp = file_get_contents(         "https://ipinfo.io/$ip?token={ваш_апи_ключ}",          false, $context ...
...     <button>отправить</button>   </form>   <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>   <script src="send.js"></script> </body> ...
... ссылку между тегами <head>. мы воспользуемся cdn ссылкой. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrme5qonljuremfsqc01sb46jvros7bzs3io2emffsd15uhvit+y8vef7n7fwau" ...
...     // немного сокращаем сообщение, чтобы оно с большей вероятностью соответствовало ограничению длины url-адреса браузера (которое в некоторых браузерах составляет 2083 символа).     stack = stack.replace(/https?\:\/\/[^/]+/gi, '');     // вызов обработчика на стороне сервера, который, должен зарегистрировать ошибку в базе данных или файле журнала ...
... файлом main.py. после чего вводим: >>>python main.py # вывод https://127.x.x.x переходим по указанному адресу в браузере и нажимаем ...
... то и браузер не будет загружать данное изображения.   <img data-src="https://ik.imagekit.io/demo/default-image.jpg" /> теперь, так как мы предотвратили загрузку ...
...         const response = await axios.get(           `https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ`         ); ...
... должен понравиться больше. вывод списка с плагином acf сайт плагина: https://www.advancedcustomfields.com на странице с документацией, выберите field types -> text. ...
... посмотреть вживую на то, как изображение кодируется в текст можно на сайте https://dopiaza.org/tools/datauri/, который вы можете использовать для преобразования ...
...     // делаем запрос на сервер, в качестве второго аргумента передаем объект со свойством signal     fetch('https://myrusakov.ru/posts', { signal: signal })         .then(response => response.json()) ...
... прежде всего нам понадобятся звуки нот в формате wav. перейдите по ссылке https://zvukogram.com/category/zvuki-not/ и скачайте звуки, начиная с ноты do, и заканчивая ...
...     <title>autoclose menu</title>     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">     <style> ...
... админ ресурса получает данные в одинаковом формате. по этому адресу: https://jqueryui.com/datepicker/ вы увидите несколько вариантов виджета datapicker, мы рассмотрим ...
... текущий url-адрес вовсе не myrusakov.ru, а другой сайт? history.pushstate(null, null, 'https://yandex.ru/'); данная строчка кода вызовет исключение "securityerror: ...
... процесс установки и обновления unity. перейдите на официальный сайт unity - (https://unity.com) и найдите раздел загрузок. скачайте последнюю версию unity hub ...
... кнопку отправить 1) добавить ссылку между тегами head: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 2) вставить иконку между ...
... вы можете предпринимать дальнейшие действия.   <?php   $url = 'https://myrusakov.ru';   if(issiteavailible($url)){     echo 'сайт доступен.'; ...
... плагинов с таймерами обратного отсчёта, самым толковым оказался - wp dev art. https://wpdevart.com/wordpress-countdown-plugin/ таймер можно добавить как в сайдбар, так и ...
... ценовым диапазоном и двумя ползунками. найти его можно по этому адресу: https://jqueryui.com/slider/#range такие слайдеры чаще всего используют в интернет-магазинах, ...
... 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> ...
...     for headline in headlines:         print(headline.text) website_url = "https://www.example.com" scrape_website(website_url) автоматическое отправление электронной ...
в предыдущей статье по python и pygame мы завершили создание логики для космического корабля. но корабль все еще один в пустом пространстве. пора добавить ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
здравствуйте! сегодня мы увидим, как создать python-приложение, которое открывает системные приложения, такие как терминал windows или блокнот, с помощью ...
приветствую! в сегодняшней статье мы рассмотрим, как создать простой интерфейс для автодополнения с использованием tkinter и nltk. задача мы создадим ...
в сегодняшней статье мы рассмотрим, как можно управлять рисунком на canvas в tkinter с помощью голосовых команд. это увлекательная тема, которая позволит ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
сегодня вы узнаете, как при помощи готового решения parallax плагина, можно анимировать фон при движении мышью. в качестве фона у нас будет космическое ...
здравствуйте! telegram-боты становятся все более популярными для автоматизации задач и взаимодействия с пользователями на платформе telegram. одной ...
здравствуйте! в сегодняшней статье мы рассмотрим, как определить тональность текста с помощью python и библиотеки nltk. этот инструмент позволяет ...
здравствуйте! в одной из статей мы начали создание кругового прогрессбара с помощью html и css. в настоящий момент мы имеем белый круг на светло-голубом ...
на этом уроке нарисуем пчелу с помощью окружностей и анимируем ее так, чтобы она летала. создание анимации в javascript состоит из повторяющегося ...
замечательно то, что на canvas можно не только рисовать, но и анимировать объекты. для этого у javascript есть полный набор инструментов. вы узнаете, ...
всех с наступившим 2025 годом! в сегодняшней статье мы рассмотрим библиотеку speech_recognition в python, которая позволяет легко интегрировать распознавание ...
в предыдущей статье мы добавили новые свойства к игровому объекту. в результате чего, наш космический корабль двигается и вращается! однако, ...
сегодня мы научимся рисовать дуги и окружности. сделать это можно с помощью метода arc, который рисует дугу из центра в заданной точке с координатами ...
продолжаем покорять космические просторы с python и pygame.в прошлой статье мы придали кораблю возможность управления с помощью клавиш. в сегодняшней ...
в прошлых статьях по созданию игры с python и pygame мы добились отображения корабля на фоне изображения космического пространства. но что можно ...
здравствуйте! продолжаем создание кругового прогрессбара с помощью html и css. в прошлой статье мы создали круг на белом фоне и закрасили одну его ...
в предыдущих статьях про python и pygame мы создали и отобразили игровой объект в виде космического корабля. в сегодняшней статье мы создадим для ...
здравствуйте! представим ситуацию, при которой требуется обратить внимание пользователя на событие внутри приложения. в таких случаях могут ...
здравствуйте! в сегодняшней статье мы рассмотрим, как с помощью python и библиотеки tkinter создать графический интерфейс для управления виртуальной ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
здравствуйте! в сегодняшней статье мы рассмотрим навигацию между окнами в библиотеке tkinter на python. данная тема будет полезна тем, кто хочет создать ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать выпадающий список в tkinter, используя элемент интерфейса ttk.combobox. выпадающий список ...
здравствуйте! в сегодняшней статье мы рассмотрим, как реализовать автоматическое обновление элемента label в tkinter. такая функция полезна для ...
обычно форма поиска как минимум состоит из двух полей input: это текстовое поле, куда пользователь вводит ключевое поисковое слово и кнопки "поиск". ...
html код html разметка состоит из элементов маркированного списка, внутри блока div. <div class="list">     <h2>list item hover effect</h2>     <ul> ...
преобразование html в docx может потребоваться в различных задач, таких как генерация отчетов, создание документов на основе веб-контента и многое ...
шаг 1) создание html-разметки сделать кнопку можно разными способами: через тег button, div или a. я предпочитаю сделать это сразу через ссылку a, поскольку ...
прозрачная форма на фоне какого-нибудь девственного пейзажа - любимая тема веб-дизайнеров. как верстать такую форму? с этим нам предстоит сегодня ...
кнопка-переключатель, напоминающая гамбургер, решает проблему нехватки места для полноценного меню, на маленьких устройствах. н этом уроке ...
css свойство align-items управляет элементами по вертикали в системе grid layout. на этом уроке, вы увидите все возможные варианты расположения элементов ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный css-эффект построен на градиентах, заданных псевдоэлементам. ...
все, кто хоть немного взаимодействуют с компьютером, неизбежно сталкиваются с однотипными задачами: скачивание видеороликов с youtube, переименование ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
при заполнении различных отчетов на сайтах, часто появляется необходимость позволить пользователям загружать на свой пк сформированный ...
операционная система android у мобильных устройств основана на ядре linux и приложения для нее пишутся на языке java. любая программа состоит из множества ...
компонентный фреймворк svelte.js используется для создания интерфейсов без перезагрузки страницы и этим он очень похож на vue.js и react.js. но у него ...
продолжаем совершенствовать игру asteroids c python и pygame. и на текущий момент, на игровом поле отображается один космический корабль, которым можно ...
здравствуйте! в сегодняшней статье мы рассмотрим, как создать меню в tkinter с помощью виджета menu. меню добавляет интерактивности в приложение, ...
с выходом php 8, язык программирования получил множество новых возможностей и улучшений, одной из которых является поддержка атрибутов. атрибуты ...
сегодня мы рассмотрим приближенный к реальности пример использования атрибутов в php 8. предположим, что мы разрабатываем веб-приложение и хотим ...
структурой данных называется способ организации или хранения данных для эффективного с ними взаимодействия. в программировании мы все время ...
в сегодняшней статье мы познакомимся с библиотекой pyttsx3 — удобным инструментом для преобразования текста в речь на python. эта библиотека идеально ...
в одной из прошлых статей по css, мы попытались с имитировать эффект неоновой вывески. и одна особенность, которую можно заметить в неоновых вывесках, ...
работая с python, вы можете столкнуться с ситуацией, когда разные проекты требуют разные версии библиотек или самого python. без виртуального окружения ...
в предыдущей статье мы создали и отобразили красивое игровое поле с помощью pygame и python. и на данный момент наша программа отображает фоновое ...
здравствуйте! работа с большими таблицами данных является неотъемлемой частью современной аналитики. независимо от того, нужно ли вам обрабатывать ...
в предыдущей статье мы реализовали проект pygame, в результате чего на экран выводится окно с игровым полем, которое вы можете закрыть, нажав клавишу. ...
доброго времени суток! в данной статье и следующих я расскажу и покажу, как настроить окружение разработки c помощью docker в котором можно будет ...
метод splice() очень гибкий инструмент для работы с массивом. он умеет добавлять, удалять и заменять элементы массива и может принимать до 3-ех аргументов. ...
linq (language integrated query) — это мощный инструмент в c#, который позволяет выполнять запросы к различным источникам данных, таким как коллекции, базы ...
в программировании часто возникает необходимость применить определённую функцию ко всем элементам коллекции и получить новую коллекцию с ...
unreal engine - это один из самых популярных игровых движков. с тех пор, как было объявлено о доступе к раннему выпуску ue5, все сразу же приступили к ...
здравствуйте! в одной из статьей мы рассматривали способ реализации функции map. в c# встроенным аналогом функции map является метод select, который ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs. в данной статье мы рассмотрим как загрузить сразу ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
привет, друзья! сегодня я расскажу вам, как можно автоматизировать процесс переименования файлов с помощью python. это может быть полезно, если ...
здравствуйте! в сегодняшней статье мы рассмотрим как встроить элемент медиаплеера в windows forms, с c# для воспроизведения видеофайлов. шаг 1: создание ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
в одной из предыдущих статей мы рассмотрели как создать простейший синтезатор на windowsforms. на данный момент нажатие по клавишам синтезатора ...
элемент picturebox в c# windows forms предоставляет удобный способ отображения изображений в графическом интерфейсе пользователя. он позволяет загружать, ...
до боли знакомая ситуация, когда вы заполняя форму авторизации, казалось бы внимательно вбиваете каждый символ имени пользователя и пароля. ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
в плагине woocommerce фильтрация товаров основана на атрибутах. атрибут - это разновидность товара по цвету, размеру, стилю, назначению. у разных товаров ...
доброго времени суток, уважаемые посетители сайта! хочу поделиться с вами отличной новостью - совсем недавно у меня вышел новый курс - wordpress ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
на этом уроке я расскажу как подключить и настроить самый современный сенсорный слайдер swiper. есть несколько причин, почему swiper лучший слайдер ...
grid с появлением grid css, у верстальщиков появилось ещё больше возможностей. данное свойство учитывает горизонтальное и вертикальное расположение ...
здравствуйте! в этой статье мы рассмотрим, как создать простое приложение для воспроизведения музыки с использованием класса soundplayer в c# windows ...
в предыдущей статье мы начали создание проекта игры asteroids. для этого был создан базовый класс игры с конструктором и основными методами игры. ...
здравствуйте! машинное обучение (ml) — это метод анализа данных, который позволяет компьютерам обучаться на примерах и делать предсказания или ...
если вы задумываетесь над созданием собственной игры, но не хотите переходить на другой язык ради карьеры разработчика игр, то для этого есть ...
фракталы — это уникальные математические структуры, которые обладают самоподобием, что означает, что их части напоминают целое. эти узоры встречаются ...
здравствуйте! в современном программировании создание графических интерфейсов стало неотъемлемой частью разработки приложений. одним из ...
здравствуйте! в программировании на python с использованием библиотеки tkinter можно легко создать интерактивный индикатор загрузки, который позволяет ...
llm-агенты, или агенты на основе больших языковых моделей (large language models), представляют собой передовую технологию в области искусственного интеллекта ...
здравствуйте! сегодня я хотел бы рассказать вам о научных вычислениях с использованием языка python и модуля scipy. во многих научных вычислениях ...
здравствуйте! в сегодняшней статье мы рассмотрим, как при помощи python и библиотеки tkinter можно реализовать функцию динамического изменения шрифта ...
например, по какой-то причине вам нужно перенаправить посетителей с одного сайта на другой. только сделать это без мгновенного редиректа в лоб, ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
как правило, начинающие изучать веб-разработку люди уже знают, как легко можно поменять внешний вид элемента с помощью css стилей. но менять стили ...
предположим, что мы создали html страницу с заголовком «урок по javascript #1» и неким текстом. затем мы передумали и решили заменить старый заголовок ...
c++ появился в далеком 1980 году, все время развивался и по сей день носит титул самого быстрого языка программирования. среди других низкоуровневых ...
в современном программировании асинхронные операции играют важную роль, особенно когда речь идет о работе с пользовательским интерфейсом ...
здравствуйте! material design — это язык дизайна, разработанный google, который объединяет принципы хорошего дизайна с инновациями науки и технологий. ...
здравствуйте! в предыдущей статье мы создали анимированное подобие прогрессбара, которому не хватает всего пару штрихов. все это мы создаем ...
на этом уроке разберем, как верстальщикам использовать css grid технологию на примере типичной блог-секции. мы не будем отвлекаться на css-свойства ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость выполнять задачи через регулярные интервалы времени. для этого ...
управление областями в css grid можно ячейки объединять в области. ниже представлен шаблон, в котором при разрешении меньше 540 пикселей, верстка ...
флаги в регулярных выражениях уточняют каким образом нужно искать, если это важно. в противном случае, флаги не обязательно добавлять к регулярному ...
как преобразовать обычный список в массив, используя программу vscode и регулярные выражения? предположим вам нужно занести в базу данных сайта ...
в данной статье мы рассмотрим с вами как можно быстро создать графическое приложение с использованием библиотеки python tkinter. проектировать мы ...
в разработке приложений на платформе windows forms в c# часто возникает необходимость работы с изображениями. класс bitmap в пространстве имен system.drawing ...
в python скрипте ниже мы рассмотрим как подсчитать количества определенных дней недели в диапазоне дат в python. где это может понадобиться? допустим, ...
4) позиционирование инпута и текста .list ul label{     position: relative; / * относительное позиционирование * /     display: flex; / * отображать ...
веб-разработка — это создание и поддержка сайтов, приложений и сервисов в интернете, объединяющая программирование, дизайн, и работу с данными. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать со шрифтами в tkinter — стандартной библиотеке python для создания графических интерфейсов. ...
для создания анимации падающих звезд нам потребуется картинка зведного неба и сами звезды, созданные средствами html и css. html-разметка и звездное ...
здравствуйте! как известно, составление резюме может быть утомительным процессом, особенно когда нужно учитывать различные форматы и требования ...
здравствуйте! javascript (js) является одним из наиболее мощных и распространенных языков программирования для веб-разработки. он позволяет создавать ...
в html-разметке накидываем все элементы, которые у нас будут на странице, пока не заботясь о внешнем виде расположении относительно друг друга. ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта. <ul> ...
flask - это легкий и гибкий веб-фреймворк для python, который позволяет быстро создавать веб-приложения. он предоставляет простой способ создания ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
нет, это не фотошоп. фильтр для смешивания слоев уже давно стал доступен и на css. как это работает? сейчас вы обо всем узнаете. html разметка для ...
в python существует несколько способов создания zip-архива с сохранением структуры папок. один из наиболее распространенных способов - использование ...
python - один из наиболее популярных и востребованных языков программирования в мире. его популярность продолжает расти благодаря своей простоте, ...
здравствуйте! в современном мире скорость имеет огромное значение. пользователи интернета хотят получать доступ к информации мгновенно, без ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
в современном мире, где мы постоянно заняты различными делами и задачами, напоминания становятся незаменимым инструментом для управления временем ...
доброго времени суток! сегодня мы поговорим с вами, о том, что такое indexeddb в javascript. indexeddb (indexed database) - это встроенная база данных в браузере, предоставляющая ...
здравствуйте, друзья! создание собственного сайта – задача, которая рано или поздно встает перед каждым, кто хочет заявить о себе в интернете. ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
здравствуйте! автоматизация повседневных задач, таких как отправка отчетов по электронной почте, может значительно упростить рабочий процесс. ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
здравствуйте! допустим, мы работаем над многоуровневым проектом и хотим создать для каждого уровня папку с соответствующим названием. конечно ...
больше не нужно ломать голову и писать много строчек кода для визуализации капель дождя, падающих на окно. замечательный скрипт на js rainyday.js представляет ...
опция сохранения на компьютере распространена повсюду. бывает что создавая приложение необходимо, чтобы оно обладало данной функцией. создание ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
доброго времени суток уважаемые посетители сайта myrusakov.ru у меня для вас отличная новость - для заказа стал доступен комплект из четырех курсов ...
технология распознавания символов с изображения в редактируемый текст достаточно непростая задача. для подобных целей используется технология ...
в одной из прошлых статей мы создали форму для калькулятора, с помощью c# и winforms, создав текстовое поле и кнопки с цифрами. в сегодняшней статье ...
django - это python веб-фреймворк для бекенда, который позволяет быстро создавать безопасные сайты и приложения. фреймворк имеет набор готовых компонентов, ...
здравствуйте. telegram-боты стали все более популярными для автоматизации задач, предоставления информации и взаимодействия с пользователями ...
разделим рисование куба условно на пять сторон и сверху крышка top. html код тегами span обозначим 4 стороны куба с использованием переменной i. ...
здравствуйте. в современном мире все больше и больше внимания уделяется разработке высокопроизводительных и масштабируемых приложений. одним ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель ...
доброго времени суток! в прошлой статье мы рассмотрели базовую структуру каталогов нашего проекта по добавлению новостей на сайт, увидели ...
orm (object-relational mapping) - это техника программирования, которая связывает объекты приложения с записями в базе данных, позволяя работать с данными ...
доброго времени суток! в прошлой статье мы рассмотрели основную программную часть нашего проекта. а в этой статье мы соберем все части проекта ...
на сегодняшний день, когда веб-страницы становятся все более важными для хранения различной информации, защита этой информации становится ...
в мире веб-разработки, эффективность и ясность кода играют ключевую роль. в поисках средств улучшения качества кода, разработчики часто обращаются ...
приблизительно год назад вышла новая версия языка программирования php8. его можно смело назвать - языком номер один в веб-программировании на ...
в области обработки и хранения данных sqlite выделяется как надежный и легкий движок базы данных. часто возникает необходимость экспортировать ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
в мире объектно-ориентированного программирования одним из базовых принципов является создание модели, которая отражает предметную область ...
здравствуйте! при копировании некоторых веб страниц можно видеть огромные куски css стилей, находящихся в одном файле с разметкой. все это приводит ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
powershell представляет собой мощную командную оболочку и язык сценариев, разработанный корпорацией microsoft для автоматизации управления операционной ...
у нас есть четыре изображения, каждое из которых поместим в свой собственный треугольник. полученные четыре маленьких треугольника поместим ...
написание сценариев на python стало важным инструментом для автоматизации задач, создания приложений и анализа данных. однако знание того, как ...
изменение размера изображения – это частая задача при работе с фотографиями. однако важно не только уменьшить или увеличить размер, но и сохранить ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
здравствуйте! наверняка, многие сталкивались с проблемой определения содержания массивного текста, при невозможности прочесть его от начала ...
находим два подходящих изображения размером не менее 1920x1080 пикселей и скачиваем их. оба изображения будут фоновыми, которые вставляются через ...
здравствуйте! при управлении файловой структурой на компьютере возникает необходимость переименования файлов согласно определенным шаблонам. ...
как известно пагинация - это важный аспект веб-разработки, который позволяет управлять и представлять большие объемы контента в более удобной ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
здравствуйте. одной из распространенных задач при работе с базой является получение списка таблиц. в этой статье мы рассмотрим, как с использованием ...
иногда кажется, что мы уже целую вечность используем мобильную ос google на наших устройствах android. однако прошло чуть больше десяти лет с тех пор, ...
начинаем работать с mysql в nodejs. часть 2 в прошлой статье мы рассмотрели азы подключения к серверу базы данных mysql из nodejs. а в этой рассмотрим работу ...
в этой статье мы рассмотрим, как можно преобразовать строку data url в объект blob с использованием javascript. data url используется для кодирования файлов ...
архитектура веб-приложения — это структура и организация его компонентов, которые обеспечивают его функциональность, производительность, ...
здравствуйте! продолжим работу с json-объектами на python. в предыдущей статье мы рассмотрели, как читать строки с json-объектами и преобразовать их ...
здравствуйте! работа с json на python может быть довольно удобной благодаря встроенной библиотеке json. сегодня мы рассмотрим, как можно читать файл, ...
довольно часто требуется работать с изображениями в формате, который позволяет представлять их в виде текстовых строк. одним из популярных ...
здравствуйте! работа с данными в формате json и их сохранение в базе данных sqlite — важная и полезная задача, с которой может столкнуться любой разработчик. ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
здравствуйте! в предыдущей статье мы начали cоздание базы sqlite, для ее заполнения. в сегодняшней статье мы сосредоточимся на процессе переноса ...
машинное обучение (machine learning, ml) — это подраздел искусственного интеллекта, который фокусируется на разработке алгоритмов и моделей, позволяющих ...
веб-разработка — это процесс создания и поддержания сайтов и веб-приложений, охватывающий такие технологии, как html, css, javascript, php, python и другие. ...
здравствуйте! в цикле статей по созданию космической аркады, с python и pygame, мы достигли того что на игровом поле отображается космический корабль ...
финансовая грамотность играет ключевую роль в жизни каждого человека. это неотъемлемый навык, который позволяет эффективно управлять своими ...
доброго времени суток! несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
приветствую! в сегодняшней статье мы рассмотрим, как с помощью python можно узнать размер каждой папки в заданной директории. данный пример будет ...
возможно, вы знакомы с поиском текста, нажимая ctrl-f и вводя искомые слова. регулярные выражения идут еще дальше: они позволяют указать образец ...
мы продолжаем создание игры про "космические приключения" с python и pygame. очень важной частью этой игры является возможность уничтожения вашего ...
как известно, людям всегда больше нравится интерпретировать картинки, чем текст. это подтверждается биологическим фактом, что 90% фактов, поступающих ...
приветствую! в сегодняшней статье мы рассмотрим машину состояний (state machine) в python — мощный инструмент для упрощения и структурирования процессов ...
здравствуйте! в сегодняшней статье мы рассмотрим пример реализации машины состояний с помощью python и модуля transitions python позволяет создавать ...
создание api с использованием python и flask достаточно просто. flask - это микрофреймворк для веб-приложений на python. вот пример того, как вы можете создать ...
этот необычный эффект строится на двухслойности: нижний слой желтый, а верхний - синий. двигая мышкой слева направо, вы постепенно убираете верхний ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется. создание ...
в предыдущей статье по структурам данных в python мы говорили о наиболее часто используемых типах данных, таких как списки, словари и их разновидности. ...
здравствуйте! в сегодняшней статье мы рассмотрим, как работать с базой данных sqlite через android room. room является абстракцией над sqlite, которая упрощает ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
здравствуйте! после того, как сервер готов, нам нужен vpn клиент, который будет подключаться к серверу, передавать данные и получать ответы через ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах. в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
нейронные сети становятся все более популярными в решении задач, связанных с обработкой изображений, распознаванием речи и других сложных ...
распознавание форм на изображениях — одна из основных задач компьютерного зрения, которую можно легко реализовать с помощью библиотеки opencv. ...
введение с ростом количества киберугроз и вирусных атак, безопасность ваших данных становится все более важной. особенно это актуально для ...
работа с pdf-документами часто требует их преобразования в другие форматы, такие как изображения. это может быть полезно для архивирования, создания ...
в языке программирования python модификаторы доступа играют важную роль в управлении доступом к атрибутам и методам классов. хотя python не предоставляет ...
здравствуйте! в сегодняшней статье мы рассмотрим, что такое тензоры и как они используются в программировании. тензоры — это математические ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
тензоры играют важную роль в машинном обучении и обработке данных, представляя собой многомерные массивы данных. в python для работы с тензорами ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
валидация json в php является важным аспектом для обеспечения того, чтобы данные, поступающие из внешних источников, были корректными и соответствовали ...
маршрутизация (routing) — это один из ключевых аспектов разработки веб-приложений. в laravel маршрутизация обеспечивает сопоставление http-запросов ...
как развернуть сложенные в стопку карточки при наведении мыши? html разметка html структура состоит из трех карточек с текстовым контентом. ...
на данный момент у нас есть три превью-картинки, при наведении на которые пока ничего не происходит. по задумке, при наведении на урезанную версию ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
artisan — это мощный интерфейс командной строки, встроенный в laravel, который предоставляет разработчикам широкий набор инструментов для упрощения ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования интерфейсов ...
анализ плана выполнения запроса является одним из важнейших инструментов для оптимизации производительности sql-запросов. он позволяет разработчикам ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца средствами css-анимации. итак, код ниже: <!doctype html> ...
введение: разработка и развертывание python-проектов становится все более доступным благодаря платформам, предоставляющим облачные услуги. в ...
сегодняшний мир необозримо широк в цифровом пространстве, и владение сайтом становится обязательным элементом для любого бизнеса или личного ...
обновление данных в базе данных под нагрузкой требует тщательного планирования и использования различных стратегий для минимизации времени ...
здравствуйте! сквозное шифрование (end-to-end encryption, e2ee) — это важная техника, обеспечивающая защиту данных от несанкционированного доступа. в этой ...
в мире программирования на python многопроцессорность играет ключевую роль при необходимости эффективного использования всех вычислительных ...
доброго времени суток уважаемые посетители сайта myrusakov.ru! сегодня я хотел бы рассказать вам о моем новом курсе по программированию на c++ в unreal ...
разработка игр на unreal engine – это одна из самых перспективных областей в игровой индустрии, где разработчики создают увлекательные и визуально ...
vpn (virtual private network) — это технология, которая позволяет пользователям безопасно передавать данные через интернет, создавая зашифрованный туннель ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера. подготовка фона для анимации создадим ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
вокруг ооп (объектно-ориентированное программирование) слагается огромное количество мифов и легенд. сложилась ситуация, при которой опытные ...
эта статья является продолжением предыдущей статьи. в заключительной части последней мы говорили об использовании анонимных классов в javascript, ...
в видео-курсе "своя web-студия за 55 дней" я больше фокусировался на практике, поскольку для тех, кто хочет иметь собственную web-студию, при полном ...
в прошлой статье мы обсуждали как деструктурировать массивы в javascript, а в этой статье продолжим обсуждением данной темы, но уже в отношении объектов. ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
если вам тяжело дается освоение разных языков программирования, верстки, то не отчаивайтесь, посмотрите в сторону заработка на собственном ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
на первый взгляд может показаться, что шаблонная строка в es6 похожа на улучшенную версию обычной строки javascript. но отличительная разница между ...
эта статья является продолжением предыдущей статьи про параметры по умолчанию в javascript. теперь давайте рассмотрим несколько примеров, чтобы ...
в данной статье мы продолжим изучать функции queryselector и queryselectorall. про queryselector я уже рассказывал в этой статье, поэтому сейчас я расскажу вам про ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
в этой небольшой статье мы научимся сохранять массивы и объекты javascript в локальном хранилище браузера – html5 localstorage. сохранение массива в ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
это вторая статья про наследование в javascript, первая статья здесь. в данной статье мы обсудим наследование статических методов в javascript. производный ...
с некоторых пор я получаю много вопросов об асинхронном программировании. и, поняв, что данная тема интересует многих моих читателей, я решил ...
если вы когда-либо видели что-то подобное:  p.then(function(result) {    // выполняем некое действие с результатом   }); то вы уже находитесь ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
официальный сайт: textolite.ru textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
на сегодняшнем уроке мы познакомимся с понятием custom post type, а также научимся создавать свой кастомный post type и шаблон для него. custom post type это одно ...
продолжаем предыдущую статью о том, как составить продающее письмо.     упростите отмену подписки. согласно законодательству, ...
термин rss имеет много разных определений - он может быть переведен как действительно простая синдикация, также он может быть переведен и по-другому, ...
сетка – это эскиз или диаграмма web-страницы, который показывает структуру (но не детализированный дизайн) базовых элементов страницы, таких ...
в этой статье вы узнаете, как реализовать функцию кнопки обратная связь для сайта на wordpress двумя похожими способами. мы научимся вставлять ...
под названием mfa (made for adsense – англ.) понимают ресурс, созданный специально для контекстной рекламы, для заработка на ней. название дал один ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись? h1 { color: red; } = селектор { свойство: ...
на этом уроке мы с вами разберем такие css свойства – opacity и rgba. свойство opacity отвечает только за прозрачность элементов, а функция rgba – за цвет ...
разработка сайтов является важной составляющей развития бизнеса в 21 веке, и руководителям компаний следует серьезно задуматься о том, ...
при вождении автомобиля – скорость это далеко не все. но в web все решает скорость. чем быстрее ваше приложение, тем лучше пользовательский опыт. ...
каждый грамотный программист стремится писать код, который работает. однако в долгосрочной перспективе вероятность того, что ваша программа ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
в свободном доступе глобальной сети интернет существует несчётное количество сайтов. но они ведь должны где-то располагаться. небольшой ...
всем привет! на начало 2018 года, по данным сайта can i use, верстка на flexbox-ах, поддерживается браузерами на 97.8%. это отличные показатели для этой уже ...
в этой статье не рассматриваются технические термины и концепции, чтобы обеспечить ее содержание простым. если вы программист, позвольте мне ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
задача веб-разработчика заключается в создании максимально удобной, безопасной и эффективной структуры сайта. на этапе внутренней оптимизации ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку. 5. скачать библиотеку jquery-3.3.1.min.js подключаем к нашему html ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта. в условиях технологического ...
традиционный for цикл в javascript - теперь в прошлом! встречайте новые циклы for..of и for…in, которые дают нам очень ясный и короткий синтаксис для последовательного ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
на этом уроке мы научимся создавать свои шаблоны (custom template) для страниц на wordpress-е. не для всех страниц сайта подходят типовые блоговые страницы. ...
эта статья является продолжением предыдущей статьи о том, как строить отношения с клиентами. 6. стройте доверительные отношения какие бы ...
я завидую тем шикарным возможностям у начинающих программистов, каких не было у меня 10 лет назад. все мои базовые знания в области программирования, ...
изображения являются важнейшей частью любого сайта. являются ли они маркетинговыми баннерами, изображениями продуктов или логотипов, невозможно ...
наверняка многие из вас, кто задумывается о выборе языка программирования для изучения, много раз слышали тезис, что java программисты получают ...
я часто вижу в комментариях к урокам или на форумах, когда новички спрашивают: "я хочу разместить текст поверх картинки, а он оказывается под ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
вставить видео на сайт во весь экран браузера, используя html5 теги, намного проще, чем вы себе это представляли. на этом уроке я рассказывал уже, ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии (conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
одна из тех вещей, которые отнимают больше всего времени и сил при попытке их реализации с помощью чистого javascript это установка минимальной ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
сегодня мы создадим на чистом js коде – меню аккордеон с тремя секциями, при клике на которые, будет открываться панель с текстом, а при втором ...
сегодня вы узнаете, как сделать всплывающую форму на css+js, чтобы она появлялась и исчезала при клике на кнопку. по такому же принципу вместо ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
каждый начинающий веб-разработчик рано или поздно сталкивается с задачей, реализовать на сайте модальное окно (аналог pop-up окна). модальное ...
темой сегодняшнего урока, будет создание прогресс бара. это длинная полоска, которая заполняется цветом, по мере выполнения какой-либо задачи, ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
на этом уроке мы научимся делать простое адаптивное портфолио, где количество столбцов, меняется в зависимости от ширины экрана на просматриваемом ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
данная статья является продолжением предыдущей статьи, в которой мы говорили о том, как реализовать индикатор позиции чтения. в прошлой статье ...
на прошлом уроке мы создали новый тип записи post type book более подходящий для продажи книг, а на этом уроке научимся создавать для него таксономию ...
часть 1 часть 2 у начинающих php-разработчиков возникает соблазн получить все и сразу, установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь хотя в реальности, мы редко когда манипулируем временем, ...
из этой статьи вы узнаете как сделать сайдбар на wordpress. сайдбаром мы называем правую или левую колонку сайта, на которой размещены виджеты. виджеты ...
на прошлом уроке вы научились создавать свой собственный сайдбар, а на этом уроке вы узнаете как создать свой виджет на wordpress. виджет - это модуль, ...
эта статья является продолжением предыдущей статьи, которая находится здесь. существует несколько популярных конкурирующих форматов ...
эта статья является продолжением предыдущей статьи, которая находится здесь. шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
в прошлой статье мы говорили о цепочке вызовов методов объекта javascript promise для последовательного преобразования результата асинхронной операции ...
часть 1 когда вы разрабатываете сайт на своем собственном компьютере, потенциальные посетители, набрав в браузере адрес http://myrusakov.ru ...
данный эффект хорошо подходит при наведении на ссылки в навигационных меню или в пагинациях. ссылки помещены в рамки определенного цвета, при ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы, показывающие текущую позицию чтения текста (количество прочитанного ...
часть 1 часть 2 часть 3 используя готовые пакеты программного обеспечения для разработки сайтов, вы лишаетесь опыта работы в области администрирования ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики говорят, что их всего пять. а сколькими способами можно структурировать ...
относительно недавно один из моих учеников спросил меня: как сделать так, чтобы при нажатии на кнопку элемент страницы (параграф, картинка и ...
можно на поставленный в названии статьи вопрос, ответить одним словом – из-за админки. вам конечно, скажет любой программист, не делайте этого! ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним приложениям получать доступ к данным других приложений. например, игровое ...
известно, что веб-дизайнер рисует макет сайта, а верстальщик делает верстку, то есть пишет html/css код. а что именно он пишет на html странице? все ...
javascript - это гибкий и мощный язык программирования, который реализуется различными веб-браузерами. наряду с html и css, это основной компонент ...
несмотря на то, что платных или бесплатных wordpress тем, создано уже огромное количество, редко кто использует их на своих сайтах так, как есть. даже ...
первая часть этой статьи находится здесь, а в данной статье мы продолжим обсуждать десять частых ошибок в ux дизайне. ошибка 6: пространство ...
большинство блоггеров или авторов, ведущие свои сайты на wordpress никогда не касаются вкладки в панели управления: "пользователи". по большому счету ...
приветствую вас друзья! на этом уроке мы научимся обращаться к базе данных wordpress-а и выводить на сайте нужную нам информацию, в нужном месте и ...
в прошлой статье мы начали обсуждать, что такое шаблонизатор twig, а в этой статье мы продолжим рассматривать его и начнем с основной настройки ...
всем привет! в этой статье я хочу рассказать вам про то, как быстро сделать на сайте пятизвездочный рейтинг с красивыми анимациями на css. описание ...
в этой статье мы поговорим о программе koala, которая позволяет очень быстро и легко компилировать sass, используя графический интерфейс. если вы ...
в этой статье мы рассмотрим jquery lightgallery - наверное, лучший плагин для создания галерей на jquery. итак, jquery lightgallery - настраиваемый, модульный, отзывчивый ...
в этой статье мы рассмотрим библиотеку, которая поможет нам отслеживать силу нажатия на экран или тачпад устройства пользователя. как многие, ...
sublime text 3 – отличный текстовый редактор, однако его можно сделать еще лучше, настроив некоторые параметры. в этой статье мы рассмотрим одну из, ...
всем привет! в этой статье мы рассмотрим, как сделать 3d модель объекта на javascript. конечно, делать настоящую 3d модель мы не будем. это займет много ...
дорогие читатели, я рад сообщить вам, что в продажу поступил новый видеокурс "создание интернет-магазина на opencart 2.0". opencart 2.0 – это движок для ...
всем привет! в этой статье мы рассмотрим, что такое postcss, узнаем, нужно ли его использовать и в чем отличие от препроцессоров. начать стоит с того, ...
всем привет! в этой статье мы рассмотрим библиотеку, которая сделает вашу работу с localstorage, cookie и session простой и удобной. библиотека называется ...
всем привет! в этой статье мы рассмотрим небольшую, но, уверен, полезную библиотеку для отслеживания позиции мышки пользователя на javascript. библиотека ...
сегодня я начинаю серию статей, в которой вы узнаете, что такое nodejs, как установить nodejs, как работает движок v8 и некоторые другие особенности ...
всем привет! сегодня мы рассмотрим очень интересную библиотеку для быстрого написания математических формул. общая информация библиотека ...
всем привет! в этой статье из серии по изучению платформы мы рассмотрим, как установить nodejs. делается это достаточно просто. сайт сам определит, ...
всем привет! это первая статья из серии, где мы рассмотрим, что такое gulp, в чем причина его популярности, как его установить и настроить, а также ...
всем привет! иногда на сайте нужно сделать функционал, который позволит увеличивать изображения при наведении на них мышки, но в то же время ...
всем привет! в этой статье мы поговорим о разных способах написания sass кода и об особенностях каждого из них. если вы зайдете на официальный ...
всем привет! в этой статье мы продолжим разбираться с платформой nodejs и поговорим про глобальный объект. вы уже должны быть знакомы с этим понятием. ...
в этой статье мы поговорим об использовании function expression в платформе nodejs. в будущих статьях мы будем говорить о модулях, ведь модули – это очень ...
всем привет! в этой статье мы рассмотрим, как установить иконки загрузки на чистом css себе на сайт. иконки загрузки – очень важная часть сайта, ...
всем привет! в этой статье мы рассмотрим, как сделать индикатор прокрутки на чистом css3. думаю, вы могли видеть индикатор загрузки страницы в ...
всем привет! сегодня мы рассмотрим 10 sass миксинов, которые вам следует использовать в своих проектах. scss позволяет вам использовать возможности, ...
в этой статье мы рассмотрим, как сделать эффект увеличения картинки, как на amazon, используя scss и jade. на дне турции я был на designer news и наткнулся ...
сегодня хотелось бы рассказать вам о легком скрипте, который позволяет сделать плавающие метки полей ввода на javascript. библиотека называется ...
всем привет! наверняка среди нас есть фанаты звёздных войн, поэтому сегодня мы рассмотрим, как сделать интро в стиле известного фильма на чистом ...
всем привет! сегодня мы поговорим о том, что такое vps и как его сделать на digitalocean. vps(virtual private server) - виртуальный выделенный сервер. т.е. это не физический ...
здравствуйте, дорогие читатели! в этой статье я хотел бы рассмотреть, на мой взгляд, очень интересную библиотеку javascript - whistle.js. найти ее исходники ...
если вы желаете сделать чеклист(контрольный список), то вы можете использовать swipe-li. описание посмотреть, как это работает в живую, вы можете ...
сегодня я расскажу про то, как сделать красивое всплывающее окно на jquery, используя плагин webui-popover. это легкий и быстрый плагин, позволяющий сдеалать ...
всем привет! бывают случаи, когда нужно показывать прогресс чего-то на сайте(например, загрузки) в вашем favicon. вот о том, как это сделать, сегодня ...
всем привет! сегодня мы рассмотрим библиотеку, позволяющую сделать простой список, который мы можем сортировать и удалять элементы свайпами. ...
всем привет! сегодня мы рассмотрим очень мощную библиотеку, которая позволит вам делать очень интересные 3d и 2d модели для вашего сайта. для ...
всем привет! сегодня я покажу, как можно сделать интерактивное сравнение с помощью простого jquery плагина - twentytwenty. найти описание и примеры вы ...
всем привет! сегодня я расскажу, как сделать круговой ползунок на jquery, используя плагин jquery knob. как всегда, посмотреть, как это работает, вы можете ...
всем привет! сегодня мы поговорим про jquery плагин, позволяющий выбирать альтернативные символы при долгом нажатии клавиши. плагин называется ...
всем привет! сегодня мы рассмотрим некоторые новые возможности и изменение старых в ecmascript6 в сравнении с ecmascript5. определения методов в ecmascript5 ...
всем привет! в этой статье мы рассмотрим, как сделать выезжающее меню с использованием jquery. если вам нужно сделать выезжающее меню на сайте, ...
хотите сделать красивую страницу продажи товара или услуги? думаю, вам понравится библиотека stickyfill. найти исходники библиотеки вы можете здесь, ...
всем привет! в этой статье мы рассмотрим, как добавлять метки к фотографиям, причем адаптивно. для этой задачи нам понадобится библиотека taggd ...
всем привет! в этой статье мы рассмотрим, как использовать классы в ecmascript 2015 и стоит ли их вообще использовать? заметьте, что новые функции ecmascript ...
всем привет! в этой статье мы рассмотрим библиотеку для автоматизации - robotjs. robotjs - это библиотека для автоматизации некоторых действий. работает ...
как известно, пользователи любят, когда сайт выглядит красиво. чтобы сайт создавал должное впечатление, даже самая мелочь должна быть приятной. ...
как сделать так, чтобы пользователь смог использовать ваш сайт, даже если пропало интернет подключение или его вообще нет? сегодня мы об этом ...
всем привет! в этой статье мы рассмотрим, как сделать простое многоуровневое меню-аккордион на css3. создание структуры структура очень простая: ...
всем привет! в этой небольшой статье я хотел бы рассказать про один очень интересный сервис по работе с изображениями с мощным api. сервис называется ...
сегодня мы поговорим о плагине, позволяющем определить adblock и показать об этом уведомление. ни для кого не секрет, что существуют программы, ...
всем привет! в этой статье мы рассмотрим 6 советов по изучению javascript, которые помогут вам освоить его быстрее. когда люди пытаются изучить javascript ...
всем привет! в этой статье мы рассмотрим, что такое потоки и буферы и в чем их преимущества в nodejs. в современном мире потоки и буферы используются ...
веб-разработчики часто сотрудничают с клиентами, желающими заказать одностраничный сайт с возможностью изменять его самостоятельно, ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
в наше время, front-end developer - это очень перспективная и востребованная профессия, которая набирает всё больше и больше оборотов, и не собирается ...
как известно, важнейшим элементом в языке программирования php являются массивы. и это не удивительно, так как практически всегда приходится ...
сегодня трудно себе представить современный сайт, при верстке которого не использовался бы элемент "float". для профессионала-верстальщика или ...
данная статья является продолжением предыдущей статьи, посвященной теме итераторов в php. в ней пойдет речь о php интерфейсе arrayaccess. он позволяет ...
с популяризацией интернета появилось много новых профессий. одна из самых престижных - back-end developer. многие, услышав насколько эта профессия ...
постараюсь не сильно вдаваться в подробности, что такое 404-ая страница, достаточно открыть гугл и по запросу «как сделать 404 страницу» - вы обнаружите ...
продолжаем изучать компонент zend log. первая часть данной статьи находится здесь. предобработка данных. если вам необходимо в автоматическом ...
здравствуйте! в этой статье я расскажу вам о магических методах в php. они позволяют программисту получить больший контроль над кодом, который ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
сегодня уже трудно найти сайт, где не использовался бы такой нужный и важный тег <div>. посмотрите код любого сайта, который найдете в интернете ...
необходимость в создании сайта может быть различной. однако в современном мире ни одна уважающая себе компания просто не сможет обойтись ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями моего сайта, очень важной информацией. буквально на днях я запустил ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
начинающие дизайнеры и верстальщики допускают большое количество ошибок в своих сайтах, которые мешают дальнейшему развитию в их проектах, ...
существуют четыре основных принципа визуального дизайна, которые могут применяться для разработки дизайна всего что угодно. это повторение, ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что ищут? это в большой степени определяется организацией вашего ...
любой, кто имеет опыт разработки web приложений или использования какого-либо php фреймворка, безусловно, сталкивался с реляционными базами данных, ...
итак, мы завершаем цикл уроков по версте сайта с нуля с flat дизайном. напомню, что на первом уроке мы верстали шапку сайта. на втором уроке - секцию ...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
портфолио - это невероятно важно для работника и для компаний. по нему заказчик может понять, что вы предлагайте и насколько вы хорошо это ...
здравствуйте! вероятно, каждый из вас задумывался о своей работе. куда устроиться, в какую фирму, на какую должность? но, кроме офиса и работы ...
здравствуйте, дорогие читатели. сегодня в статье мы рассмотрим сервис, который позволит вам создавать красивые страницы ошибок для своих сайтов. ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
дорогие друзья, я рад сообщить вам, что вышел мой новый видеокурс "создание и продвижение лендинга под ключ". что такое лендинг если вы еще не ...
всем привет! в этой статье мы рассмотрим, как создавать анимации при прокрутке страницы на чистом javascript. описание для создания эффектов мы ...
здравствуйте, дорогие читатели. рад сообщить, что вышел новый видеокурс "react js, redux, es2015 с нуля до гуру". последнее время все стремительнее развивается ...
всем привет! в этой статье мы рассмотрим, как можно ускорить разработку, используя github gist. что это такое думаю, многие из вас(особенно начинающие ...
всем привет! в этой статье мы разберемся, что такое spa в веб-разработке и в чем его плюсы и минусы. описание возможно, кто-то из вас уже слышал ...
всем привет! в этой статье мы рассмотрим, что такое обнуляемые типы(nullable types) в php 7.1 и как их использовать. не будем долго тянуть и сразу перейдем ...
здравствуйте, дорогие читатели! рад сообщить, что вышел новый бесплатный видеокурс "создание и продвижение лендинга для начинающих". пройдя ...
всем привет! в этой статье мы рассмотрим, что такое void в php 7.1 и зачем он нужен. void с английского переводится как "пустой". следовательно, что-то ...
всем привет! в этой статье мы рассмотрим, как сделать интерактивный 3d объект при помощи всего нескольких изображений на jquery. чтобы лучше понять, ...
друзья! я рад сообщить вам, что вышел мой новый видеокурс "php и mysql с нуля до гуру 2.0". что такое php и зачем он нужен? php – это очень известный и давно ...
на данный момент ни один современный, качественный сайт не может обойтись без использования javascript. этот язык даёт очень многое, модифицирует ...
тема создания сайтов набирает обороты с каждым днём. всех интересует свой блог, landing page, интернет-магазин и т.д. но как же создаются сайты? многие ...
дорогие друзья! эта статья поможет вам разобраться куда движется веб-разработка и исходя из этого изучать актуальные темы. конструкторы лендингов ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на css3, при наведении курсором на его категории, будет меняться ...
каждый день поисковыми системами пользуются миллионы человек, на каждый поисковой запрос есть сотни тысяч сайтов с необходимой пользователю ...
на этом уроке мы познакомимся с функцией mail (), на примере создания формы обратной связи на php с последующей отправкой полученных данных на почту. ...
на этом уроке мы научимся подключать php файлы к базе данных, делать проверку соединения и отключать php файлы от базы данных. в качестве наглядного ...
всем доброго времени суток! сегодня я хотел бы поговорить с вами о том, что такое модульное тестирование в php. при написании даже самых простых ...
для быстрого создания сайта существуют cms. готовые движки, проще говоря: конструктор. работа становится намного легче и быстрее. но, конечно, ...
заработок в интернете в наше время - очень актуальная тема. существует много сервисов, где можно получать копейки за комментарии, переходы ...
разработка любого, мало-мальски сложного, web-приложения редко когда обходиться без использования сторонних компонентов и библиотек. при этом ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может помочь веб-разработчику. любой, кто уже пытался разрабатывать свой ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
как вы поняли из прошлой статьи про диапазоны дат, что в нативном javascript неудобно работать с форматами дат. поэтому и была разработана библиотека ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
существует два принципиально разных способа, добавления иконок на сайт: в виде картинки (растровой или векторной) в качестве иконочного ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
первым делом нужно установить платформу node js, чтобы разработчикам были доступны команды npm. через команду npm, мы в дальнейшем установим и сам ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер. настройки slick слайдера просматривая демо-страницу ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
на этом уроке мы научимся делать простые вкладки на чистом css и никакого javascript. в ряде случаев этого решения вполне достаточно, ограничиваясь ...
стрелки с рамками или стрелки в виде треугольников очень часто можно увидеть в макетах для верстки. эти простые фигуры легко можно нарисовать, ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css. при наведении на элемент ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
javascript является языком программирования с нестрогой типизацией данных. что это означает на практике? например присвоив переменной x число 10 ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку. посмотрите демо на codepen html разметка создадим в разметке три разных ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
бытует мнение, что программирование доступно только для людей с математическим складом ума. причем такой склад ума наблюдается исключительно ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент. цвет логотипа google первым делом определим, ...
здравствуйте!в данной статье я хотел бы показать пример программы на python,которая генерирует билеты на основе вопросов из текстового файла. ...
как вы думаете, к какому типу данных относятся элементы на html страницах? это все объекты и на этом уроке мы будем учиться, с ними работать. в предыдущих ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
перед нами сегодня стоит задача создать вкладки (табы) на js. вкладки состоят из заголовков, переключаясь между которыми, в активном показе всегда ...
во избежание ошибок в работе скрипта, убедимся, что dom-дерево построено. для этого повесим, обработчик на событие окна браузера, domcontentloaded. после ...
в прошлой статье мы разобрались с теоретической частью сборки фронтенда сайта, а в этой рассмотрим, как на практике, организовать взаимодействие ...
здравствуйте! сегодня мы поговорим с вами о инструкции switch в java. данная инструкция работает также как и аналогичная инструкция в php. так что, ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
когда программа последовательно выполняет javascript код, от строчки к строчке, то такой код называется синхронным. в примере ниже, в консоль поочередно ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
в эпоху процветания интернет-магазинов, как никогда востребованы разработчики, способные реализовать запросы владельцев магазинов. львиная ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
что такое рекурсия в js? это способность функции вызвать саму себя в своем теле. рекурсивная функция обязательно должна иметь условие завершения, ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
все три css свойства flex-basis, flex-grow и flex-shrink управляют размерами элементов внутри контейнера. чтобы адаптивно верстать макеты, вам не обойтись без ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
object (объект) - это более сложный тип данных в js. хочу напомнить, что все остальные типы данных, являются примитивными, так как могут содержать ...
что такое a/b тестирование сайта a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
css grid - технология верстки макетов, которая позволяет буквально в пару строк кода получить адаптивную сетку. однако, при центрировании содержимого ...
в данной статье мы поговорим с вами, что такое cors, где оно используется и реализуем его. итак, согласно документации cross-origin resource sharing (cors) — ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
деструктуризация - это новый синтаксис es6, который помогает присваивать несколько значений из массива или объекта в переменные. деструктуризация ...
несоблюдение html и css правил, приводит к массе ошибок при верстке. исправить которые, бывает не так просто для начинающих верстальщиков. сегодня ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
доброго времени суток! я уже рассказывал, что такое orm. вот здесь находится статья. а в данной статье я покажу как просто можно настроить orm в ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
конструктор яндекс карт независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
c# (по анг. csharp) был разработан компанией microsoft в 2000 году и является основным конкурентом самого быстрого языка программирования с++. он достаточно ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
css3 свойство box-sizing может принимать два значения: первое по умолчанию - content-box (его не нужно указывать) и второе - border-box. именно последнее значение ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
все атрибуты у html элементов, начинающиеся с префикса data-*, являются пользовательскими. data атрибуты можно использовать для дополнительной стилизации, ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#. ...
данный скрипт позволяет переводить предложения из киррилицы в транслит. это нужно, например для формирования ссылки на товар в интернет-магазине. ...
перед нами стоит задача создать и вывести на страницу список книг из массива, хранящегося в базе данных на сервере. на практике это значит, что ...
представленный ниже скрипт позволяет преобразовать число из одной системы счисления в другую: // немедленно вызываемя функция ...
доброго времени суток, уважаемые посетители! сегодня я хотел бы поговорить с вами о том, что за зверь такой parcel js. порог входа в любую предметную ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
при верстке страниц часто возникает ситуация, когда для многих из них меняется только содержимое, тогда как, такие блоки как заголовок, меню ...
когда мы имеем дело с большими вложенными списками, было бы хорошо сделать их как можно компактнее. javascript отлично справится с поставленной задачей. ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css. 1. выравнивание блоков на flexbox на данный момент способ выравнивания ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
javascript является объектно-ориентированным языком (ооп) и главную роль в нем играет объект. он может в себе содержать методы, свойства, а также любой ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
регулярные выражения нужны для поиска по тексту, для замены в тексте или для проверки на совпадение с неким шаблоном. это когда вы регистрируйтесь ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
на прошлом уроке мы подключили materialize, чтобы уже прямо сейчас использовать этот фреймворк на практике. вы увидите, как легко и быстро, пользуясь ...
set (множество) - это объект, в котором могут хранится только уникальные значения любого типа данных (примитивы и другие типы объектов). создание ...
стрелочные функции появились начиная с es6 и очень сильно изменили качество написания кода. так чем же они хороши? главная причина появления ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
доброго времени суток всем! сегодня я покажу вам как можно, на чистом css cделать выпадающий блок. в основе всего примера лежит использование ...
для чего нужен движок unreal engine unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...
первое с чем сталкивается js разработчик при работе с сайтами, так это как получить элементы с веб-страницы. для написания любой программы, нужно ...
в предыдущих статьях о php шаблонизаторе twig, мы рассмотрели такие его особенности как, наследование шаблонов, циклы, условие, кеширование. в ...
внутри контейнера header находится блок навигации nav. меню шапки в свою очередь навигация содержит меню и языковое меню. продолжим html ...
на этом уроке мы напишем код popup окна с формой подписки, на чистом css, совсем не используя графику. наша цель, с помощью всплывающего popup окна собрать ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
для тех кто решил всерьёз заняться программированием, важно определиться для какой платформы писать приложения. хотя кроссплатформенная разработка ...
все представленные ниже операции на java пишутся внутри конструкции. данная конструкция автоматически генерируется netbeans-ом, при создании нового ...
массив – это набор определенного количества однотипных элементов (структуры данных). по сути, массивы, позволяют нам, не создавать много переменных, ...
для работы со строками (хранители текстов), разработчики выделили отдельный класс string. строки – это наиболее часто используемый в java, ссылочный ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
таймер в js нужен для запуска функции (некий набор действий), через заданное количество времени. без таймера эта функция так и так бы запустилась, ...
какой можно сделать сайт на wordpress, без навыков написания кода? ответ простой – любой сайт. а если быть более конкретным, то на wordpress каждый человек ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
на этом уроке, вы узнаете несколько способов выравнивания по центру блока внутри блока по вертикали и горизонтали. в качестве блоков могут быть ...
в данной статье мы поговорим о том как работать с датой и временем в mysql. посмотрим как сохранять и извлекать значения данного типа из таблиц. ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
продолжаем обсуждать работу с датой и временем в mysql. первая часть этой статьи находится здесь вот сразу пример получения текущей даты и времени ...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками. секция ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap. секция с корзиной верстаем уже по накатанной схеме: секция -> ...
какие кнопки обычно встречаются на сайте? я разделили бы их на два вида: кнопки внутри формы и кнопки-ссылки. и те и другие необходимо уметь верстать. ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню. на мобильных ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
на этом уроке, мы рассмотрим эффекты в jquery – это такие методы, как hide, show, toggle, slide, fade и animate. создадим тестовый блок для демонстрации примеров ...
события jquery мгновенно реагируют на действия пользователя, на такие как клик, движение, наведение мыши и.т.д. эта реакция выражается во внешних ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно. якорь – это знак решетки, который ...
примеры условных операторов if-else (если-иначе), нам не надо специально придумывать, они приходят из жизни. то, как мы себя ведем или какой делаем ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
при создании веб-сайта мы должны уделять первоочередное внимание цели привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
существует длинный список языков программирования, которые продолжают существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
веб-разработка и программирование – это одна из наиболее быстро меняющихся сфер. программисту и веб-разработчику для того, чтобы оставаться ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
объявление переменных для того, чтобы объявить в javascript переменную, пишут так: var name; где name – осмысленное название переменной, написанное ...
на этом уроке мы рассмотрим, как вывести текст в javascript на экран, с двумя разными целями: заменить на другой и добавить к существующему. создадим ...
переменная – это ячейка, где в промежуточном состоянии хранятся результаты разных операций в процессе программирования. возьмем простое математическое ...
почему динамические веб сайты стоит создавать именно на связке php и mysql? простые в изучении большое сообщество отличная документация open-source ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для поиска в небольших по объему не сортированных коллекциях. однако, ...
локализация - это процесс адаптации продукта или контента к определенному рынку или региону. она является важной при выходе на зарубежные ...
у массива на javascript, существует много методов взаимодействия с ним. наиболее часто востребованные, мы и рассмотрим сейчас. добавить элемент ...
здравствуйте! в данной статье речь пойдет о том, как реализовать бесконечную прокрутку контента сайта, аналогично тому, как это реализовано ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета. дизайнеры ...
на этом уроке мы создадим на чистом css саму иконку гамбургера-меню и с помощью js функции, поменяем её внешний вид, на крестик (x), символизирующий ...
на этом уроке, мы научимся добавлять элементу, по которому кликнул пользователь, класс, чтобы изменить его внешний вид, применяя стили, добавленного ...
фильтры в jquery помогают отфильтровать все ненужное, а оставить только нужное. они делают выборку элементов более гибкой и точной. в этой статье, ...
в этой статье мы разберем основы ajax запросов. научимся настраивать и отправлять запрос, а также получать ответ от сервера. классическая модель ...
секция с фотографиями на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
не знаю как вам, но мне становится все более очевидным, что навык программирования, хотя бы на любительском уровне – нужен уже каждому человеку. ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
я немного завидую, нашим коллегам вебмастерам, работавшим ещё 10-20 лет назад. они могли себе позволить не париться по поводу оптимизации всего, ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
pug – это html препроцессор, написанный на js для работы на платформе node.js, с одной единственной целью – ускорить верстку. за счет чего верстать ...
сетка bootstrap состоит из 12 колонок, так как число 12 делится на большое количество чисел без остатка. деление на числа 2, 3, 4, 6, 12, позволяет получить ...
чаще всего в модальных окнах размещают формы, всплывающая форма заявки на лендинге – это классика. у bootstrap 4, есть такой компонент, как модальное ...
база данных в программировании – это хранилище разного рода данных в упорядоченном виде. если провести простую аналогию из жизни, то базу данных ...
поскольку все данные значительной части сайтов хранятся в базах данных, то нужно как-то ими управлять. для общения с базами данных был разработан ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
псевдоклассы описывают различные состояния элементов. например, какой цвет будет у активной ссылки или при наведении. чем псевдокласс отличается ...
шаблон проектирования наблюдатель - это популярный шаблон проектирования по широко используемый в разработке javascript-приложений. экземпляр ...
изучение python, хорошо подходит для освоения основ программирования, так как это один из самых простых языков. простота – его главная фишка. кроме ...
не один язык программирования не может обойтись без переменных и python здесь не исключение. переменная в программировании – это именованная ...
в python существует логический тип данных bool, который может возвращать только два значения: true (истину) // первая буква заглавная false (ложь) // первая ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
в данной и последующих статьях мы разберем с вами на примерах, что такое модули в python, зачем они вообще нужны, и какой у них синтаксис. так как ...
в данном скрипте я вам покажу как из аннотаций можно получать настройки для системы маршрутизации в вашем проекте. преимущество настройки ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
данный скрипт позволяет распаковать загруженный на сервер архив в заданную папку. код функции распаковки: /** * распаковка архива * ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
в прошлой статье мы говорили о том, как превратить php скрипт в консольную команду для выполнения рутинных действий. а в этой посмотрим как разобрать ...
верстка писем для email рассылки непростая задача, требующая нестандартного подхода от верстальщика. в чем состоит, трудность, верстки писем? ...
на фриланс биржах, можно часто увидеть заголовки с заданиями от заказчиков: "нужно ускорить загрузку сайта на wordpress". думаю, что эта тема будет ...
сегодня мы научимся показывать и скрывать текст, при клике по кнопке, на чистом javascript. такой прием обычно используют на сайтах, с целью экономии ...
при посещении тех или иных сайтов можно заметить такую особенность, когда при выделении текста на странице, он может менять свой стиль. такого ...
при создании сайтов периодически возникает необходимость запретить прямой доступ к файлам определенных типов. сделать это можно различными ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов связанных с языком java и поэтому ...
перед теми кто начинает программировать на java, сразу возникают два вопроса: как скомпилировать, и как запустить программу на java? в одной из ...
представим, что нам необходимо разобрать большой файл с логами либо еще с какими-то данными.как правило, при работе с большими файлами самой ...
многие люди, начинающие изучать язык программирования java, изучив основы, не двигаются никуда дальше. кстати это касается не только начинающих ...
bem – это методология, разработанная в яндексе, расшифровывается, как: блок__элемент_модификатор идея bem-а состоит в изолированности блоков ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
напомню, что событие – это реакция браузера на взаимодействие пользователя с элементами сайта, посредством мыши и клавиатуры. существует три ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку. шаг 7. внутри блока с формой, сделаем разметку для кнопки, обернем ...
здравствуйте! в сегодняшней статье мы рассмотрим, как использовать конструкцию when в c# для условного фильтра в различных контекстах. шаг 1: ...