Рубрика «css» - 128

Прощай, Zen Coding. Привет, Emmet!

2013-04-07 в 20:15, admin, рубрики: css, emmet, html, zen coding, Веб-разработка, плагин

Прощай, Zen Coding. Привет, Emmet!
Еще в 2009 году, Сергей Чикуёнок опубликовал статью, в которой представил новый способ написания HTML и CSS кода. Этот революционный плагин, назывался Zen Coding, он помогал многим разработчикам на протяжении многих лет и в настоящее время вышлел на новый уровень.

Emmet, ранее известный как Zen Coding, является самым производительным и экономным во времени плагином для текстового редактора. Простые сокращения мгновенно расширяются в сложные фрагменты кода, Emmet превратит вас в более продуктивного разработчика.

Для тех, кто предпочитает смотреть, а не читать, вот видео любимых трюков автора.

Читать полностью »

Стильный CSS переключатель без JavaScript

2013-04-06 в 15:08, admin, рубрики: button, css, html, метки: button, css, html

Здесь я покажу, как сделать переключатель на основе input-а на чистом CSS.

Демо
Все файлы
Читать полностью »

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №51 (30 марта — 5 апреля 2013)

2013-04-05 в 19:28, admin, рубрики: Blink, css, css3, Facebook Home, HTC First, html, html5, jquery, JS, mozilla, servo, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: Blink, css, css3, Facebook Home, HTC First, html, html5, jquery, mozilla, servo, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

Читать полностью »

Верстка писем. Снова баги

2013-04-02 в 4:01, admin, рубрики: css, html, mail.ru, метки: mail.ru, Яндекс.Почта

Верстка писем. Снова баги Автор изображения Eva Galesloot

Привет!

Прежде всего хочу принести извинения в адрес mail.ru и лично Андрею Сумину AndrewSumin за пост, написанный сгоряча. Проблема верстки писем изрядно наболела, но местами все не так плохо как казалось. Присутствуют и проблемы.

Касательно mail.ru на данный момент претензий почти не имею. Верстать письма под эту вебморду так же приятно, как и для гуглопочты. Очень приятно видеть, что русские вебморды стали поддерживать фоновые изображения.

Знаете чего очень не хватает? Фичлиста от разработчиков почтовых клиентов и вебморд. Было бы очень здорово узнавать из первых рук, какие фичи ввели в обращение, а какие наоборот — урезали. Это облегчило бы головную боль верстальщика, да и пользователь перестал бы получать кривые письма. Да, это очень важная информация.

Ниже приведу несколько новых багов, которые стоит учесть при подготовке писем, а разработчикам — закрыть их.Читать полностью »

Первоапрелськие CSS снипеты

2013-04-01 в 7:44, admin, рубрики: css, css3, html, html5, javascript, метки: css, css3, html, html5

Предлагается вот такой вот комплект CSS снипетов, которыми можно раскарсить первое апреля.

/*
  Turn every website upside down
*/
body {
  /*-webkit-transform: rotate(180deg);
  transform: rotate(180deg);*/
}

/*
  blur every website for a split second every 30 seconds
*/
body {
  /*-webkit-animation: blur 30s infinite;*/
}

/*
  Spin every Website
*/ 
body {
  /*-webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;*/
}

Читать полностью »

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №50 (23 — 29 марта 2013)

2013-03-29 в 20:17, admin, рубрики: css, css3, html, html5, jquery, JS, spamhaus, WebRTC, windows blue, YouTube, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, Часы, метки: css, css3, html, html5, jquery, retina, spamhaus, WebRTC, windows blue, youtube, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на сми, Часы

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №50 (23 — 29 марта 2013)
Читать полностью »

Adobe Blank: Шрифт для разработчиков

2013-03-29 в 9:07, admin, рубрики: css, dom, Webfont, Веб-разработка, типографика, шрифты, метки: css, dom, web-разработка, Webfont, шрифты

Похоже на первоапрельскую шутку, но Adobe Type Team выпустила специальный шрифт Adobe Blank OpenType Font, покрывающий всю unicode таблицу пустыми глифами (более 65,000). Шрифт рендерится с использованием non-spacing и non-marking глифов и весит 80kB.

Основой для разработки шрифта послужили две задачи:
Читать полностью »

Игры с физикой благодаря HTML5 и JS. Программист симулирует движение ткани

2013-03-29 в 0:09, admin, рубрики: canvas, css, html, html5, javascript, метки: Canvas, css, html5, javascript

Программист, именующий себя Stuffit, опубликовал исходный код на портале Codepen. Код симулирует физику ткани. Использует HTML5, Canvas, CSS и JavaScript, приблизительно 300 строчек кода. Ткань без текстуры, простая сетка, но демонстрационным целям служит отлично.

Есть возможность испытать код прямо на Codepen
Если потянуть мышкой очень сильно, полотно может и порваться. Впечатсяет простота кода, которому для работы нужен только браузер. Дает представление о том, в каком направлении будут развиваться веб-игры. Staffit Читать полностью »

Очистка float-элементов посредством создания нового блочного контекста форматирования

2013-03-27 в 16:12, admin, рубрики: css, w3c, web-разработка, Веб-разработка, верстка, Песочница, спецификация, метки: w3c, web-разработка, верстка, спецификация

В данной статье рассматривается ситуация, когда элемент, создающий новый блочный контекст форматирования, имеет потомков, имеющих значение свойства float отличное от none. В большинстве статей на данную тему поведение элементов в подобных случаях предлагается принять на веру, поэтому в данной статье акцент делается на обосновании интерпретации браузерами положений спецификации W3C.
Читать полностью »

Информация

Комментарии

Рекомендуем