Nikel
Поиск

График (гистограмма) с помощью javaScript

Всем нам нужны графики, особенно если вам необходимо представить в наглядной форме какие-то статистические данные на сайте. В этом уроке мы рассмотрим как сделать простейший график, используя html, css и скрипт для построения графиков AnyChart .

Категория : HTML и CSS
Автор : Nikel

Перетаскивание блоков на веб-странице с использованием HTML (drag and drop)

Наверняка вам приходилось видеть как можно перетаскивать элементы на веб-страницах с помощью мыши. Оказывается сделать подобное не очень трудно используя новые возможности html5 и небольшое количество javascript-кода.

Категория : HTML и CSS , Основы JavaScript
Автор : Nikel

Математическая функция CSS calc()

В css давно существует функция, позволяющая делать математические вычисления, она появилась уже довольно давно и имеет полную кроссбраузерность. Но к сожалению, так и не получила широкого распространения и используется относительно мало. Речь идет о математической функции calc(), которая может выполнять динамический расчет различных величин: размеров элементов (что может освободить, например, … Continue reading

Категория : HTML и CSS
Автор : Nikel

Переменные CSS

Хочу рассказать вам о такой необычной, недавно появившейся вещи как переменные CSS. Ранее создавать переменные можно было только в препроцессорных языках, таких как SCSS, LESS и тому подобных, но в настоящее время мы можем уже использовать их в самом CSS, а это большой плюс, если учесть, что не требуется никакая компиляция и все сразу работает в браузере.

Категория : HTML и CSS
Автор : Nikel

Тренды веб-дизайна 2019 года

Как известно, интернет активно развивается, соответственно изменяется и внешний вид веб-страниц: сначала был унылый и скромный дизайн начала двухтысячных, потом он сменился провозглашением Web 2.0, приходом градиентов и стеклянных кнопок, страниц с фиксированной шириной, далее мы увидели плоский одноцветный дизайн, сайты в стиле Bootstrap. Какие же тенденции ожидают всемирную паутину в настоящий момент? В этой статье вы узнаете, какие новшества в дизайне веб-страниц появились в 2019 году.

Категория : Уроки веб-дизайна
Автор : Nikel

Лучшие генераторы CSS для вебмастера

Как известно, некоторые свойства css сложны для запоминания, и их код довольно объемный. В данной статье хочу представить вашему вниманию ряд генераторов целью которых является упрощение вашей повседневной рутинной работы.

Категория : HTML и CSS
Автор : Nikel

Создание адаптивного разноцветного меню

Одним из креативных способов отображения навигации на сайте можно считать такое радужное меню. Но здесь интересен не только плоский дизайн без градиентов, который сейчас моден: мы добавим нашему меню адаптивность при помощи медиазапросов CSS3.

Категория : HTML и CSS
Автор : Nikel

Создание эффекта отражения с помощью скрипта Reflection.js и CSS3

Одним из удивительных эффектов, который на данный момент можно сделать с современными технологиями, является  эффект отражения изображения. Однако, создание эффекта отражения изображений с помощью CSS3 для  сайта может занять много времени. Можно столкнуться еще с рядом проблем, таких как неполная поддержка браузерами и необходимость внесения изменений в код в том случае,  когда размер изображения был изменен. Хорошо, что существует скрипт Reflection.js доступный как для jQuery, так и для MooTools, способный просто и быстро создать отражения для сайта.

Категория : HTML и CSS
Автор : Nikel

Создание анимированных эскизов (превью)

Миниатюра или эскиз - это по сути предварительный просмотр,  того, что вы увидите, если нажмете на ссылку. По сравнению с полноразмерной версией он быстрее загружается, так как имеет меньший размер и вес . Эскизы идеальны для изображений и видео. Используя технику, которая применяется для состояний кнопок, можно получать удивительные анимированные миниатюры с базовым CSS и небольшим jQuery.

Категория : HTML и CSS
Автор : Nikel

Как создать простую всплывающую подсказку (tooltip) на CSS3

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

Категория : HTML и CSS
Автор : Nikel
1 2 3 9
Страница 1 из 9