Категория: FrontEnd

CSS анимация

CSS анимация HTML без картинок

В данном уроке я покажу как работает CSS анимация и как ее сделать, используя только HTML и CSS без использования JavaScript и изображений. CSS анимация — это когда мы с помощью свойств стилей заставляем...

JavaScript get параметры

В действительности речь пойдет не по теме «JavaScript get параметры», а о получении значения параметра из строки адреса, эквиваленте глобальной переменной $_GET на PHP. Представим, что на наш сайт обратились по средствам такого вида ссылки: http://mysite.ru/?text=hello Наша задача состоит в том,...

Изменение размера шрифта Cufon

Бывает так, что изменение размера шрифта Cufon не происходит в соответствии с данными установленных для блока параметров шрифтов из CSS. В этих случаях требуется явно указывать параметры в коде при инициализации Cufon. Изменить размер шрифта можно например так:...

Урок: блоки в одну строку CSS

Для того, чтобы выстроить блоки в одну строку с помощью CSS необходимо понимать, что выстраиваемые блоки представляют собой не просто какие-то разрозненные блоки, а группу. Понимая это необходимо объединить их. Объединение осуществляется с помощью заключения всех...

Сортировка jQuery — таблицы и блоки

Для решения задачи сортировки уже давно применяют JavaScript, вместо того, чтобы заново генерировать код перезагружая страницу. Задача состоит в том, чтобы сортировать блоки в алфавитном порядке, либо по числам, в обоих направлениях — по убыванию и...

Отследить событие — изменение содержимого jQuery

Рассмотрим следующую задачу: при клике на кнопку текст из .block_1 должен попадать в .block_2, а при изменении .block_2 в .block_3 должна появляться информация вида: было -> стало. Пусть HTML данной задачи выглядит следующим образом:

...

Динамическое создание полей (JQuery, Bootstrap)

Суть задачи: Динамически создавать по два поля, например для добавления каких либо характеристик. Первое поле будет содержать название характеристики, второе ее значение. Например: Ширина | 20 HTML код, который необходимо написать перед добавлением полей,...

Выравнивание — блок по вертикали

По поводу того, как выравнивать блок по вертикали написано масса материалов и статей, но самым простым способом является использование решения, которое будет работать везде. И все благодаря CSS 3. Помимо свойства display: table появилось...

Параметры свойств в CSS

Как известно, основной «строительный» материал HTML-страниц — это блоки. Любой элемент по сути является блоком, неким прямоугольником с четырьмя сторонами и четырьмя вершинами. Для изменения внешнего вида элементов мы используем свойства CSS, далее рассматриваются...