Frontend

Рецепты верстки

Статьи

HTML элемент ввода типа checkbox в виде переключателя (добавлено 7 января 2021 в 18:25)

Рецепт, как на CSS сделать так, чтобы HTML элемент ввода типа checkbox выглядел как переключатель.

Адаптивный виджет ВКонтакте (добавлено 2 декабря 2018 в 03:01)

Рассмотрим один из способов создания адаптивного виджета ВКонтакте, который подходит для любого виджета ВКонтакте и Facebook, как для виджета сообщества, так и, например, для виджета комментариев.

Разработка гибких и поддерживаемых круговых диаграмм с помощью CSS и SVG (добавлено 27 января 2016 в 13:00)

В статье описываются два метода разработки круговых диаграмм (в том числе и анимированных), которые сильно упрощают использование и поддержку. Первый способ использует CSS, второй – SVG.

Руководство по созданию SVG карт на основе данных сервиса Natural Earth (добавлено 19 октября 2015 в 22:33)

Интерактивные карты – это отличный способ предоставить географические данные пользователям вашего сайта. Одним из популярных вариантов реализации подобного являются такие сервисы, как Google Maps и Open Street Maps, которые преуспели в визуализации данных до уровня улиц. Тем не менее, для мелкомасштабных карт наиболее подходящим вариантом являются карты в формате SVG. Они легки, полностью настраиваемы и не обременены никакими ограничениями лицензирования.

HTML

Сортировка по темам по дате

Кратко об HTML5 (добавлено 26 октября 2015 в 04:05)

Описание основных нововведений в HTML5: новые теги и атрибуты, удаленные теги, структура документа и пр.

CSS

Сортировка по темам по дате

Начинаем работать с CSS функцией calc() (добавлено 15 декабря 2015 в 22:40)

Множество людей думает, что препроцессоры полностью покрывают область логики и вычислений, но функция calc() может кое-что из того, что препроцессорам недоступно: смешивать любые типы единиц измерения.

Анимация

Введение в CSS анимацию для начинающих (добавлено 21 октября 2015 в 00:45)

В данном руководстве вы познакомитесь с CSS анимацией, мощным способом для реализации вещей, которые становятся всё более и более популярными по мере внедрения поддержки в браузерах. Рассмотрев основы, мы создадим небольшой пример, который анимирует преобразование квадрата в круг.

16 инструментов и фреймворков CSS анимации (добавлено 21 октября 2015 в 18:40)

JavaScript

Сортировка по темам по дате

MathJax - библиотека для отображения математических формул (краткий справочник) (добавлено 17 октября 2015 в 18:37)

MathJax позволяет включать математические формулы на web-страницы, используя разметку LaTeX, MathML или AsciiMath, после чего формулы будут обработаны javascript-библиотекой и преобразованы в HTML, SVG или MathML для отображения в любом современном браузере. В статье описаны основные моменты использования MathJax.

MathJax. Использование матриц (добавлено 1 ноября 2015 в 15:05)

Основные способы использования матриц в MathJax.

ECMAScript 6

ECMAScript 6 (ES6): что нового в новой версии JavaScript (добавлено 31 октября 2015 в 10:45)

В данной статье описаны некоторые из новых возможностей ES6, которые можно использовать при ежедневном кодировании на JavaScript: переменные, строки, стрелочные функции, массивы, классы, операторы распространения, передача параметров в функции и т.д.

Новые возможности при работе с числами и объектом Math в ES6 (добавлено 6 ноября 2015 в 08:00)

Новые свойства и методы объекта Math, новые целочисленные литералы и пр.

Знакомство со стрелочными функциями ES6 для jQuery разработчиков (добавлено 6 ноября 2015 в 13:15)

Стрелочные функции – действительно удобное нововведение в спецификации JavaScript ES6. Наряду с более коротким и лаконичным синтаксисом одним из преимуществ является обработка ключевого слова this немного по-другому.

ECMAScript 6: дыры в массивах (добавлено 14 ноября 2015 в 16:40)

Дыры – это индексы внутри объекта Array, у которых нет связанного с ними элемента. В статье описываются особенности их обработки.