1. Приветствую гостей и пользователей нашего форума! Первый раз вы у нас или же давно участвуете в жизни ресурса, хочу напомнить несколько моментов.

    1) Пользуемся поиском по форуму! Зачастую информация может находиться не по разделу!

    2) Раздел ИНФО-продуктов относительно новый, но имеем уже более 3000 высококлассных материалов (пользуемся сортировкой по прификсам).

    3) И самое важное, КАК КАЧАТЬ БЕЗ ОГРАНИЧЕНИЙ, вся информация находится по этой ссылке КУПИТЬ VIP

    4) Временная акция, получи +5 постов за вступление в нашу группу "Вконтакте" Более подробно ТУТ

    5) Веди активную жизнь на форуме и получай рубли на личный счёт!

    Скрыть объявление
  2. На нашем форуме Null-Prog действует серьёзное правило касательно размещения материалов!

    ДЛЯ РЕЛИЗЁРОВ: категорически запрещается выкладка материалов на файлообменники типа Deposit, letitbit и другие, требующие просмотров рекламы, обрезающие скорость и тд. Нарушителям, первые 2 раза предупреждения, далее БАН. Тему по этому поводу можно посмотреть ТУТ

    Скрыть объявление
  3. В тестовом режиме на нашем форуме открыт онлайн конструктор сайтов. Вы можете попробовать создать свой сайт у НАС, интуитивно понятный интерфейс, переведёт на 95%, быстрый экспорт проекта, от вас только перетаскивать элементы и вставить в них необходимый текст!

    Все вопросы ТУТ

    Скрыть объявление

  4. Скрыть объявление
  5. Уважаемые форумчане, открывается новый раздел форума, посвящённый ремонту и эксплуатации автомобилей. Просмотреть его можно ТУТ

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

    Напоминаю, сообщения в разделе АВТО не учитываются, общение не ограничено.

    Скрыть объявление
  6. Объявляется набор Модераторов на различные раздел форума, свои заявки можно оставлять в ЭТОМ разделе, перед оставлением заявки рекомендуется ознакомиться с ПРАВИЛАМИ для модераторов.

База разборов скриптов

Тема в разделе "СSS", создана пользователем Sam Jack, 18 авг 2015.

  1. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Создаем стрелочные часы

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

    Вложения:

  2. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Создаем галерею для сайта в стиле Metro UI

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

    Вложения:

  3. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Текстовая анимация для сайта

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

    Вложения:

  4. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Анимация для фона при движении мыши

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

    Вложения:

  5. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Создаем собственные стили для карт Google Maps

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

    Вложения:

  6. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Как создать галерею миниатюр в стиле OS X

    Красивая галерея это всегда привлекает посетителей, удобность и простота это залог успеха проекта, ведь все гениальное это просто. Если Вам приходилось работать на оборудованию мастеров из Купертино, то замечали весьма интересную анимацию разворота окон и приложений. В данном уроке мы рассмотрим как создать галерею миниатюр которые будут размещаться на нижнем доке, а при нажатии на них будет происходит плавный разворот в стиле OS X. Для данной реализации нам понадобится весьма увесистый код, но поверьте, результат оправдывает проделанную работу.
     

    Вложения:

  7. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Абстрактная визуализация аудио для сайта

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

    Вложения:

  8. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Прокрутка с эффектом увеличения

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

    Вложения:

  9. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Анимация для сайта с эффектом параллакса

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

    Вложения:

  10. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Подсветка синтаксиса кода на сайте

    Недавно мы натолкнулись на просьбы, объяснить, рассказать и реализовать возможность подсветки кода на сайте, зачастую это необходимо, чтобы выделить код на сайте, та придать ему максимум внимания. Реализовать такую возможность достаточно просто, для этого можно использовать сторонний плагин, или написать самостоятельно стилизацию. В данном уроке мы рассмотрим как можно все это организовать заложив при этом минимум усилий. Все это мы выполним в минималистическом стиле, основной уклон будет на дизайн в стиле OSX.
     

    Вложения:

  11. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.744
    Симпатии:
    4.856
    Рефокусировка объектов на сайте
    В данном уроке мы рассмотрим весьма маленькую заплатку для сайта, а именно для изображений, это будет рефокусировка, кто не знает кто это, расскажу, это изменение фокуса для объектов, с помощью данного приема можно выделить конкретную информацию на сайте. Такое реализовать можно достаточно просто, мы будем использовать небольшой фрагмент правил CSS и JS, кроме этого нам понадобится несколько изображений, некоторые из них будет в формате png, так как нам необходима прозрачность, и так, давайте посмотрим, что у нас получилось.
     

    Вложения:

Поделиться этой страницей

iHax Community
Рейтинг@Mail.ru Яндекс.Метрика мониторинг сайтов
Форум программного обеспечения/
Загрузка...