foto1
foto1
foto1
foto1
foto1
Cайт Муслимовой Земфиры М.

 

Творческая студия

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

Подробнее...

Уважаемые студенты и все почитатели программы Photoshop! Здесь представлены новейшие видеоуроки по созданию анимации в программе Photoshop CC от преподавателя колледжа Муслимова З.О. Курс рассчитан на пользователя, имеющий первоначальные навыки работы в этой программе. Количество видеоуроков будет более 20, но пока вы можете смотреть и изучать то, что на этот момент готово. Подпишитесь на канал автора (Муслимова Зульфикара Омаровича) на youtub-е и вы всегда будете в курсе событий. Данные материалы представлены абсолютно бесплатно.

Подробнее...

CSS3 стили

Предлагаю вашему вниманию эффектные стили в CSS3 для сайтов, как в этом модуле. Скачать архив

Подробнее

Круговые эффекты

Предлагаю очень красивые css круговые эффекты, как на нашем сайдбаре слева. Скачать архив

Продолжить

Меню для сайта

Подборка очень красивого анимированного меню для вашего сайта. Скачать

Смотреть примеры

Прежде всего, для тех кто не совсем ещё в теме или совсем не в теме, поясню вкратце, что такое hover-эффекты. Это различные виды эффектов (всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение и т.д и т.п.) применяемые к элементам веб-сайта при наведении на них курсора мыши. Реализованы эти эффекты могут как с помощью различных плагинов jQuery, так и на чистом CSS3.

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

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

Дабы не ломать общую картину, не стал коверкать машинным переводом названия эффектов(за исключением некоторых), оставил оригиналы заголовков такими, как их обозвал разработчик.

Вот вам ссылка с множеством причудливых эффектов

Теперь эффект такого вида как на картинке внизу. При наведении картинка выпрямляется. Пример смотрите прямо под этим блоком. Нравится? Еще бы. Пользуйтесь!

Скачать архив по ссылке

  • Iron Man 2

    Клипарт для творчества

    Большой выбор отличного бесплатного клипарта для выполнения ваших творческих работ по Photoshop и не только...

    Перейти
  • The Last Airbender

    Файлы к лабораторным

    Файлы для выполнения лабораторно-практических работ по всем изучаемым программам в СКАТК...

    Перейти
  • Tron Legacy

    Музыка к праздникам

    Здесь собраны лучшие музыкальные композиции для проведения студентчесих вечеров и для творческих работ при видеомонтаже...

    Перейти

Разработка и сопровождение сайта Муслимовой З.М. и Муслимова З.О

© 2020 Сайт преподавателя СКАТК Муслимовой Земфиры Мурадалиевны. Все права защищены.
Joomla! - бесплатное программное обеспечение, распространяемое по лицензии GNU General Public License.