Выпуск новой версии WordPress может привести к очередному коллапсу из-за нарушения работы плагинов, использующих устаревшие версии jQuery.
#новости
https://webformyself.com/wordpress-5-6-stanet-nepriyatnym-syurprizom-dlya-tysyach-sajtov/
#новости
https://webformyself.com/wordpress-5-6-stanet-nepriyatnym-syurprizom-dlya-tysyach-sajtov/
Webformyself
WordPress 5.6 станет неприятным сюрпризом для тысяч сайтов
Эксперты уверены, что выход в декабре новой версии WordPress может вызвать сбой в работе множества сайтов, использующих устаревшие темы и плагины
Данным письмом хотим Вам порекомендовать тренинг по верстке «Верстка. Быстрый старт», по итогам изучения которого вы сможете сверстать ваш первый полноценный макет с нуля буквально за два вечера.
Кликните сюда, чтобы попасть на бесплатный тренинг
Курс рассчитан как на самых новичков в веб-разработке, так и на тех, кто уже знает HTML-теги, знает CSS-свойства, но верстка полноценного макета с нуля вызывает затруднение.
Итак: если вы полный новичок, то изучаете все уроки по порядку, ничего не пропуская. Если вы уже знакомы с базовым HTML&CSS, то первых два урока «Введение в HTML» и «Введение в CSS» можно пропустить и перейти сразу к урокам непосредственно по верстке макета.
Кликните сюда, чтобы начать проходить обучение
Если у вас будут возникать вопросы при прохождении уроков или что-то будет не получаться, вы можете задать вопрос ниже под видео урока, и Вам помогут решить вашу проблему.
К некоторым урокам предусмотрены домашние задания. Поэтому к тем урокам, где задания есть, вы его выполняете и высылаете на проверку. Если все в порядке Вы двигаетесь дальше по курсу. Если есть замечания или неточности, то получаете рекомендации по улучшению и доработке вашей верстки.
При выполнении всех заданий и следовании всем инструкциям из курса, Вы получите навыки практической верстки и сверстаете ваш первый макет!
Кликните сюда, чтобы начать проходить обучение
Кликните сюда, чтобы попасть на бесплатный тренинг
Курс рассчитан как на самых новичков в веб-разработке, так и на тех, кто уже знает HTML-теги, знает CSS-свойства, но верстка полноценного макета с нуля вызывает затруднение.
Итак: если вы полный новичок, то изучаете все уроки по порядку, ничего не пропуская. Если вы уже знакомы с базовым HTML&CSS, то первых два урока «Введение в HTML» и «Введение в CSS» можно пропустить и перейти сразу к урокам непосредственно по верстке макета.
Кликните сюда, чтобы начать проходить обучение
Если у вас будут возникать вопросы при прохождении уроков или что-то будет не получаться, вы можете задать вопрос ниже под видео урока, и Вам помогут решить вашу проблему.
К некоторым урокам предусмотрены домашние задания. Поэтому к тем урокам, где задания есть, вы его выполняете и высылаете на проверку. Если все в порядке Вы двигаетесь дальше по курсу. Если есть замечания или неточности, то получаете рекомендации по улучшению и доработке вашей верстки.
При выполнении всех заданий и следовании всем инструкциям из курса, Вы получите навыки практической верстки и сверстаете ваш первый макет!
Кликните сюда, чтобы начать проходить обучение
Многие разработчики используют несколько семейств шрифтов и размеров шрифта, чтобы лучше представить веб-страницу. Например, разработчик может использовать шрифт Bold Comic Sans для заголовков и шрифт Roboto для текста. Однако из-за этого ваш веб-сайт может выглядеть неаккуратным, поскольку многие браузеры не поддерживают все шрифты. Свойство CSS font-size-adjust поможет избежать такой ситуации, сделав размер шрифта автоматически настраиваемым.
#css3
https://webformyself.com/kak-avtomaticheski-nastroit-razmer-shrifta-s-pomoshhyu-css-font-size-adjust/
#css3
https://webformyself.com/kak-avtomaticheski-nastroit-razmer-shrifta-s-pomoshhyu-css-font-size-adjust/
Webformyself
Как автоматически настроить размер шрифта с помощью CSS font-size-adjust?
Как автоматически настроить размер шрифта с CSS. Свойство font-size-adjust: синтаксис, как работает, совместимость с браузерами
В новом ролике команда YouTube впервые раскрыла принципы работы алгоритма, отвечающего за наполнение рекомендательной ленты.
#новости
https://webformyself.com/komanda-youtube-rasskazala-kak-rabotaet-rekomendatelnyj-algoritm-platformy/
#новости
https://webformyself.com/komanda-youtube-rasskazala-kak-rabotaet-rekomendatelnyj-algoritm-platformy/
Webformyself
Команда YouTube рассказала, как работает рекомендательный алгоритм платформы
Впервые команда YouTube раскрыла принципы работы алгоритма ранжирования видео в рекомендательной ленте и ответила на самые частые вопросы о нем
Хотели узнать у Вас, как обстоят Ваши дела на Практикуме «Верстка. Быстрый старт»? Уже прошли все уроки или что-то вызвало сложность?
Не забывайте, что Вы можете задавать вопросы к урокам. Диалог и обратная связь только приветствуется.
Кликните сюда, чтобы перейти к урокам Практикума
И пару строк о том, чему Вы научитесь, когда пройдете обучение на Практикуме помимо того, что по окончанию обучению у Вас на руках будет готовый сверстанный макет.
• Научитесь работать с сервисом, который заменяет Photoshop и позволяет работать с макетом для верстки без использования Photoshop.
• Научитесь исследовать макет Photoshop и назначать базовые CSS-стили для страницы.
• Научитесь правильно вырезать из макета Photoshop изображения, необходимые для верстки.
• Сможете подключать нестандартные шрифты, используемые на странице.
• Сможете описывать HTML-разметку для каждого логического блока страницы.
• Научитесь задавать CSS-стили для созданной разметки страницы.
• Сможете применять технологию FLEX при выстраивании блоков на странице.
• Научитесь применять медиазапросы для создания мобильной версии страницы.
Кликните сюда, чтобы перейти к урокам Практикума
P.S. Если у Вас некорректно отображается форма подписки на тренинг, то нажмите F5, обновите страницу браузера.
Не забывайте, что Вы можете задавать вопросы к урокам. Диалог и обратная связь только приветствуется.
Кликните сюда, чтобы перейти к урокам Практикума
И пару строк о том, чему Вы научитесь, когда пройдете обучение на Практикуме помимо того, что по окончанию обучению у Вас на руках будет готовый сверстанный макет.
• Научитесь работать с сервисом, который заменяет Photoshop и позволяет работать с макетом для верстки без использования Photoshop.
• Научитесь исследовать макет Photoshop и назначать базовые CSS-стили для страницы.
• Научитесь правильно вырезать из макета Photoshop изображения, необходимые для верстки.
• Сможете подключать нестандартные шрифты, используемые на странице.
• Сможете описывать HTML-разметку для каждого логического блока страницы.
• Научитесь задавать CSS-стили для созданной разметки страницы.
• Сможете применять технологию FLEX при выстраивании блоков на странице.
• Научитесь применять медиазапросы для создания мобильной версии страницы.
Кликните сюда, чтобы перейти к урокам Практикума
P.S. Если у Вас некорректно отображается форма подписки на тренинг, то нажмите F5, обновите страницу браузера.
В этом руководстве показано, как определять сетки CSS на странице, инспектировать их и устранять проблемы с макетом в панели Элементы Chrome DevTools.
#cssgrid
https://webformyself.com/inspektirovanie-css-grid/
#cssgrid
https://webformyself.com/inspektirovanie-css-grid/
Webformyself
Инспектирование CSS Grid
Руководство по инспектированию CSS Grid. как определять сетки на странице, инспектировать их и устранять проблемы с макетом в панели
Google переименовывает Webmasters Central в Search Central. Такое решение компания приняла на основе результатов опроса, проведенного среди вебмастеров.
#новости
https://webformyself.com/pochemu-poiskovik-reshil-pereimenovat-google-webmasters-central/
#новости
https://webformyself.com/pochemu-poiskovik-reshil-pereimenovat-google-webmasters-central/
Webformyself
Почему поисковик решил переименовать Google Webmasters Central?
После опроса вебмастеров Google решил провести полный ребрендинг Webmasters Central. В результате чего платформа получит новое название и домен
Бывают случаи, когда желательно иметь шкалу размера шрифта между двумя крайностями в зависимости от ширины экрана. Странно то, что я видел, как люди используют, чтобы достичь этого, например, RFS. Сам RFS представляет собой пример того, как НЕ делать это в эпоху вычислений и сравнений CSS3.
#css3
https://webformyself.com/adaptivnyj-razmer-shrifta-s-ispolzovaniem-chistogo-css/
#css3
https://webformyself.com/adaptivnyj-razmer-shrifta-s-ispolzovaniem-chistogo-css/
Webformyself
«Адаптивный» размер шрифта с использованием чистого CSS
Как настроить адаптивный размер шрифта на чистом CSS. Математика в виде минимума и максимума. Отличие от других реализаций. Демонстрация
Теперь GoogleBot поддерживает протокол HTTP/2. Его использование на сайте позволяет экономить серверные ресурсы.
#новости
https://webformyself.com/googlebot-poluchil-podderzhku-protokola-http2/
#новости
https://webformyself.com/googlebot-poluchil-podderzhku-protokola-http2/
Webformyself
GoogleBot получил поддержку протокола HTTP/2
В англоязычную версию документации по GoogleBot поисковик добавил информацию о том, что с ноября краулер начнет поддерживать сканирование через HTTP/2
В следующих нескольких уроках цикла будет показано создание многоуровневого меню для фреймворка Django. Задача будет реализована с помощью приложения django-mptt. В данном уроке будет создано виртуальное окружением, в которое мы установим сам фреймворк Django, а также будет создан проект для дальнейшей работы.
#django #премиум
https://webformyself.com/urok-1-frejmvork-django-ustanovka-django-i-sozdanie-proekta/
#django #премиум
https://webformyself.com/urok-1-frejmvork-django-ustanovka-django-i-sozdanie-proekta/
Webformyself
Урок 1. Фреймворк Django. Установка Django и создание проекта
В следующих нескольких уроках цикла будет показано создание многоуровневого меню для фреймворка Django
В избранных фрагментах Google стал чаще использовать жирное выделение текста. Особенно в тех сниппетах, в которых данные представлены в виде списка.
#новости
https://webformyself.com/vydelenie-zhirnym-tekstom-poyavilos-v-izbrannyx-fragmentax-google/
#новости
https://webformyself.com/vydelenie-zhirnym-tekstom-poyavilos-v-izbrannyx-fragmentax-google/
Webformyself
Выделение жирным текстом появилось в избранных фрагментах Google
Зарубежные вебмастера заметили, что теперь Google начал использовать выделение жирным текстом для оформления в избранных сниппетах списков
Переменные CSS (также известные как пользовательские свойства) поддерживаются в веб-браузерах почти четыре года. Мне нравится использовать их в зависимости от проекта и ситуации. Они очень полезны и просты в использовании, но часто фронтенд-разработчик может неправильно их использовать или неправильно понимать.
#css3
https://webformyself.com/vse-o-peremennyx-css/
#css3
https://webformyself.com/vse-o-peremennyx-css/
Webformyself
Все о переменных CSS
Что такое переменные CSS и зачем они нужны. Именование. Случаи использования с примерами. Встроенные стили. Как работает валидация
Джон Мюллер сообщил, когда вебмастерам следует ожидать следующего обновления алгоритмического ядра Google. Последний крупный апдейт был более 6 месяц назад.
#новости
https://webformyself.com/krupicy-pravdy-o-sleduyushhem-core-update-iz-ust-dzhona-myullera/
#новости
https://webformyself.com/krupicy-pravdy-o-sleduyushhem-core-update-iz-ust-dzhona-myullera/
Webformyself
Крупицы правды о следующем Core Update из уст Джона Мюллера
Во время последней встречи представитель Google Джон Мюллер рассказал о том, почему не стоит ожидать в этом году еще одно крупного Core Update
Для дальнейшей работы проекта на Django потребуется хотя бы одно приложение. Такое приложение и будет создано в данном уроке. Также будет произведена минимальная настройка приложения. Кроме этого, для реализации многоуровневого меню потребуется модуль django-mptt, который будет установлен в виртуальное окружение проекта.
#django #премиум
https://webformyself.com/urok-2-frejmvork-django-sozdanie-i-nastrojka-prilozheniya/
#django #премиум
https://webformyself.com/urok-2-frejmvork-django-sozdanie-i-nastrojka-prilozheniya/
Webformyself
Урок 2. Фреймворк Django. Создание и настройка приложения
В уроке будет создано приложение и установлен модуль django-mptt для реализации многоуровневого меню
Новая версия браузера Chrome на 500% меньше расходует мощности процессора устройства и стала на 25% быстрее.
#новости
https://webformyself.com/chrome-87-stal-v-pyat-raz-menshe-potreblyat-moshhnostej-cp/
#новости
https://webformyself.com/chrome-87-stal-v-pyat-raz-menshe-potreblyat-moshhnostej-cp/
Webformyself
Chrome 87 стал в пять раз меньше потреблять мощностей ЦП
Google выпустил новую версию Chrome. Браузер получил поддержку контекстных команд и стал более экономно расходовать ресурсы центрального процессора
В YouTube появится статистика по источникам трафика. Она позволит блогерам более точно проследить, откуда зрители переходят на каналы и как находят их видео.
#новости
https://webformyself.com/komanda-youtube-predstavila-novyj-funkcional-dlya-izdatelej-videokontenta/
#новости
https://webformyself.com/komanda-youtube-predstavila-novyj-funkcional-dlya-izdatelej-videokontenta/
Webformyself
Команда YouTube представила новый функционал для издателей видеоконтента
В новом ролике команда YouTube сообщила, что в статистику каналов добавят новый отчет по источникам трафика. А также что в YouTube Studio появится аудиотека
С 18 ноября YouTube начал показывать рекламу в видео каналов, которые не участвуют в партнерской программе. При этом блогеры не будут получать доход от трансляции.
#новости
https://webformyself.com/novye-pravila-youtube-ostavyat-kanaly-bez-reklamnogo-doxoda/
#новости
https://webformyself.com/novye-pravila-youtube-ostavyat-kanaly-bez-reklamnogo-doxoda/
Webformyself
Новые правила YouTube оставят каналы без рекламного дохода
Согласно новым правилам использования YouTube, сервис начнет транслировать рекламу в роликах тех каналов, которые не участвуют в его партнерской программе
Когда я впервые открыл для себя Material Design, меня особенно вдохновила его кнопка. Она использует эффект пульсации, чтобы дать пользователям обратную связь простым и элегантным способом.
#javascript
https://webformyself.com/kak-vossozdat-effekt-pulsacii-knopok-material-design/
#javascript
https://webformyself.com/kak-vossozdat-effekt-pulsacii-knopok-material-design/
Webformyself
Как воссоздать эффект пульсации кнопок Material Design
Как создать эффект пульсации кнопки. Стилизация кнопки и другие варианты: CSS, JavaScript, jQuery, React