По тегу «Веб-разработка / 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, фоновое видео и т.п. При правильном использовании анимация приносит в веб жизнь и интерактивность, добавляя дополнительный уровень обратной связи и впечатлений...