80+ бесплатных материалов для грамотного тестирования

Этот список содержит ссылки на бесплатные материалы, посвящённые тестированию. Материалы на русском языке, а также онлайн-курсы и подкасты выделяются метками. Своими материалами можно поделиться в комментариях.

Оглавление


Читать далее «80+ бесплатных материалов для грамотного тестирования»

10 рецептов оригинальных hover-эффектов при помощи CSS3

Мощь CSS3 огромна и в этом уроке вы сможете увидеть, как использовать его креативно. Мы собираемся создать несколько эффектов при наведении курсора мыши с помощью CSS3 transitions. При наведении курсора на эскиз будет показываться описание миниатюр, с использованием различных стилей в каждом примере.

Пожалуйста, обратите внимание, что эти примеры будут корректно работать только в современных браузерах, которые поддерживают свойства CSS3.
Читать далее «10 рецептов оригинальных hover-эффектов при помощи CSS3»

Минимум для понимания эффектов CSS‑фильтрации

Вольный перевод статьи: UNDERSTANDING CSS FILTER EFFECTS

CSS Filters были созданы для получения различных визуальных эффектов при применении их к элементам DOM — Document Object Model. Здесь мы обсудим историю создания фильтров, то, что они делают и как их применять. Так же рассмотрим влияние фильтров на производительность как на десктопах, так и на мобильных устройствах.
Читать далее «Минимум для понимания эффектов CSS‑фильтрации»

10 лучших бесплатных библиотек web-анимации

Анимация — один из ключевых трендов 2018 года, но вам нет неоходимости изобретать колесо, чтобы добавить динамики своим сайтам. Здесь Вы узнаете о лучших бесплатных библиотеках веб-анимации.

С их помощью можно делать сумасшедшие вещи с пользовательским интерфейсом своих сайтов. Эти вещи уже стали нормой современных веб-сайтов, где взаимодействию с пользователем уделяется огромное внимание.

Если вы оглядитесь вокруг, то найдете множество генераторов кода и пользовательских инструментов анимации. Но, кроме них можно найти массу бесплатных библиотек, которые экономят ваше время в процессе кодирования.

Предлагаю Вам 10 своих вариантов лучших библиотек с открытым исходным кодом для веб-анимации. В них наблюдается гармоничное сочетание JavaScript и анимации только с применением CSS. Оба эти стиля великолепны, но у обоих есть свои преимущества и недостатки.

В любом случае я гарантирую, что предложенный список будет Вам полезен.
Читать далее «10 лучших бесплатных библиотек web-анимации»

Крохотные Web-инструменты для работы с CSS

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

Здесь Вы найдете инструменты для создания CSS-анимаций, генераторы меню, приложения для сбора статистики и сортировки css, генераторы для создания круговых меню и многое, многое другое.

Будьте готовы поместить эти ссылки в закладки браузера, начинаем:
Читать далее «Крохотные Web-инструменты для работы с CSS»

Полноэкранное фоновое слайд-шоу только на CSS3

Примеры Скачать .zip

Всех с наступающим старым Новым годом! Сегодня создадим полноэкранное фоновое слайд-шоу, используя только CSS. Мы сделаем показ изображений с различными эффектами перехода между ними, а кроме того, с помощью CSS сделаем наложение анимированных заголовков.
Читать далее «Полноэкранное фоновое слайд-шоу только на CSS3»

Руководство по оптимизации изображений для интернета

В значительной степени качество сайта определяется скоростью загрузки. Читатель не любит ждать и, кроме того, не секрет, что время загрузки страницы очень значительно влияет на её рейтинг по результатам индексирования поисковика Google. И когда речь идет о времени загрузки страниц, вопросы оптимизации изображений очень важны. Вот несколько рекомендаций по оптимизации изображений и несколько дополнительных методов и руководящих принципов.
Читать далее «Руководство по оптимизации изображений для интернета»