[rukh]

Zmienne w CSS! (w Firefox już działa, Chrome od wersji 49, Opera troszkę za Chrome)
Już się nie będzie mówiło, że HTML to nie jest programowanie.
#ciekawostki #programowanie #html #webdev #css #javascript

[Greg36]

Już się nie będzie mówiło, że HTML to nie jest programowanie.

@rukh: HTML - Hypertext Markup Language

A markup language is a system for annotating a document in a way that is syntactically distinguishable from the text.

Nie.

[poszlo_wyszlo]

@rukh: ale to nie jest html tylko css ;p

[rukh]

@Greg36: No to się zmieni postrzeganie na HTML, napisałem.

[laza]

@rukh: a kiedy w IE znaczy się Microsoft Edge? ( ͡° ͜ʖ ͡°)

[l.....r]

a kiedy w IE znaczy się Microsoft Edge? ( ͡° ͜ʖ ͡°)

@laza: nazywanie Edge IE to trochę nadużycie.

[dikamilo]

@rukh: fajnie tylko po co, większe rzeczy i tak się pisze np. w SASS.

[Marmite]

Już się nie będzie mówiło, że HTML to nie jest programowanie.

@rukh: A jesteś w stanie pokazać, że czysty HTML jest kompletny w sensie Turinga? ( ͡° ͜ʖ ͡°)

[Greg36]

@rukh: Dla wstecznej kompatybilności i tak trzeba będzie przez jakiś 4 lata w produkcji pisać to tak:

html {
--foreground-color: #333;
--background-color: #fff;
}

body {
background: #fff;
background: var(--background-color);
color: #333;
color: var(--foreground-color); 
}

Nie dodaje to żadnych nowych możliwości do CSS, jedynie syntaxową wygodę która już jest w preprocesorach.

Chcesz używać zmiennych, masz Sass i Less które oprócz tego mają dziesiątki innych udogodnień.

[kamil062]

@rukh: Nie wiem na co to var() skoro można by zostawić bez, ale tak czy tak to jakiś postęp

[Marmite]

@laza: https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6261292-css-variables
http://dev.modern.ie/platform/status/cssvariables

[fnord23]

Jeszcze kilka ficzerów i CSS zastąpi JavaScript \o/

[karer]

@kamil062: mysle ze po to zeby zachowac standardy z innych jezykow chociazby. Nie wiesz jak dalej CSS bedzie rozwijany wiec nie wiesz czy sie nie przyda. Ci co go rozwijaja wiedza...

[npsr]

@rukh: co mnie to obchodzi, co przeglądarki obsługują a co nie ... I tak od lat używa się preprocessorów i innych autoprefixerów.
Jak miałbym czekać aż przeglądarki zaczną obsługiwać na przykład ECMA script 2015 to klepał bym pewnie jeszcze w html 4.01 :P

[cykus]

@rukh: do takich rzeczy tylko less/sass

[marcinzwwa]

@rukh: tak jak wyzej pisali, co z tego jak trzeba wsteczne wsparcie robic i tak wiec 2x linii CSS sie zrobi

[rukh]

@marcinzwwa: do tego trudno zrobić wsteczne wsparcie.

[Japki]

@Greg36: A co to za zapis?

[K.....u]

@rukh: I tak to miałem w SCSS, w dodatku z o niebo milszą składnią.

[Kadet]

@rukh: Słabe i durne, nie dodaje absolutnie nic bo to nie są zmienne tylko stałe, nie można na nich nawet wykonywać operacji, a tylko będą zamulały przeglądarki kolejnym zbędnym ficzerem, którego i tak każdy szanujący swoje zdrowie psychiczne używa w preprocessorach, które są lepsze nie tylko pod tym względem. Gdyby dodali coś w stylu height: width - 5px, o wtedy byłaby rewolucja i coś fajnego. Ale tak? Bardzo słabe.

[morteusz]

@rukh: lepiej używać LESS bądź SASS