Часы^W таймер, отсчитывающий время с захода на страницу. Ещё делается, так что не питайте, я ещё пилю, если допилю серверную часть, то будут вполне себе часы.
http://91.215.121.4:777/ex/clock.html
*CSS3
Куча логотипов на чистом CSS. Пара картинок для завлечения внимания:
http://www.splashnology.com/uploads/2011...
http://www.splashnology.com/uploads/2011...
http://www.splashnology.com/uploads/2011... ... more →
В www-style третий день идёт непрерывный срач на тему отмены или изменения политики вендорных префиксов, а всё после того, как кто-то вбросил знатно.
В общем, http://lea.verou.me/2011/11/vendor-prefi...
Пстущ, я тут для себя открыл всю мощь HTML5 cache.
Благодаря простому Cache manifest мы получаем то, что хотим. Делаем HTML5 страничку, вставляем пруф на манифест, делаем link на пиктограммы наших изображений и вперёд кодить.
ВСЁ! Ведроид, ипхон и мига один ударом.
http://91.215.121.4:777/ex/pulse.html
скопировал отсюда и сделал кроссбраузерным
http://www.webkit.org/blog-files/pulse.h...
Простенькая демонстрация CSS3 animation
P.S. firefox only. Opera не умеет animation, webkit и IE9 не умеют его применять к псевдоэлементам.
Вот такая ололота.
http://nico-izo.github.com/webkitbug3.ht...
Почитал мейлинг листы рабочей группы CSS.
http://dev.w3.org/csswg/css3-gcpm/
http://dev.w3.org/csswg/selectors4/
http://dev.w3.org/csswg/css4-background/
http://dev.w3.org/csswg/css3-flexbox/
ВОТ ОН, CSS МОЕЙ МЕЧТЫ!
Вношу новый тег в свой репертуар.
Скорее всего, к версии 4 CSS эволюционирует в нечто совсем иное, ибо появление:
Переменных
Констант
Объектного селектора
calc и иже с ним
*многих фич*
очень сильно поменяет суть.
В продолжение #ottnhf
Если пролистать чуть ниже, мы увидим пример ещё одного великолепнейшего свойства
.thumbnail { crop: rect(0px, 115px, 85px, 30px) }
<p>Here is Woolly, the CSS sheep:
<img src="woolly" alt="Woolly" />
<p>And here he is as a thumbnail:
<img src="woolly" class="thumbnail" alt="Woolly thumbnail" ... more →
Иногда возникает ощущение, что я один читаю стандарты на w3.org.
Недавно, листая список черновиков CSS3 наткнулся на этот
http://www.w3.org/TR/css3-content/
Для тех, кому лень читать, приведу *некоторые фичи* (Всё описывать нет смысла)
div { content: 'A' }
div::before { content: 'B'; }
div::before::before { ... more →
Как это классно: написать штуку, только по стандартам, никакого JS, никаких костылей...
И она *просто* работает. Работает так, как ты скажешь.
А потом я вспоминаю про говнобраузеры, криворуких разрабов и долбоёбов, которые будут кричать, что надо верстать под IE6 и ты хуй, который не осилил IE6.
И я погружаюсь в ... more →
На самом деле, это великолепно, когда можно сделать великолепную Ъшную и юзабельную вещь только при помощи CSS3 и HTML5.
Уже сейчас можно делать нешутёвые по сложности и красоте вещи, а-ля галереи, попапы, выпадушки, шевроны и т.д. только при помощи CSS.
ЪЪ
Господа, есть стандарт CSS3 Transitions.
http://www.w3.org/TR/css3-transitions/
В нём, как бы, сказано, что
Applies to: all elements, :before and :after pseudo elements
Возник вопрос, а какого хрена если я указываю в элементе #elem1
некий transition, он не применяется на ::before и ::after?
Допустим, вот ... more →
У меня от реализации CSS transitions в вебките и жопере случается разрыв шаблона с последующим бугуртом.
Почему, ПОЧЕМУ одна анимация идёт вперёд, когда они должны идти синхронно?
Получается хуита и между двумя анимирующимися объектами случается пробел в 1-2 пикселя.
БУГУРТ.
Итак, пстач, я сошёл с ума
Калькулятор на CSS
http://nico-izo.github.com/calc.html
Мозилловцы настолько офигенны, что даже офигенны офигенны офигенны.
В стандарте CSS3 обнаружил, что будут КАЛЬКУЛЯТОРЫ^W calc
Пример
width: -moz-calc(100% — 80px);
Мозилловцы уже впилили!
https://developer.mozilla.org/en/CSS/-mo...
Я аж кислородом захлебнулся.
Видимо, я угорел по КСС.
Хоспаде, когда эти правила прекратят множиться
background: #87b4eb; /* old browsers */
background: -moz-linear-gradient(top, #87b4eb 0%, #3770b5 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87b4eb), color-stop(100%,#3770b5)); /* webkit ... more →
*CSS3 is used by:
Nico-izo
Nico-izo
Johan
johan
Iwasawafag
Iwasawafag
asmer
asmer
Nico-izo
johan
Iwasawafag
asmer