Записи, помеченные ‘верстка’

• 

  Интересные эффекты с использованием свойства CSS3 тени блока

  Внешние и внутренние тени раньше создавались только с помощью изображений. И сейчас еще есть веб-разработчики, которые не знают, что для создания необычных теней уже не нужна программа Photoshop и сделать тень сложной формы теперь можно с помощью только CSS3.

  Далее... 1 Комментарий »
• 

  Использование функции CSS3 calc ()

  Вы, возможно, знаете, что с помощью препроцессоров CSS можно задавать значения размеров по специальным формулам. Но подобное можно сделать и с помощью функции CSS3 calc(). В этом уроке мы рассмотрим, как использовать эту функцию в таблице стилей. 

  Далее... Нет комментариев »
• 

  Использование фильтров CSS

  Фильтры CSS заинтересовали нас с самого появления. Нам стало интересно, где именно их можно использовать. У нас сложилось впечатление, что одним из лучших мест для показа возможностей фильтров CSS могут быть галереи изображений. С помощью разнообразных фильтров CSS интересно создавать необычные галереи изображений. В этом уроке мы создадим простую галерею, используя фильтры CSS и псевдокласс [...]

  Далее... Нет комментариев »
• 

  Использование свойства CSS выравнивания текста

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

  Далее... Нет комментариев »
• 

  Создание уникальных выпадающих списков с использованием CSS3

  Спецификация CSS3 определяет свойство pointer-events (события при взаимодействии с указателем) как: «Свойство pointer-events позволяет контролировать, можно ли и при каких условиях взаимодействовать с элементом при помощи указателя, например, мыши. Это свойство используется для задания обстоятельств, при которых событие, создаваемое указателем мыши, будет распространяться сквозь элемент на лежащий под ним элемент. Это также применимо при определении, попадает ли указатель пользователя [...]

  Далее... Нет комментариев »
• 

  Пять шагов от уроков к самостоятельной разработке

  Если вы только начинаете заниматься составлением кода, уроки — отличный способ освоиться. Но что делать если вы уже выполнили такое количество уроков, что сложно сосчитать? Вам хочется двигаться дальше, но как? Вам нужно принять решение: выйти из замкнутого круга выполнения уроков и перейти на новый уровень — самостоятельную разработку.

  Далее... Нет комментариев »
• 

  Создание счетчиков CSS и игры Реверси с использованием CSS3

  В этом уроке мы будем создавать счетчики CSS и игру Реверси при помощи CSS3. Это отличный способ потренировать свои навыки кодинга, а также положить в свою копилку техник несколько приемов. Читайте, повторяйте урок и создавайте собственные проекты.

  Далее... Нет комментариев »
• 

  Создание плавных анимаций с использованием состояния воспроизведения анимации

  Несложно сделать анимацию CSS, которая запускается при загрузки страницы. Нужно просто использовать свойство анимации с параметрами. А как быть, если анимация применяется при определенном состоянии, например, при наведении указателя мыши, при нажатии, при активации элемента или изменении класса с помощью JS?

  Далее... 1 Комментарий »
• 

  Создание стилей таблицы с использованием возможностей CSS3

  Нам нравится использовать тени, закругленные углы, градиенты и другие свойства CSS3. Поэтому иногда мы создаем дизайн в таблице стилей больше, чем в программе Photoshop. Очень важно при создании дизайна учитывать возможности свойств CSS, чтобы готовый сайт быстро загружался и благодаря этому занимал более высокие позиции в поисковой выдаче.

  Далее... Нет комментариев »