Твит

Сегодня я хотел бы рассказать о нескольких способах действительно оригинального оформления стрелок, которые используются в навигации по слайдам в презентации или слайд-шоу, по страницам и сайта, а также во многих других местах. Эти два элемента выглядят как стрелки «Влево» и «Вправо» (иногда есть стрелки «Вверх» и «Вниз»). Но сегодня мы сосредоточим наше внимание только на первых двух, а также рассмотрим как же их можно оформить очень необычным и креативным способом. В демо версии представлено 14 видов эффекта, уж здесь вы точно найдете тот, который ваш больше всего подходит.

Твит

Как вы заметили, у меня на сайте для каждого элемента меню (для каждой категории) используется своя иконка. Это очень удобно при просмотре категорий посетителем. И запоминается в таком виде гораздо лучше. Чтобы не добавлять вручную эти иконки — я использую плагин. И в этом уроке я расскажу что это за плагин, как установить понравившуюся иконку для каждой категории на сайте. Также расскажу про несколько сервисов, где я ищу иконки.

Твит

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

Твит

Этот урок будет посвящен полностью одному очень качественному сервису. Из прошлых статей вы уже знаете, что использование сервисов может значительно сократить время разработки дизайна сайта. А данный сервис - CSSMatic обладает 4 очень важными функциями, с помощью которых можно сгенерировать тень для блока (обратите внимание что не для текста), создать границу, текстуру и самая интересная функция - генератор градиента.

Твит

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

Твит

Изображения в адаптивном (приспосабливающийся) дизайне, как известно, одна из самых сложных сторон. Нужно учитывать каждый элемент, чтобы все смотрелось правильно на различных устройствах и экранах, от больших широких экранов до экранов в 320 пикселей. Потому что время «квадратных» мониторов уходит, их постепенно заменяют широкоэкранные телевизоры, мониторы и планшеты. Изображения должны сжиматься и растягиваться соответственно.

Твит

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

Твит

Привет! Данная статья является второй частью статьи Создание презентаций на HTML. Дело в том, что в прошлой статье для того чтобы создать презентацию необходимо было разбираться в HTML. В этой статье я расскажу как создать такую же презентацию, но при этом не зная тегов HTML. Этот способ может быть действительно заменой (хоть и не в полной мере) программе PowerPoint. В полной новости очень подробное описание этого способа.

Твит

Модальные окна сейчас уже не так популярны как раньше — это факт. Но красиво оформленные и плавно появляющиеся в нужный момент (когда человек сам этого хочет) имеют место быть и их можно использовать. Но в какой момент человек сам решает чтобы появилось модальное окно? Например, форма регистрации и входа на сайт, подробная подсказка, которая находится в модальном окне. Конечно, уже всех раздражают эти выскакивающие модальные окна, которые только отпугивают и посетителей и потенциальных клиентов. Но мы рассмотрим более интересный способ использования модальных окон на сайте.

Твит

Всё еще создаете презентации в PowerPoint? Хочу показать вам альтернативный и более интересный способ создания презентаций с помощью библиотеки javascript. С помощью данной библиотеки вы можете создавать очень необычные презентации, выбирать понравившиеся эффекты перехода, выбирать тему оформления из уже имеющихся (их всего 8), увеличивать любой элемент презентации, вставлять «вертикальные»(слайды между левым и правым слайдом) слайды, фоновые переходы, а также многое другое. Всего не рассказать, поэтому переходите в полную новость и смотрите пример моей презентации.

Твит

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