Nikel — Страница 2
Поиск

Создание стильного меню аккордеона на jQuery

Меню аккордеон уже  давно используется для навигации по сайту. Аккордеон-это вертикально или горизонтально сложенный список элементов. Каждый элемент можно "развернуть”, и увидеть его внутреннее содержимое. Мы уже рассматривали простейшее аккордион меню, работающее без скриптов. А в этом уроке мы будет показано,  как сделать подобное меню со стильным плоским дизайном, работающее на jQuery. .

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

Анимация текста с использованием SVG и CSS3

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

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

Как с помощью css расположить текст по кругу

Когда веб-дизайнеры создают страницы, иногда они хотят установить такой элемент, где  нужно согнуть текст или поместить его внутри круга (например, для логотипа или заголовка сайта). Чаще всего для решения этих задач используют Photoshop и некоторые другие программы для редактирования графики.Но с другой стороны, закругление текста  без использования Фотошопа дает гибкость дизайна и ценность для SEO, поскольку поисковые системы не могут читать тексты на изображениях. Благодаря мощи CSS3 и jQuery  можно расположить текст по кругу не прибегая к созданию картинок.

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

Создание адаптивной галереи изображений с помощью Flexbox

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

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

Как создать индикатор выполнения (progress bar) на CSS3

Сегодня я хочу рассказать вам, как создать progress bar. Что же это такое? Это просто индикатор выполнения, который служит для уведомления пользователя о ходе выполнения конкретной задачи, такой как загрузка, скачивание, загрузка приложения и т. д. Прогресс бары используются в интернете очень давно, вы могли их видеть на разных сайтах.

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

Как перевести растровую картинку в SVG

Формат SVG все чаще используется во всемирной паутине. Но как создавать свои собственные изображения SVG? Если это какие-то графические примитивы, простые фигуры, то можно еще их создать  написав код. В том же случае, если фигура сложная или нужно перевести растровый рисунок, закодировать это вручную практически невозможно. Иногда нужен качественно созданный … Continue reading

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

Спойлер и меню аккордеон на html и css (без использования скриптов)

Не так давно единственным способом создать раздвижное меню типа аккордеона или спойлер возможно было создать только с помощью скриптов. Теперь мы попробуем их создать используя только html и стили. Это стало возможным, потому что с недавнего времени появился очень полезный тег html5, помогающий решить эту проблему, не прибегая к JavaScript и jQuery.

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

Вставка Html5 проигрывателя

С большинством html-элементов не очень сложно разобраться. Однако, если вы вставляете на страницу стороннее содержимое, какой-нибудь медиаконтент, может возникнуть масса вопросов. Мы поговорим о том как добавить на свой сайт готовый плеер на html5, как работать с html-тегом video, а также встраивать ролики с сайтов популярных видеохостингов, таких как Youtube, Rutube, Vimeo.

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

Свойства текста css: 5 интересных свойств, которые могут пригодиться

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

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

Стилизация элемента select на чистом CSS

Как известно всем верстальщикам, элемент селект крайне плохо поддается любой кастомизации и стилизации. Обычно, для изменения его вида, используются различные скрипты на jQuery, такие как jQuery Form Styler, EasyDropDown и т.п. Эта статья посвящена описанию тех небольших но все же существующих возможностей с помощью которых мы изменим внешний вид select, используя только таблицы стилей (чистый css).

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