background preloader

My template

Facebook Twitter

75+ Best jQuery Scrolling Plugins for Websites. Today we have come up with a great list of 75+ great jQuery scrolling plugins which you can use for free.

75+ Best jQuery Scrolling Plugins for Websites

Vertical scrolling is quite popular since last two years, majority of the full screen websites using vertical scrolling. Vertical scrolling takes advances of javascript and css3 in order to create the beautiful user experience. You can make the scrolling experience more fun if you can add little creativity, we have already seen plenty of creative scrolling experience in thousands of websites. scrolling websites are really good for better user experience, user will have all information on a single page without navigate to any other pages. jQuery Scroll Path. Favicon Generator for all platforms: iOS, Android, PC/Mac... 40 CSS3 jQuery красивостей для ваших новых проектов. Часть 16.

Много функциональных красивых решений для вдохновения или использования при разработке веб-проектов.

40 CSS3 jQuery красивостей для ваших новых проектов. Часть 16

В заметке: различные меню, слайдеры, вкладки, всплывающие подсказки, полноценное решение для оформления портфолио и многое другое. Путеводитель по плагинам, в котором собрано более 700 jQuery CSS решений, разбитых по категориям. Внимание: следить за появлением новых материалов в блоге удобно с помощью подписки на почту, по RSS или в Twitter. 1. CSS текстовый эффект Плагин для реализации сменяющихся слов с различными анимированными эффектами. 2.

Реализация разбиения содержимого страницы на вкладки (табы) с использованием анимированных CSS3 эффектов. 3. Классный слайдер с имитацией 3D эффекта при пролистывании слайдов. 4. jQuery CSS плагин «Responsive Horizontal Layout» jQuery решение для создания удобной навигации по разделам документа без перезагрузки страницы. 5. Переключатель между формами авторизации и регистрации с проверкой заполнения полей. 6. 7. 8. 9. 11. Non jQuery Slider, pure CSS image slider. Gallery CSS. CSS3 слайдер. В данном примере представлен красивый адаптивный CSS3 слайдер с параллакс эффектом который превосходно в пишется в любой дизайн сайта.

CSS3 слайдер

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

Шаг 1 - создание разметки. Простой способ создания анимации с помощью плагина TweenMax. Как можно удержать человека на лендинге?

Простой способ создания анимации с помощью плагина TweenMax

Цепляющим заголовком? Но ведь они есть на многих сайтах. А если Вы не копирайтер, тогда что делать? Есть очень креативное решение — создать анимацию на лендинге, которая будет находится прямо в шапке. Я сейчас говорю не о Flash анимации, фоновом видео или GIF-ке.

Templatemonster

Fotorama. Sourcemap. MCSS. Basic English, Chinese and Japanese translation Введение Многослойная система организации CSS основана на принципах OOCSS и БЭМ.

MCSS

Методология родилась и развивается в команде разработчиков OK.ru и рекомендуется к использованию как основа для собственного свода правил и документаций. Несмотря на то, что MCSS изначально был создан для организации большого количества стилей, данная методология рекомендуется и веб сайтам среднего размера. Документация постоянно обновляется и развивается, в том числе и в сопровождении вспомогательных инструментов, таких как движок документирования верстки Source. Корневые правила методологии описаны на этой странице, для более глубокого ознакомления советуем посмотреть видео запись презентации методологии и почитать подробней об отдельных правилах можно в модулях документации.

Всегда будем рады ответить на ваши вопросы в разделе Issues на Github или в комментариях на страницах сайта проекта. Эстетичный Sass часть 1: архитектура и организация. Sass это очень мощное расширение языка CSS, дающее возможность улучшить как организацию стилей, так и сами стили.

Эстетичный Sass часть 1: архитектура и организация

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

Подборка полезных CSS рецептов, или чем мы занимаемся на голых пятницах / Блог компании Wargaming

Каждые 2 недели у нас проходят «голые пятницы» — это мини-конференции, на которых мы делимся интересными и полезными знаниями, накопенными в процессе работы. Сегодня таких знаний у нас накопилось довольно много, и мы решили начать постепенно делиться ими с общественностью в лице Хабрасообщества. Итак, представляем вашему вниманию сборку интересных и (надеемся) малоизвестных HTML и CSS-рецептов. Будем рады, если каждый из вас узнает что-то новое! Центрирование блока по вертикали и горизонтали. Где взять примеры хорошей верстки? Delka/WebPerformanceChecklist. Способы организации CSS-кода. Разработчик Бен Фрейн (Ben Frain) однажды заметил: «Писать CSS-код легко.

Способы организации CSS-кода

Масшабировать и поддерживать его — нет». К счастью, на просторах интернета можно найти множество решений этой проблемы. В данной статье рассмотрены основные киты структуры CSS-кода, а также интересные рыбы/млекопитающие поменьше. Статья служит лишь памяткой или кратким справочником — для подробного ознакомления с методологиями настоятельно рекомендуется изучать оригинальную документацию. Итак, начнем. Содержание Автор: ЯндексДокументация Пожалуй, самая популярная сейчас методология в мире. Эти категории играют следующие роли в коде: блоки могут использоваться в нескольких местах сайта;элементы являются частью блока и не имеют функционального смысла вне блока;модификаторы представляют собой свойства блока или элемента, которые меняют его внешний вид или поведение.

Такой подход позволяет избавиться от непредсказуемых последствий каскада и изолирует отдельные модули друг от друга.