Все для веб-дизайнера
CSS
Найденные результаты:
Как сделать социальные кнопки при помощи CSS3
30 Июл
Cоциальные кнопки являются важным элементом на сайте, стоит признать, что большая конверсия трафика идет именно из социальных сетей, с сообществ и групп, люди любят делиться информацией, по этому стоит уделить этому элементу не малое значение, когда вы разрабатываете сайт. По статистике один пользователь из десяти поделится в социальную сеть записью, а это может привлечь больше трафика. Сегодня мы вам покажем, как сделать замечательные анимированные социальные иконки для сайта при этом используя только css.
Круговой индикатор процесса при помощи CSS3
27 Июл
Иногда просматривая резюме веб-дизайнеров я сталкиваюсь интерактивным отображением их скилов при помощи индикаторов прогресса. Сегодня я хочу рассказать как создать замечательные градиентные индикаторы прогресса в виде кругов при помощи SVG и CSS3. Такой прием станет полезным не только для резюме, но и на сайте, если хотите отобразить датчик прогресса. Простота работы и графика SVG положительно скажется на скорости загрузки, а также на поисковых запросах, давайте посмотрим, что у нас с этого получилось.
Градиентная анимация кнопки при помощи CSS3
25 Июл
Все чаще в интернете я замечаю, как дизайнеры используют подход к градиенту и его реализации на сайте, мейнстримом в последнее время стала анимация текста и элементов сайта этим эффектом, именно об этом я хочу сегодня вам рассказать, урок на самом деле очень простой но имеет место быть, ведь каждому из вас будет такой прием интересен, а как вы знаете, хороший дизайн состоит из мелких деталей, по этому не упускайте возможность добавить в свой сайт мелкий элемент, который будет бросаться в глаза вашим посетителям.
Адаптивный анимированный аккордеон на CSS3
24 Июл
Cегодня я бы хотел поговорить о организации места на сайте, меня часто спрашивают, как создать красивый анимированный аккордеон для сайта, который будет приятным в интерфейсе и требовал минимум усилий в реализации. Именно о нем мы сегодня поговорим, такой аккордеон весьма полезен, когда нужно скрыть часть информации на сайте, при этом сэкономив место и мотивируя пользователя нажать на нужную информацию, кроме этого шаблон аккордеона будет полностью адаптивным, что упростит отображение на мобильных устройствах.
Навигация с ползунком для сайта с помощью CSS3
2 Июл
На этой неделе у нас официально объявлена неделя навигации. Мы будем выкладывать интересные уроки о том, как создать красивое меню для сайта при использовании различных техник, анимаций и плагинов. Сегодня мы хотим поговорить о достаточно простом, но чертовски красивом меню с градиентном и ползунком, который будет подлетать к активной ссылке благодаря красивой анимации, также у нас будет выпадающий список с субменю, что позволит вам по умолчанию скрыть часть навигации с сэкономить место на сайте.
Адаптивные ленты с текстом для сайта на CSS3
30 Июн
Выделить необходимый текст на сайте это очень важно, посетители должны видеть в первую очередь самую необходимую информацию, ведь она может вам стоить звонкую монету, мало просто выделить красной таблицей текст, так нужно, чтобы он еще и привлекал внимание, и более того, вызывал желание нажать на текст при необходимости. Сегодня речь пойдет о создании адаптивных лент-заголовков для сайта, благодаря чему посетители смогут наглядно увидеть красиво выделенный текст, а тени и градиенты помогут читателю не отводить взор.
Живой экран ноутбука при помощи Matrix3D
22 Июн
Cегодня мы бы хотели показать забавный прием, а именно, как при помощи трансформаций Matrix3D в CSS3 вы можете оживить изображение, например, какого-то мокапа. У нас будет изображение ноутбука, экран которого мы заменим на отображение, к примеру нашего сайта. При загрузке страницы будет подгружаться и актуальная версия сайта для отображение в окне ноутбука. При этом пользователь может полностью взаимодействовать и переходить по указанному ресурсе. Такой прием служит более как развлекательный но вы можете найти применение.
Загрузка ...