Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

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

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

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

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

    Далее... 3 Комментариев »
  • Постоянная ссылка на Уроки html5, которые вам пригодятся

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

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

    Далее... 6 Комментариев »
  • Постоянная ссылка на Делаем страницу-заглушку при помощи HTML5 и CSS3

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

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

    Далее... 11 Комментариев »
  • Постоянная ссылка на Ниндзя при помощи css

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

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

    Далее... 6 Комментариев »
  • Постоянная ссылка на Учимся использовать css-свойство clip

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

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Полезные css-генераторы

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

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

    Далее... 22 Комментариев »
  • Постоянная ссылка на Интересный эффект для изображений при помощи css3

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

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Онлайн-площадки для написания html, css и js

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

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

    Далее... 11 Комментариев »
  • Постоянная ссылка на Несколько колонок при помощи css3

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

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

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

Страница 50 из 53« Первая...1020304849505152...Последняя »