*CSS3

Nico-izo 21.11.2011 19:50

Часы^W таймер, отсчитывающий время с захода на страницу. Ещё делается, так что не питайте, я ещё пилю, если допилю серверную часть, то будут вполне себе часы.
http://91.215.121.4:777/ex/clock.html

johan 21.11.2011 18:13

Отберите у @Nico-izo CSS, а то такими темпами он скоро захватит мир :-D

Nico-izo 20.11.2011 15:51

Куча логотипов на чистом CSS. Пара картинок для завлечения внимания:
http://www.splashnology.com/uploads/2011...
http://www.splashnology.com/uploads/2011...
http://www.splashnology.com/uploads/2011... ... more →

Nico-izo 19.11.2011 12:14

В www-style третий день идёт непрерывный срач на тему отмены или изменения политики вендорных префиксов, а всё после того, как кто-то вбросил знатно.
В общем, http://lea.verou.me/2011/11/vendor-prefi...

CSS3, W3
Nico-izo 17.11.2011 16:46

Пстущ, я тут для себя открыл всю мощь HTML5 cache.
Благодаря простому Cache manifest мы получаем то, что хотим. Делаем HTML5 страничку, вставляем пруф на манифест, делаем link на пиктограммы наших изображений и вперёд кодить.
ВСЁ! Ведроид, ипхон и мига один ударом.

Nico-izo 16.11.2011 19:58

БОООООЛЬШЕЕЕ ФИЧ, БОЛЬШЕ, БОООООЛЬШЕ!
ЦИКЛЫ, ФУНКЦИИ, ПЕРЕМЕННЫЕ, КОНСТАНТЫ, ДА, ДА, ТОЛЬКО ТЮРИНГПОЛНОТА И ОСЬ НА CSS! ТОЛЬКО ХАРДКОР!

Nico-izo 16.11.2011 16:28

http://91.215.121.4:777/ex/pulse.html

скопировал отсюда и сделал кроссбраузерным
http://www.webkit.org/blog-files/pulse.h...

Nico-izo 16.11.2011 15:06

Простенькая демонстрация CSS3 animation
P.S. firefox only. Opera не умеет animation, webkit и IE9 не умеют его применять к псевдоэлементам.
Вот такая ололота.
http://nico-izo.github.com/webkitbug3.ht...

Nico-izo 15.11.2011 14:02

Почитал мейлинг листы рабочей группы 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 МОЕЙ МЕЧТЫ!

Nico-izo 14.11.2011 16:46

Вношу новый тег в свой репертуар.
Скорее всего, к версии 4 CSS эволюционирует в нечто совсем иное, ибо появление:
Переменных
Констант
Объектного селектора
calc и иже с ним
*многих фич*
очень сильно поменяет суть.

Nico-izo 12.11.2011 12:38

В продолжение #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 →

Nico-izo 12.11.2011 12:37

Иногда возникает ощущение, что я один читаю стандарты на w3.org.
Недавно, листая список черновиков CSS3 наткнулся на этот
http://www.w3.org/TR/css3-content/
Для тех, кому лень читать, приведу *некоторые фичи* (Всё описывать нет смысла)
div { content: 'A' }
div::before { content: 'B'; }
div::before::before { ... more →

Nico-izo 08.11.2011 06:53

Запилил Ъшные тултипы на CSS.
http://nico-izo.github.com/css-tooltips....

Nico-izo 07.11.2011 21:53

Запилил тултипы на чистом CSS. Я доволен.

CSS3, Ъ
Nico-izo 06.11.2011 22:39

Как это классно: написать штуку, только по стандартам, никакого JS, никаких костылей...
И она *просто* работает. Работает так, как ты скажешь.
А потом я вспоминаю про говнобраузеры, криворуких разрабов и долбоёбов, которые будут кричать, что надо верстать под IE6 и ты хуй, который не осилил IE6.
И я погружаюсь в ... more →

Nico-izo 05.11.2011 14:45

На самом деле, это великолепно, когда можно сделать великолепную Ъшную и юзабельную вещь только при помощи CSS3 и HTML5.
Уже сейчас можно делать нешутёвые по сложности и красоте вещи, а-ля галереи, попапы, выпадушки, шевроны и т.д. только при помощи CSS.
ЪЪ

Nico-izo 31.10.2011 15:30

Господа, есть стандарт CSS3 Transitions.
http://www.w3.org/TR/css3-transitions/
В нём, как бы, сказано, что
Applies to: all elements, :before and :after pseudo elements
Возник вопрос, а какого хрена если я указываю в элементе #elem1
некий transition, он не применяется на ::before и ::after?
Допустим, вот ... more →

Nico-izo 31.10.2011 14:43

У меня от реализации CSS transitions в вебките и жопере случается разрыв шаблона с последующим бугуртом.
Почему, ПОЧЕМУ одна анимация идёт вперёд, когда они должны идти синхронно?
Получается хуита и между двумя анимирующимися объектами случается пробел в 1-2 пикселя.
БУГУРТ.

Nico-izo 30.10.2011 14:13

Итак, пстач, я сошёл с ума
Калькулятор на CSS
http://nico-izo.github.com/calc.html

Nico-izo 29.10.2011 22:38

Посоны^W Кажется, я сделал калькулятор на CSS

Nico-izo 29.10.2011 21:42

Мозилловцы настолько офигенны, что даже офигенны офигенны офигенны.
В стандарте CSS3 обнаружил, что будут КАЛЬКУЛЯТОРЫ^W calc
Пример
width: -moz-calc(100% — 80px);
Мозилловцы уже впилили!
https://developer.mozilla.org/en/CSS/-mo...
Я аж кислородом захлебнулся.
Видимо, я угорел по КСС.

Nico-izo 28.10.2011 17:03

Хоспаде, когда эти правила прекратят множиться
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