По тегу «Веб-разработка / WebDev / Web Development» найдено постов:12
посты1 –12

Добавлено7 января 2021 в 18:25

HTML элемент ввода типа checkbox в виде переключателя

Рецепт, как на CSS сделать так, чтобы HTML элемент ввода типа checkbox выглядел как переключатель. Итоговый элемент HTML код <input class="switch" type="checkbox"> CSS код input.switch { -moz-appearance: none;...
Добавлено2 декабря 2018 в 03:01

Адаптивный виджет ВКонтакте

В последние пару лет большую популярность приобрела адаптивная верстка сайтов, когда внешний вид сайта, расположение блоков и размер элементов меняется в зависимости от того, на каких экранах просматривается сайт. То есть, на узком экране смартфона сайт...
Добавлено27 января 2016 в 13:00

Разработка гибких и поддерживаемых круговых диаграмм с помощью CSS и SVG

Несмотря на то, что круговые диаграммы являются самым распространенным способом представления информации, начиная от простой статистики и заканчивая индикаторами прогресса и таймерами, даже в их простейшей двухцветной форме, они традиционно создавались...
Добавлено15 декабря 2015 в 22:40

Начинаем работать с CSS функцией calc()

Впервые я обнаружила функцию calc() более четырех лет назад, спасибо CSS3 Click Chart, и была рада увидеть, что основные математические функции – сложение, вычитание, умножение и деление – нашли свое применение в CSS. Множество людей думает,...
Добавлено14 ноября 2015 в 16:40

ECMAScript 6: дыры в массивах

1 Дыры в объектах Array Дыры – это индексы внутри объекта Array, у которых нет связанного с ними элемента. Другими словами: у массива arr дыра в индексе i если: 0 ≤ i < arr.length !(i in arr) Например, следующий массив имеет...
Добавлено6 ноября 2015 в 13:15

Знакомство со стрелочными функциями ES6 для jQuery разработчиков

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

Новые возможности при работе с числами и объектом Math в ES6

1 Обзор Теперь вы можете задавать числа в двоичной и восьмеричной нотации: > 0xFF // ES5: шестнадцатеричная 255 > 0b11 // ES6: двоичная 3 > 0o10 // ES6: восьмеричная 8 Глобальный объект Number получил несколько...
Добавлено1 ноября 2015 в 15:05

MathJax. Использование матриц

Используйте $$\begin{matrix}…\end{matrix}$$. Между \begin и \end поместите элементы матрицы. Заканчивайте каждую строку с \\ (на самом деле, \\ означает переход на следующую строку, и в последней строке он не требуется. Но, чтобы не забыть,...
Добавлено31 октября 2015 в 10:45

ECMAScript 6 (ES6): что нового в новой версии JavaScript

Вы уже, наверное, слышали о ECMAScript 6 (или ES6). Это новая версия JavaScript, в которую добавлен новый функционал. Эти новые возможности имеют различную степень сложности и могут быть полезны и для простых скриптов, и для сложных приложений. В данной...
Добавлено26 октября 2015 в 04:05

Кратко об HTML5

Doctype Doctype до HTML5 был довольно длинным и громоздким. Новый doctype HTML5 выглядит так: <!DOCTYPE html> Doctype не чувствителен к регистру, и я в основном пишу его в нижнем регистре. Указание кодировки В HTML4 кодировка указывалась...
Добавлено21 октября 2015 в 18:40

16 инструментов и фреймворков CSS анимации

1. Animate.css Animate.css – это коллекция кроссбраузерных CSS анимаций, которые вы сможете использовать для своих слайдеров, домашних страниц и других веб-проектов. 2. Stylie Stylie – веб-инструмент CSS3 анимации, который...
Добавлено21 октября 2015 в 00:45

Введение в CSS анимацию для начинающих

В настоящее время всё больше и больше сайтов используют анимацию, будь то GIF, SVG, WebGL, фоновое видео и т.п. При правильном использовании анимация приносит в веб жизнь и интерактивность, добавляя дополнительный уровень обратной связи и впечатлений...