Главная » Статьи (страница 40)

Статьи

Различные фигуры CSS

От автора: с помощью CSS фигуры создаются не слишком сложно. Квадраты и прямоугольники создать просто, так как они являются естественными фигурами сети. Добавьте ширину и высоту, и у вас есть прямоугольник точного размера. Добавьте border-radius, и вы можете округлить эту фигуру, этого достаточно, чтобы превращать эти прямоугольники в круги и овалы. Мы также имеем псевдо-элементы ::before и ::after psuedo, которые ...

Читать далее »

Издатели образовательного контента получат расширенную поддержку в YouTube

От автора: YouTube займется информационной и материальной поддержкой авторов, публикующих образовательный видеоконтент. В рамках инициативы авторы каналов, специализирующихся на производстве и публикации образовательного контента, получат от YouTube финансовую поддержку. Для этого был создан фонд Learning Fund. Первые денежные гранты уже перечислены нескольким зарубежных видеоблогерам. Для налаживания сотрудничества между авторами и знакомства с творчеством коллег компания проводит ежегодную конференцию EduCon. В ...

Читать далее »

Тренды веб-разработки в 2018 году

От автора: пропуская слово моды мимо ушей, вы обрекаете свои проекты на заурядность. В веб-разработке все не так, как в моде, в принципе: самыми популярными здесь становятся благодаря эффективности и прогрессивности. Сегодня окунемся в тренды веб разработки 2018 и узнаем, в каком направлении двигаться в настоящее время. Будет одинаково интересно и новичкам, и профессионалам с толстым портфолио: первые узнают, чему ...

Читать далее »

Создание гибких макетов с помощью Flexbox CSS

От автора: до появления CSS Grid был Flexbox (который официально известен как CSS Flexible Box Layout Module). Flexbox был разработан для управления макетом в одном направлении — строке (flex-direction: row или row-reverse) или столбце (flex-direction: column или column-reverse). Это контрастирует с сеткой, которая учитывает строки и столбцы. Базовый гибкий макет создать просто: добавьте для родительского элемента display: flex или display: ...

Читать далее »

Отладка и оптимизация CSS: Минимизация с помощью CSSO

От автора: на пути к тому, чтобы стать мастером CSS, вам нужно знать, как отлаживать и оптимизировать CSS. Как вы диагностируете и устраняете проблемы с рендерингом? Как вы обеспечиваете, чтобы CSS не вызывал проблем с производительностью для конечных пользователей? И как вы обеспечиваете качество кода? Знание того, какие инструменты использовать, поможет вам обеспечить, чтобы front-end работал оптимально. В этой статье ...

Читать далее »

Используя покупные ссылки, сайт может остаться без расширенных сниппетов

От автора: за использование неестественных ссылок Google может лишить сайт расширенного сниппета в поисковой выдаче. В обсуждении на страницах Google Webmaster Help один из вебмастеров попросил представителя поисковика пояснить, почему в сниппете его сайта не выводятся звезды пользовательского рейтинга. При этом он отметил, что инструмент проверки микроразметки не нашел ошибок в структуре данных. В ответ на это сотрудник Google обратил ...

Читать далее »

Почему необходимо составлять ТЗ на разработку web-приложения

От автора: даже если вы сотню раз разрабатывали сайты и приложения, это не повод отказываться от составления технического задания. Видение исполнителя и заказчика может быть разным, несмотря на внешнее сходство выраженных мыслей. Каждый пункт должен быть оговорен, каждая деталь учтена. Сегодня расскажем, как сделать не просто ТЗ на разработку web приложения, а настоящее оружие, которое можно использовать только на благо ...

Читать далее »

Как перестать использовать console.log() и использовать отладчик браузера

От автора: когда я начал свой путь становления разработчиком программного обеспечения, меня ждало множество ударов. Одной из наиболее распространенных проблем, с которыми сталкиваются большинство новых разработчиков, является отладка. Сначала я подумал, что обнаружил святой Грааль, когда понял, что могу открыть консоль в chrome и использовать console log JavaScript для значений, чтобы узнать, где у меня возникают ошибки. Это оказалось крайне ...

Читать далее »

Google исправил ошибку кэширования сайтов из mobile-first

От автора: Google исправил ошибку, которая возникала при попытке просмотреть сохраненную копию сайта, переведенного на mobile-first индекс. Об этом сообщил эксперт отрасли Гленн Гэйб. Глава компании G-Squared Interactive заметил, что Google удалось справиться с багом кэширования сайтов, переведенных на mobile-first. Ошибка 404 отображалась поисковой системой после того, как пользователь пытался просмотреть сохраненную копию проиндексированной в Google веб-страницы. Гленн Гэйб отметил, ...

Читать далее »