Свежие записи / Page 4

Как установить окно FaceTime на передний план

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

FaceTime (версия 3.0) на мак по всей видимости не имеет опции «поверх окон», в отличие, например, скайпа. Будем надеяться, что в будущем разработчики добавят такую возможность, однако существует простое решение проблемы.

Продолжить чтение…

Как убрать местоположение фото в ВКонтакте [2019]

Давным-давно я опубликовал запись о том, как добавить местоположение к статусу ВКонтакте. Однако заметил, что на сайт заходят по запросу «как убрать местоположение». Оказалось, что это проще простого.

Продолжить чтение…

Интерактивная инфографика с анимациями CSS и SVG

Одной из наименее обсуждаемых функций, все чаще появляющейся в последних браузерах, является поддержка файлов формата SVG. Этот формат характеризуется абсолютной свободой в отображении: легко изменяется в размере, может быть отображен в любом разрешении без потери качества. Во многих случаях SVG весят гораздо меньше, чем, например, PNG или JPG.

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

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

Продолжить чтение…

Создаем сайт с эффектом Parallax, используя Stellar.js

Один из самых популярных трендов современного веб-дизайна является эффект Parallax. В этом туториале я покажу вам, как создать подобный эффект на вашем веб-сайте, используя воображение и Stellar.js.

Скачать исходники | Демо

Продолжить чтение…

Улучшаем страницу 404-ой ошибки

Если пользователь попадает на стандартную страницу ошибки 404, велика вероятность того, что он покинет веб-сайт и вряд ли вернется. Кастомная страница 404, полезная и привлекательная, способствует дальнейшему пребываниваю на вашем веб-сайте.

Продолжить чтение…

Делаем аудио слайдшоу с помощью jPlayer

Сегодня мы поделимся с вами аудио сладшоу. Используя фреймворк jPlayer, слайдшоу будет показывать изображения и играть музыку, меняя картинки в определенном моменте песни. Ограничений в количестве изображений нет. Кроме того можно использовать тег div или любой другой макет.

Скачать Демо

Продолжить чтение…

Adobe Photoshop CS6: новые возможности для web и UI дизайнеров

Здравствуй, дорогой друг! Photoshop CS6 стал огромным шагом вперед для web и UI дизайнеров. Сегодня я поделюсь с вами некоторыми из функций, которые предлагает Photoshop CS6 Beta, и продемонстрирую, как они смогут помочь в вашей работе.

Продолжить чтение…

Форма входа и регистрации с помощью CSS3 и HTML5

Здравствуй, дорогой друг! В этом туториале мы научимся создавать две формы HTML5: форма входа и форма регистрации. Эти формы будут меняться друг с другом местами с помощью псевдо-класса CSS3 :target. Мы будем использовать CSS3 и шрифт с иконками. Идея этого демо в том, чтобы показать пользователю форму входа и предоставить ему ссылку “перехода” к форме регистрации.

В этом туториале я подробно расскажу о том, как создавать эффект как в Демо 1.

Продолжить чтение…

Минималистическая тема для Tumblr

Тема просто шикарна! В ней применен эффект Parallax, то есть фон двигается отдельно от содержания, и это поистине замечательно.

Скачать можно здесь.

Посмотреть демку здесь.

Золотые правила успешной кнопки

Здравствуй, дорогой хабрадруг! Сегодня существуют более тысячи способов создать кнопку; чтобы понять их сущность, вам нужно лишь потратить немного времени, просмотрев работы на сайте dribbble.com. Большинство из этих примеров очень похожи друг на друга, однако время от времени попадаются и такие кнопки, на создание которых потратили чуть больше внимания, времени и сил.

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

Продолжить чтение…

« сюда туда »