Блог Андрея Юрченко

Авторский блог с полезными статьями по темам: создание сайта, заработок на сайте, заработок в интернете, работа на дому, работа в интернете, инфобизнес

картинки css, адаптивный дизайн, веб дизайн, размер изображения

Одной из важных частей адаптивного веб – дизайна является автоматическое изменение размера изображения так, чтобы оно соответствовало ширине его контейнера. На самом деле сделать это очень легко, все, что вам нужно сделать, это установить соответствующее значение для max-width CSS свойства: img { max-width: 100%; } Стили выше не позволяют любому IMG элементу, размещенному на странице сайта становиться шире своего элемента контейнера. Если контейнер является более узким, чем […]

видео html5, видео на сайт, размеры видео, адаптивный дизайн

В этой статье мы разберем как можно автоматически изменять размер видео на своем сайте, чтобы соответствовать ширине экрана монитора. Мы используем только CSS, в котором применим соответствие соотношения сторон. Код будет работать для любого видео, которое устанавливается в IFrame. Давайте посмотрим простой HTML-код, который обеспечивает YouTube для обмена своими видео на других сайтах: <iframe width=»640″ height=»480″ […]

социальные кнопки, социальные иконки, анимация, html css

В этой статье Вы узнаете, как создавать иконки социальных медиа с анимированными подсказками без JavaScript, используя только CSS3. Изображения для иконки социальных медиа, используемых в этой статье, были найдены в сети Интернет как бесплатные иконки и используются только для демонстрационных целей. Они могут быть заменены любыми другими иконками. Социальные иконки имеют следующий HTML структуру: каждая иконка […]

анимация, веб дизайн, эффекты css3

В этой статье мы рассмотрим как можно преобразовать иконки на вашем ресурсе и добавить к ним эффект анимации при клике. В предыдущей статье мы уже разбирали, как можно создать красивые эффекты для иконок, которые были созданы на чистом CSS. Возможно, вам уже приходилось сталкиваться с mo.js. Это довольно мощная библиотека графической анимации, с помощью которой […]

css3, эффекты css3

В данной статье мы рассмотрим несколько простых, но очень красивых эффектов для иконок при наведении на них, созданных при помощи различных трансформаций на CSS3 переходах. Присутствие иконок на сайтах и в наших приложениях стало неотъемлемой частью при разработке и оформлении различных интернет ресурсов. Они взаимодействуют с пользователем, направляя его по различным внешним ссылкам, а также […]

css обводка блока, css рамка

Всем привет! Наверняка вы встречали на страницах в сети различные блоки или кнопки, на которых по краю как будто прошито ниткой. Так вот, в этой статье хочу показать, как можно создать такой блок с эффектом прошивки ниткой по краю, используя только свойства CSS. Сделать такой блок или к примеру, кнопку довольно не сложно. Достаточно внести […]

угловая лента, угловая лента png, лента png

Привет друзья! Сегодня хочу показать, как можно сделать угловую ленточку на своем сайте или отдельном блоке. Наша ленточка будет реализована без использования различных скриптов или картинок, а  только средствами CSS и HTML. Мы с легкостью сможем менять надпись на ленте, цвет шрифта и цвет самой ленты. Для начала нам понадобится html-разметка, которая будет выводить нашу […]

Блог Андрея Юрченко © 2016

ВВЕРХ