Lecaw

Учимся создавать Web-сайты

CSS

Большинство статей в этой категории основаны на CSS3. CSS3 - следующий шаг в развитии каскадных таблиц стилей. Он много нам обещает и, судя по всему, действительно будет прорывом для веб-дизайна. Если, конечно, опять не подкачают разработчики браузеров.

верхняя панель Foundation - очень полезный компонент, но это не значит что вы должны обязательно использовать её в своих проектах. Я посчитал, что 40% своих проектов я построил на Foundation. Дайте внимательно рассмотрим соответствует ли он всем нашим потребностям, top bar столь же легко установить как и другие компоненты.

Сегодня я хотел бы показать вам, как создать несколько простых, но стильных эффектов наведения для элемента caption. Идея состоит в том, чтобы создать сетку и применить к ней различные эффекты при наведении, которые будут отображать заголовок, автора и кнопку. Для некоторых эффектов, будем использовать 3D transforms.

Одним из наиболее важных аспектов фронт-енд фреймворка является обработка css навигации. В этой части серии статей Foundation для начинающих, мы рассмотрим несколько вариантов форм css навигации, вместе с некоторыми инструментами JavaScript, которые добавляют дополнительные функции. Я также покажу вам еще один полезный инструмент, который поможет вам стать лучшим Foundation разработчиком.

В вводной части серии статей Foundation Framework, мы рассмотрели вопрос использования данной структуры, какие присутствуют функции и как вы можете начать разрабатывать свой проект при помощи данного фреймворка. В этой части мы подробно рассмотрим систему сетки, а также продемонстрируем несколько примеров. Углубимся в структуру элементов построенных на плагине Orbit JavaScript Slider для отображения всех типов содержания.

Сегодня я хотел бы рассказать вам про некоторые интересные стили кнопок для вашего сайта. Этот набор состоит из простых, креативных кнопок с простыми стилями и эффектами. На определенных кнопках эффекты можно увидеть при наведении, на некоторых при нажатии. Главным образом используются CSS переходы, CSS анимация и для некоторых кнопок мы используем JavaScript для добавления/удаления классов.

Сегодня я хочу поделиться некоторыми простыми hover эффектами при наведении для иконок. Идея состоит в том, чтобы создать тонкий и стильный hover эффект, используя CSS переходы и анимацию с псевдо-элементами. Для иконок мы используем шрифт (Eco Ico by Matthew Skiles, созданный при помощи приложения IcoMoon), который мы устанавливаем при помощи псевдо-класса :before.

Страница 5 из 18