Главная » Архив меток: Статьи по сайтостроению (страница 20)

Архив меток: Статьи по сайтостроению

Иконочный шрифт Font Awesome. Введение. Урок 1

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

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

Font (More) Awesome — знаковое изобретение для иконок

От автора: независимо от того, создаете ли вы веб-сайт, мобильное приложение или даже автономное приложение, вы не можете обойтись без определенных вещей. Правильное использование графики и иконок — одна из таких основных потребностей. Интересные иконки так же важны, как выравнивания и цветовые гаммы. Это потому, что одна иконка может выразить то, что не смогут сказать сотни слов! Хотя существует множество ...

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

Анимация фрагментов для слайд-шоу

От автора: сегодня мы хотим вам рассказать, как создать веселый слайдер с оригинальной фрагментированной графикой. Все элементы слайдера будут разделены на части с разной анимацией. Анимация на основе библиотеки Pieces – я написал эту библиотеку для создания интересных эффектов. Анимация для слайд шоу даст следующий конечный результат: ДЕМО | Исходники Анимация под управлением anime.js. Оригинальная идея Источником вдохновения эффектов послужил ...

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

Подготовьтесь к собеседованию на веб-разработчика: ответы на вопросы, часть 1

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

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

Как работает новый блокировщик рекламы Google Chrome

От автора: начиная с 15 февраля 2018 Google Chrome начнёт блокировать рекламу на некоторых веб-сайтах по умолчания. Я взглянул на исходный код Chromium, чтобы узнать немного больше о том, как будет работать этот новый блокировщик рекламы Google Chrome. По данным StatCounter, к концу 2017 Google Chrome принадлежало примерно 55% рынка веб-браузеров на всех устройствах по всему миру. Компания Google объявила, ...

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

Новая категория в расширении Chrome Lighthouse – SEO Аудит

От автора: Мы рады представить новую категорию аудитов в расширении Chrome Lighthouse: SEO Аудит. Lighthouse – это автоматизированный инструмент улучшения качества веб-страниц с открытым исходным кодом. Он предоставляет удобный способ улучшения качества сайтов, позволяя разработчикам проводить аудиты производительности, доступности, совместимости прогрессивных веб-приложений и многое другое. Фактически, он «помогает вам не разбиться о скалы», от этого и название – Lighthouse (с ...

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

Один файл, много параметров: использование вариативных шрифтов в Интернете

От автора: в 2016 году представители компании Adobe, Microsoft, Apple и Google совместно объявили о важном развитии веб-типографии. Версия 1.8 формата шрифта OpenType вводила вариативные шрифты. С таким большим количеством значимых имен неудивительно, что все браузеры являются бортовыми и продвигаются вперед с реализацией. Вес шрифта может быть гораздо больше, чем просто bold и normal — профессионально разработанные шрифты доступны в ...

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

Поддержка старых браузеров: каким образом и как долго

От автора: спасибо, Господи, за то, что веб-браузеры постоянно обновляются. В течение стольких лет нам приходилось полагаться на пользователей, чтобы приложить усилия для загрузки новых версий по мере их выпуска. Но теперь даже Microsoft’s Edge присоединились к постоянному обновлению. Это было не только гениально в плане безопасности, но и спасением для дизайнеров, которые хотят использовать новейшие функции CSS3. Несомненно, это ...

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

Простейший параллакс эффект всего в ~6 строчках кода

От автора: В то время, как я занимался оформлением недавней публикации, я почувствовал, что функционалу главного заголовка не хватает чуточку… эмм… параллакса. Прежде чем вы начнёте осуждать меня, я хочу сказать, что параллакс эффект иногда бывает крутым… иногда…ну очень нечасто. Я не хотел импортировать огромную библиотеку, так что я немного повозился в CodePen, и вот что получилось: Всего пара строчек ...

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

Резервные варианты для видео/изображений

От автора: Safari 11.1 представил странную, но очень полезную функцию, которая даёт возможность использовать источник видеоинформации в тэге img. Идея заключается в том, что он проделывает ту же работу, что и GIF (повторяющееся автопроигрывание), но с повышенной производительностью. Насколько повышенной? «в 20 раз быстрее и декодирование происходит в 7 раз быстрее, чем в GIF», — говорит Колин Бэнделл. Но это ...

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