Блог
Ключевые показатели загрузки страницы
31.10.2020Core Web Vitals – (с англ. ключевые интернет показатели) метрики, которые Google считает главными при анализе скорости загрузки страницы.
В документации к Core Web Vitals отнесены три метрики: First Input Delay, Largest Contentful Paint и Cumulative Layout Shift.
Однако Page Speed Insights в разделе «данные наблюдений за страницей за последние 28 дней» добавляет четвёртую метрику First Contentful Paint. Поэтому мы будем считать, что главных метрик четыре.
Насыщенная осень 2019
10.10.2019Всем привет!
До конца 2019 года осталось меньше трёх месяцев, а я планирую успеть запустить 4-5 курсов!
WebGL и three.js. Урок 1. Основы
20.10.2015Я приветствую Вас на первом уроке курса «WebGL и three.js»! Прежде чем начать серию статей, давайте определимся, для кого они предназначены, какой уровень начальных знаний необходим, чтобы полноценно пройти этот курс.
Во-первых, должно быть понимание языка JavaScript: функций, циклов, массивов, объектов, синтаксиса и так далее. Без этого смотреть курс дальше нет никакого смысла (кроме как полюбоваться эффектами 3D).
Во-вторых, нужно, чтобы вы смогли развернуть (либо самостоятельно, либо по мануалу) локальный веб-сервер и создать папку с сайтом. Это нужно, чтобы AJAX корректно загрузил 3D-модели, которые мы будем вставлять в наши сцены в рамках курса. Если с этими пунктами проблем нет – добро пожаловать на курс!
Простая анимация на javascript
08.06.2015Всем привет! Данной статьёй я открываю цикл публикаций на тему создания анимаций на чистом javascript-е.
Зачем вообще делать анимации на чистом js
можете ужаснуться вы. Ведь есть же масса библиотек, например, наша любимая jQuery. Так-то оно так, но чистые анимации полезно уметь писать вот в каких ситуациях.
- Делается небольшой сайт с минимумом эффектов. Сторонние библиотеки не подключаются. И вдруг возникает необходимость сделать плавное растворение элемента при клике. Стоит ли из-за одного такого пустяка подключать jQuery!? Многие подключат и по факту сделают правильно – в современном мире 86Кб никого не интересуют. Однако, при работе в команде бывают такие упёртые тимлиды, которые не позволят из-за мелкой анимации внедрять в проект стороннюю библиотеку. Вот и придётся вам разбираться в анимации самим.
- Используется готовая библиотека, и в ней не находится нужного эффекта. Например, вам нужно, чтобы элемент, перед тем как исчезнуть, три раза повернулся по часовой стрелке, подпрыгнул и только потом растворился. В таком случае библиотеку придётся расширять, и вам опять же понадобится понимание основ организации анимационных эффектов.
PHP. Наложение водяного знака.
31.05.2015В продолжение темы загрузки изображений на сервер хотелось бы рассказать о такой достаточно частой задаче, как нанесение на картинку водяного знака.
Данную статью имеет смысл читать, если вы уже понимаете весь процесс загрузки изображений на сервер. Если же вы пока что слабо представляете, как это происходит, пожалуйста, обратите внимание на две базовые статьи.
За основу возьмём код, написанный в вышеуказанных статьях, и добавим в него необходимые элементы.