Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «верстки»
Главная и полностью кросс-девайсная 2016-02-08 18:22:18
Ну вот сейчас с чистой совестью могу сказать, что главная страница будущего нового сайта TCA.by ...
+ развернуть текст сохранённая копия
Ну вот сейчас с чистой совестью могу сказать, что главная страница будущего нового сайта TCA.by полностью готова (первая статья была тут). Признаюсь, в формате самостоятельной разработки пришлось побороть несколько сложностей, и новые навыки пополнили активный инструментарий. Первая сложность была с «подвалом» сайта, иначе именуемом footer. А точнее, с его отображением на маленьких экранах. Вот как […]
Тэги: bootstrap, cufon, yourself!, верстка, дизайн, интернет-маркетинг, сайта, сайтов
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 3 2015-12-25 09:42:29
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Первая часть. Вторая часть
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 2 2015-12-25 09:42:00
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Первая часть. Третья часть.
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Intermediate CSS3 Hover Effects. Пошаговый туториал. Часть 1 2015-12-25 09:41:24
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 ...
+ развернуть текст сохранённая копия
Эта статья является логическим продолжением моей предыдущей статьи, посвященной основам CSS3 transitions и, если в ней я показывала принципы работы этих основ на простых примерах, сейчас я хотела бы перейти к более сложным, красивым и интересным эффектам.
Из-за большого размера статья разбита на три части. Вторая часть. Третья часть.
Демо материалы лежат здесь. Все префиксы проставлены в демо, здесь же я не буду на них акцентировать.
Предупреждение: эффекты работают только в современных браузерах, поддерживающих возможности CSS3.
Подготовка к работе.
Для создания эффектов понадобится такая дефолтная html-структура. Вместо .eff в коде каждого конкретного эффекта будет использоваться класс .eff-n, где n — номер эффекта:
<div class="eff">
<img src="img/ef1.jpg" alt="Effect #1" />
<div class="caption">
<h4>Title is Here</h4>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.
</p>
<a class="btn" href="#" title="View More">View More</a>
</div>
</div>
Читать дальше →
Тэги: animation, css, css3, effects, hover, hover-эффект, html, html-верстка, transform, transition, веб-дизайн, веб-разработка, туториал, эффект
Большой обзор красивых многоуровневых меню с codepen 2015-12-23 21:45:04
+ развернуть текст сохранённая копия
Хабр, привет!
На Сodepen появляется много хороших решений от разных специалистов, и я считаю, что лучшие из них нужно собирать в одном месте. Поэтому 2 года назад начал сохранять у себя на компьютере интересные скрипты по разным тематикам.
Раньше я их выкладывал в группе продукта облачной IDE mr. Gefest, это были сборки из 5-8 решений. Но теперь у меня стало скапливаться по 15-30 скриптов в разных тематиках (кнопки, меню, подсказки и так далее).
Такие большие наборы следует показывать большему числу специалистов. Поэтому выкладываю их на Хабр. Надеюсь они будут Вам полезны.
Читать дальше →
Тэги: css, gefest, html, menu, mr., блог, веб-дизайн, веб-разработка, верстка, кода, коллекция, компании, сайтов
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
Главная / Главные темы / Тэг «верстки»
|
Взлеты Топ 5
Падения Топ 5
|
