Сортировать новости по: дате новости | популярности | посещаемости | комментариям | алфавиту

 Простой параллакс эффект на CSS

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

Эффект параллакс – это визуальный эффект прокрутки страницы, при котором разделы с контентом движутся с разной скоростью.
Метки: Wizardus, Vladus Wizard, css

 Как убрать item и id в k2 из ссылки

Как убрать item и id в k2 из ссылки
В этой статье я покажу ряд не сложных манипуляций, которые позволят убрать item и id в k2 из ссылки, потому что многим не нравится, как выглядят ссылки в K2. В принципе, это не критично, но не красиво. На SEO оптимизацию никак не влияет, а внешний вид ссылки сильно режет глаз.

 CSS Оверлей

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

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

 Эффекты прокрутки страницы

Эффекты прокрутки страницы
Представляю Вашему вниманию экспериментальные эффекты прокрутки страницы (scroll effects), которые очень легко применить к любой странице сайта.В этой статье я собрал воедино несколько простых скролл-эффектов. На демо странице можно переключать эффекты прокрутки страницы, чтобы выбрать именно тот, который идеально подойдет для Вашего сайта.

Обычно эффекты прокрутки страницы используются не только для привлечения внимания пользователя. Согласитесь, что красивый скролл придает дополнительный приятный объем даже одностраничному сайту.

 Страница с эффектом многослойного раскрытия

Страница с эффектом многослойного раскрытия
В сегодняшнем уроке мы создадим страницу с эффектом многослойного раскрытия. Полученный результат может напомнить такие сайты, как Nation или Keep Portland Weird.

 Инструкции по созданию адаптивных изображений

Инструкции по созданию адаптивных изображений
Задумывались ли Вы, во сколько вам обходится дизайн вашего сайта, а Вашим пользователям?

Конечно, если пользователь подключен к сети wi-fi, то это не страшно, а если нет сети wi-fi. HTML и CSS файлы с каждым годом тоже становятся все больше, но она не так много весят, как изображения в формате JPG, PNG и GIF.

 Создание изменяющейся толщины 3D-текста

Создание изменяющейся толщины 3D-текста
Нам нравится эффект выдвигающегося текста, когда текст выпрыгивает в направлении пользователя и изменяет толщину. Этот способ изящен в своей простоте. Ниже приводится пример его создания.

 Googlebot не может получить доступ к файлам CSS и JS. Что делать?

Googlebot не может получить доступ к файлам CSS и JS. Что делать?
Приветствую тебя, получатель письма от Гугла о том, что “Googlebot не может получить доступ к файлам CSS и JS”!
Немного предыстории. На самом деле, Гугл уже давно предупреждал, что ему жизненно необходим доступ к вашим CSS и Js файлам, только вот не все его послушались, отсюда и такие меры. В последние дни Гугл разослал множество подобных писем владельцам сайтов по всему миру. Его получила и я для нескольких сайтов на разных CMS. В статье я расскажу. как я решила эту проблему.
Метки: css, js, google, гугл. seo

 Ускоряем написание HTML и CSS с помощью Emmet (Бывший Zen coding)

Ускоряем написание HTML и CSS с помощью Emmet (Бывший Zen coding)
Заработок верстальщика, во многом зависит от того как быстро он работает, думаю, это утверждение не нужно доказывать, все и так понятно. Поэтому, вполне логично, что многие, теми, или иными способами, пытаются себя ускорить, и сегодня я расскажу о Emmet –плагине для текстовых редакторов, который позволяет вбивать HTML и CSS c огромной скоростью.

Как это работает?

Очень просто, вместо стандартного HTML и CSS, вы вбиваете заранее заданные сокращения, например, вместо нудного прописывания HTML- списка с ссылками из 10 элементов, вам нужно написать:

ul>li*10>a{item$}


Нажать заранее задданое сочетание клавиш, и вы получите:

<ul>
    <li><a href="">item1</a></li>
    <li><a href="">item2</a></li>
    <li><a href="">item3</a></li>
    <li><a href="">item4</a></li>
    <li><a href="">item5</a></li>
    <li><a href="">item6</a></li>
    <li><a href="">item7</a></li>
    <li><a href="">item8</a></li>
    <li><a href="">item9</a></li>
    <li><a href="">item10</a></li>
</ul>


Неплохо, неправда ли? =)

 Интерактивные онлайн-курсы по HTML и CSS

Интерактивные онлайн-курсы по HTML и CSS
Конвейер по подготовке верстальщиков. Цель курсов — превратить любого из новичка в профессионала веб-разработки.

Мы с самого начала учим работать с живым кодом и самостоятельно писать код, решая задачи, приближенные к реальным. Также ученику периодически приходится проходить испытания, принцип которых — «сверстай, как показано в образце».
Назад 1 2 3 4 5 6 7 8 9 10 ... 17 Вперед
 
Хостинг от Макхост

Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Друзья проекта
Реклама на сайте
Хостинг от Макхост
Опрос на сайте Оцените наш ах.ный дизайн
Лучший из лучший
Великолепный из великолепных
Хороший ... но ... до а...ного не дотягивает
С пивом покатит
Мне все-равно, я слушаю группу БИС

ТОП-5 пользователей
Логин: hottei83
Баллов: 92950 Комментариев: 0 Новостей: 1858
Логин: 19Anton98
Баллов: 77004 Комментариев: 0 Новостей: 1537
Логин: avos
Баллов: 56556 Комментариев: 0 Новостей: 1127
Логин: maksoftportal
Баллов: 41050 Комментариев: 0 Новостей: 822
Логин: Alexx
Баллов: 25904 Комментариев: 0 Новостей: 515
Баллы
Хостинг от Макхост

Хостинг от Макхост