Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 09/12/2016 in Posts

  1. function foo(...ns) { ns.sort((a, b) => a - b); ns[0] = 0; return ns .map(n => n * n) .reduce((sum, n) => sum + n, 0); } console.log(foo(3,1,2)); https://jsfiddle.net/swLgwgde/ UPD: ппц форум форматирование кода ломает
    2 points
  2. От сюда начинается счастье) Помимо палитры еще, столько нового добавят в CSS четвертого уровня, вот например, цвета можно будет устанавливать во всех известных на сегодняшний день палитрах! <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <gray()> | <device-cmyk()> | <color-mod()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color> Вы на это только посмотрите: em { color: lime; } /* color keyword */ em { color: rgb(0 255 0); } /* RGB range 0-255 */ em { color: rgb(0% 100% 0%); } /* RGB range 0%-100% */ Ваще взрыв!!! Теперь цвета можно задавать в процентах! А вот кто ни будь мечтал о цветовых профилях в CSS? @color-profile = @color-profile <custom-ident> { <declaration-list> } Цвета можно будет совмещать с кучей разнообразных функций: color-mod() = color( [ <color> | <hue> ] <color-adjuster>* ) <color-adjuster> = [red( | green( | blue( | alpha( | a(] ['+' | '-']? [<number> | <percentage>] ) | [red( | green( | blue( | alpha( | a(] '*' <percentage> ) | rgb( ['+' | '-'] [<number> | <percentage>]{3} ) | rgb( ['+' | '-'] <hash-token> ) | rgb( '*' <percentage> ) | [hue( | h(] ['+' | '-' | '*']? <angle> ) | [saturation( | s(] ['+' | '-' | '*']? <percentage> ) | [lightness( | l(] ['+' | '-' | '*']? <percentage> ) | [whiteness( | w(] ['+' | '-' | '*']? <percentage> ) | [blackness( | b(] ['+' | '-' | '*']? <percentage> ) | tint( <percentage> ) | shade( <percentage> ) | blend( <color> <percentage> [rgb | hsl | hwb]? ) | blenda( <color> <percentage> [rgb | hsl | hwb]? ) | contrast( <percentage>? ) Контрасты, смешивания, осветления, затемнения и т.д. Прям редактор такой, который сможет хорошенько потомить и растровых и векторных перфекционистов!)) Теперь большинство элементов смогут обращаться к другим элементам, вызвав их по id или классу или просто проверками. Так например background получил кучу новых событий. <style> #src { color: white; background: lime; width: 300px; height: 40px; position: relative; } #dst { color: black; background: element(#src); padding: 20px; margin: 20px 0; } </style> <p id='src'>I’m an ordinary element!</p> <p id='dst'>I’m using the previous element as my background!</p> А как вам новые градиенты? А увидев новые селекторы четвертого уровня, я вообще чуть не наложил в штаны! Теперь можно будет такие проверки мутить, что jQuery будет курить в стороне и ждать пока понадобится.
    1 point
  3. В январе 2013-го Алексей с Хабра (и Анджей Мазур со Смэшингмэгэзина, которого он перевел) думали совершенно правильно. Но всё меняется, а черновики CSS-спек делают это с особым циниз постоянством. В теперешней версии черновика понятие «субъект селектора» (тот самый восклицательный знак) ушло, но к родителю (а также к предшествующему соседу, например) можно обращаться через :has(). Но с оговорками (см. мой ответ выше) и пока лишь в теории... P.S. И да: CSS-модуль 4 (5, 6...) уровня != CSS4 (CSS5, CSS6...)
    1 point
This leaderboard is set to Kiev/GMT+02:00
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy