Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «css»
Несколько интересностей и полезностей для веб-разработчика #36 2015-01-11 15:00:05
... с помощью HTML/ CSS/SVG/JS и ...
+ развернуть текст сохранённая копия
Доброго времени суток, уважаемые хабравчане. Поздравляю всех с наступившим 2015 годом! За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
Лучшее от Codrops за 2014 год
Я думаю многие из вас знакомы с потрясающими демками от Codrops. Авторы сайта буквально всегда реализуют интереснейшие UI/UX задумки с помощью HTML/CSS/SVG/JS и подробно рассказывают о том, как они это сделали. А это их собственная мега подборка с лучшими работам. Также рекомендую для вдохновения коллекцию самых популярных пэнов за 2014 год от CodePen.
Читать дальше →
Тэги: css, html, javascript, веб-дизайн, веб-разработка, интересности&полезности
Плавная прокрутка при помощи scroll-behavior 2015-01-09 18:29:49
... поддержка эксперименатального CSS-свойства scroll- ... JavaScript, DHTML, CSS, XMLHttpRequest. Firebug ...
+ развернуть текст сохранённая копия
В ночных сборках Firefox Nightly и Google Chrome появилась поддержка эксперименатального CSS-свойства scroll-behavior, которое предназначено для задания плавной прокрутки внутри любого элемента. Возможные значения scroll-behavior Значение Описание auto На усмотрение браузера instant Мгновенная прокрутка smooth Плавная прокрутка Как включить плавную прокрутку в Firefox Перейдите на страницу конфигурации вашего браузера about:config и установите в значение true […]
Запись Плавная прокрутка при помощи scroll-behavior впервые появилась на сайте PHP Portal.
Тэги: css, cssom, exciting, firefox, javascript, mozilla, needsbrowsercompatibility, nightly, программирование
[Перевод] Красивое падение: CSS3-анимация с гравитацией 2015-01-07 22:20:34
... Stackoverflow и доков CSS, я нашел несколько ... -out), которые представлены CSS. Но несмотря на ...
+ развернуть текст сохранённая копия
Давным давно (летом 2014), когда я усиленно работал с оформлением, передо мной возникла следующая проблема. Я хотел использовать CSS3 для создания эффекта прыгающего мячика с учетом естественных законов физики. Я прошерстил Интернет в поисках какого-нибудь способа, чтобы «вдохнуть» гравитацию в мой мячик.
После нескольких часов просматривания Stackoverflow и доков CSS, я нашел несколько опций, но это все равно не до конца меня устроило. Использование Javascript и Jquery было бы лишним и неэффективным для такой простой задачи, которая, как кажется, должна легко решаться с использованием существующих опций для анимации в CSS3.
Я сначала попытался использовать переходы ease-in (ease-out), которые представлены CSS. Но несмотря на то, что они выглядели достаточно плавными, было слишком сложно добиться ощущения естественности. И каждый новый прыгающий объект нуждался бы в совершенно новой функции, подобрать которую очень трудоёмко. Многие сайты, которые я посещал, предлагали использовать громоздкие keyframe-функции для описания анимации каждого прыжка. Код этих функций выглядит слишком сложным и избыточным. Более того, полученные прыжки объекта выглядели отрывистыми и непрофессиональными.
Решение задачи
Тэги: css, css3, web-разработка, анимация, веб-дизайн, веб-разработка, программирование
Веб-мастеринг на 100% 2015-01-07 20:14:58
Данная книга предназначена для тех, кто хочет научиться веб-мастерингу и стать специалистом по ...
+ развернуть текст сохранённая копия
Данная книга предназначена для тех, кто хочет научиться веб-мастерингу и стать специалистом по созданию веб-сайтов на профессиональном уровне. В издании описываются самые популярные и востребованные веб-технологии - HTML5, CSS3, javascript, jQuery, Ajax, PHP, а также приемы работы с системой управления содержимым сайта CMS Drupal и секреты раскрутки сайта (SEO).
Тэги: ajax,, css,, html, javascript,, seo,, веб-разработке, книги
Изучаем HTML, XHTML и CSS 2015-01-07 20:06:44
... HTML, XHTML и CSS. 2-е изд ...
+ развернуть текст сохранённая копия
Устали от чтения книг по HTML, которые понятны только специалистам в этой области? Тогда самое время взять в руки новое издание "Изучаем HTML, XHTML и CSS. 2-е изд.".
Тэги: css, html, книги
Главная / Главные темы / Тэг «css»
|
Взлеты Топ 5
Падения Топ 5
|