Архив рубрики ‘css’

• 

  Включаем и выключаем свет при помощи css

  Сегодня мы будем создавать один интересный проект. Сначала мы сделаем демонстрационную страницу, а затем добавим кнопку, которая позволит пользователю переключать цветовую схему (эффект «День и ночь»). Изменяться будут как цвета, так и другие элементы на странице. Самое главное, что мы сделаем все это только при помощи CSS. 

  Далее... 3 Комментариев »
• 

  Уроки html5, которые вам пригодятся

  HTML5 дает нам новые интересные возможности: семантические теги, право создавать графические элементы, игры, встраивать аудио и видео без внешних плагинов или встроенных скриптов и многое другое. Сегодня мы приготовили подборку уроков html5, которые подойдут как тем, кто хочет освоить этот язык, так и тем, кто желает «копнуть» немного глубже и выучить что-то новое.

  Далее... 6 Комментариев »
• 

  Делаем страницу-заглушку при помощи HTML5 и CSS3

  В этом уроке мы собираемся создать страницу-заглушку при помощи HTML5 и CSS3 в минималистском стиле и светлых тонах. В этом уроке мы будем также использовать некоторые новые теги HTML5  и некоторые интересные атрибуты, такие как «placeholder» и «required» для формы подписки. Атрибут «placeholder»  позволяет нам показывать текст в поле ввода электронной почте, когда он пуст, в то [...]

  Далее... 11 Комментариев »
• 

  Ниндзя при помощи css

  Скорее всего, для вас  не секрет, что благодаря многим функциям при помощи css3 можно создавать удивительные анимации. Возможно, вы знакомы с основными принципами создания css-анимации, но все же, давайте закрепим наши знания на практике. Сегодня мы будем учиться создавать ниндзю-шпиона при помощи спрайтов. Для этого нам понадобится Photoshop или любой другой графический редактор, а также основные знания [...]

  Далее... 6 Комментариев »
• 

  Учимся использовать css-свойство clip

  Наверняка вы слышали о свойстве css под названием clip. Сегодня мы поговорим немного о его синтаксисе и будем учиться создавать интересный эффект с его помощью.

  Далее... 4 Комментариев »
• 

  Полезные css-генераторы

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

  Далее... 22 Комментариев »
• 

  Интересный эффект для изображений при помощи css3

  Надеемся, вы знакомы с такими псевдоэлементами как :before и :after, которые помогают создавать очень интересные эффекты в css3. В сегодняшнем нашем уроке мы будем делать эффект для изображения, которое будет выглядеть так, как будто оно находится на одном из вырванных листов блокнота.

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

  Онлайн-площадки для написания html, css и js

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

  Далее... 11 Комментариев »
• 

  Несколько колонок при помощи css3

  Наверное, у многих возникала необходимость создания контейнера с несколькими колонками для отображения нужной информации, где текст выглядит приблизительно так, как столбцы в газетах. И многие, скорее всего, реализовали это при помощи обычных div-ов или других элементов и свойства float: left. Css3 даёт нам новые удивительные возможности. Вам не нужно будет делить текст на блоки, теперь всё [...]

  Далее... 3 Комментариев »