15 простых руководств по преобразованию Photoshop-документов в HTML/CSS
Сегодня мы хотим поделиться с вами полезной подборкой из 15 легких руководств, посвященных преобразованию PSD-файлов в HTML или CSS, что будет очень полезно и удобно для многих дизайнеров-новичков. В целом, базовые знания в области HTML или CSS не будут сильной проблемой, так как здесь все описано...
HTML5: Pointer Lock API позволяет вам скрывать указатель мыши из виду
Браузеры постепенно становятся полноценными игровыми платформами. Благодаря HTML5 и javascript стала возможна разработка комплексных приложений, хотя для этого пока еще требуется много усилий. Некоторые типы игр подразумевают управление процессов при помощи клавиатуры, и в таком случае постоянно...
Эффект предварительной загрузки страницы
Сегодня мы хотим рассказать вам о том, как создать очень простой эффект предварительной загрузки страницы при помощи CSS-анимаций, SVG и javascript. Для сайтов, на который важно представить вниманию посетителя сразу весь важный контент, такой эффект может быть очень кстати. Суть данного руководства...
Вдохновение стилями оповещений
Сегодня мы хотим поделиться с вами несколькими простыми примерами стилей и эффектов для оповещений на вашем веб-сайте. Существует множество методов отобразить ненавязчивое сообщение пользователям: от классического полу-заметного оповещения до панели вверху окна просмотра. Здесь на самом деле не...
Добавляем логотип Bitcoin на собственный сайт
Вы наверняка уже слышали про Bitcoin. Bitcoin – это цифровая валюта, которая использует пиринговую open source технологию для обработки платежей, и при этом не имеет централизованного органа регулирования или банка. Если вы использует Bitcoin в качестве шлюза для приема платежей, то мы рекомендуем...
Последний отсчет: добавляем таймер обратного отсчета на страницу Coming Soon
Веб-сайт, который еще не совсем готов к публикации, должен быть обозначен страницей формата Coming Soon, чтобы оповестить посетителей о скором открытии. Так как сфера веб-разработки постоянно развивается, сегодня эта страница может быть чем-то большим, нежели обычным текстом и картинкой....
Создаем сшитый ленточный баннер при помощи CSS3
Сегодня мы хотим рассказать вам о том, как создать сшитый ленточный баннер при помощи CSS3. Мы постараемся добиться эффекта баннера без использования изображений. До появления CSS3 единственный метод создания эффекта баннера был основан на использовании изображений....
Добавляем платежный шлюз Bitcoin на собственный сайт
Bitcoin все больше и больше становится мейнстримом, и благодаря тому, что эта денежная система заполонила уже весь мир и при этом взимает достаточно низкую комиссию, вам обязательно следует рассмотреть Bitcoin в качестве платежного шлюза для вашего собственного интернет-магазина. Сегодня мы хотим...
Создаем фоновое изображение с поддержкой скроллинга при помощи CSS3 и jQuery
Один из немногих эффективных способов привлечь внимание посетителей к вашему сайту заключается в использовании экрана заставки или intro. Однако это довольно сложно сделать качественно, и на это есть основная причина: большинство заставок просто раздражают посетителей. Сегодня мы хотели бы...
Стилизация чекбоксов под тумблеры при помощи чистого CSS3
В данной статье мы хотим рассказать вам о том, как можно стилизовать обычные HTML-чекбоксы под тумблеры и переключатели при помощи лишь чистого кода CSS3, без необходимости использовать javascript....
Создаем привлекательные анимированные GIF для ваших дизайнов
Вероятно вы уже встречали привлекательные анимированные GIF, которые используются в UI-дизайнах. Многие дизайнеры выкладывают свои работы на Behance, Dribble и других дизайн-сообществах. Эти элементы довольно быстро становятся одними из лучших методов демонстрации жестов и анимаций в мобильных...
Воссоздаем сеточный эффект загрузки Samsung
Если вам уже доводилось сталкиваться с Samsung Corporate Design Center, то вы наверняка обратили внимание на сеточный эффект загрузки. На переднем плане можно видеть цветной фон элементов слайдера, после которых отображается изображение. Суть заключается в том, чтобы загрузить сеточные изображения,...
Экраны Retina: отображение высококачественной графики на сайте
Экраны и дисплеи высокого разрешения, вроде Retina от Apple, способны отображать больше пикселей на заданном пространстве, а значит, при просмотре графики, изображений или текстов, пользователь не будет видеть «лесенки». Хотя впервые эта технология была представлена компанией Apple, сегодня...
Разрабатываем анимированный «липкий» header при помощи CSS3 и jQuery
Тренды приходят и уходят. Некоторые из них закрепляются в сфере, так как позволяют решать определенные проблемы. И именно по этой причине на сегодняшний день существует одна интересная тенденция - «липкие» элементы. Это такие элементы, которые остаются нормальными до тех пор, пока мы не начнем...
Разрабатываем различные стили эффектов при наведении при помощи чистого кода CSS3
Сегодня в интернете можно видеть множество различных CSS3-анимаций. Появляются такие анимации на чистом коде CSS3 как вспышки, затемнения, вращения, увеличение, перемещение или цепочка из нескольких сложных анимаций. Сегодня при помощи CSS-кода можно добиться такого эффекта, который может...
Создаем on/off-переключатель при помощи FlipSwitch Generator на чистом коде CSS3
Сегодня мы хотим представить вам веб-приложение под названием On/Off FlipSwitch Generator, которое поможет вам без труда создавать собственные кнопки on/off наподобие тех, что можно наблюдать практически в любом интерфейсе мобильных ОС. Эта кнопка также совместима с большинством современных...
Разработка собственных прейскурантов при помощи HTML5 и CSS3
Любой компании, которая занимается продажами, необходимо разработать собственный перечень товаров с указанием стоимости. К тому же, следует подумать о создании отдельных прейскурантов на комплекты услуг или товаров, предоставив на выбор более простые комплектации по низкой стоимости и нечто более...