Записи, помеченные ‘css3’

• 

  22 сильных css-сайта

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

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

  Эволюция Responsive Web Design

  Тема Responsive Web Design — универсального дизайна приложения для множества устройств набирает все больше оборотов в мировом дизайн-сообществе. Однако, готовя очередную подборку современных отечественных сайтов, к моему сожалению, среди них не встретилось ни одного, адекватно изменяющего ширину на узком экране. А ведь принципы responsive web design довольно просты и в то же время крайне эффективны. Хотелось бы остановится [...]

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

  Делаем навигацию на CSS3 с превью

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

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

  Секреты CSS3: инструмент calc ()

  В спецификации CSS3 зарыто множество сокровищ, которые так и норовят остаться незамеченными, скрываясь за статусом черновика и условной невалидностью кода. Однако мы продолжаем прилагать усилия по откапыванию подобных «плюшек», и сегодня это будет свойство calc(). Мне непременно хочется о нем упомянуть, так как оно может сильно повлиять на ваш подход к верстке. 

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

  Responsive web design — красиво и удобно

  Теория и практика технологии Responsive web design горячо обсуждается дизайнерами и разработчиками в последние месяцы, и спорам не видно края. Несмотря на всю непривычность и возможные ограничения свободы дизайна, все больше веб-мастеров создают новые сайты, пользуясь принципом Mobile first, идея которого в том, что изначальная верстка сайта делается под устройства с меньшими возможностями (телефоны, айпады, планшеты), [...]

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

  Мастеркласс по CSS анимации

  Дежурка настоятельно рекомендует обратить внимание на следующую статью веб-разработчика, консультанта Эстель Уейл, в которой она расскажет вам все, что нужно знать для быстрого старта и полноценного использования замечательной технологии CSS3 анимации: от основ ключевых кадров до полезных советов по созданию анимации, которые сберегут вам много времени и нервов. 

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

  Наглядно о самых современных средствах веб-разработки

  Уже больше месяца как начал работу сайт, созданный совместными усилиями Big Spaceship и Adobe — theexpressiveweb.com. Это не просто очередной ресурс о различных современнных средствах веб-разработки. Целью этого проекта является максимально быстро, наглядно и понятно объяснить, а главное, продемонстрировать значения и особенности применения дюжины самых новых инструментов веб-разработчика.

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

  Как заставить сайт хорошо выглядеть на любом экране

  Сегодня интернет стал мобильней, чем когда-либо. Проблема всех времен и народов — размер экрана — десятилетиями висит над бедными дизайнерами, как дамоклов меч. На сегодняшний день люди входят в интернет с мобильных телефонов чаще, чем когда-либо, и ситуация все усложняется. 2% интернет-трафика поступает с устройств с системой iOS — это больше, чем трафик, проходящий через Оперу. Выходит, двое из [...]

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