@michalkosecki: Pytanie dyletanta, SVG żyje, kiedyś zabłyśnie? Z jednej strony jest to coś pokrewnego do elementu w html5 („very good browser support”), z drugiej strony mam wrażenie, że to coś egzotycznego dla ludzi. A na przykład do (chyba) popularnych infografik to świetne rozwiązanie, choćby przez głupią możliwość umieszczania działających linków (nie najlepszy przykład, ale może być rozpiska dystrybucji linuksa). No ale to co naturalne dla przeglądarki internetowej, dla
@staa: svg to jeden z najzgrabniejszych formatów wektorowych i ta prezentacja pokazuje właśnie, gdzie ma on większe uzasadnienie od robienia czegoś podobnego np. w CSS.

moim zdaniem interfejsy wektorowe to przyszłość, ale jak to będzie obsługiwane przez różne środowiska/narzędzia- ciężko stwierdzić. póki co jest np. Sketch, który dobrze się przyjmuje, a który w całości opiera się na tworzeniu interfejsów wektorowo.
Mirki potrzebuję ogarnąć Tooltipa - bez Javascriptu (pure css).
Znalazłem to czego potrzebuję, bez większego problemu, ale walczę z dostosowaniem go do moich potrzeb.

Do chmurki tooltipowej potrzebuję upchnąć nieco więcej tekstu niż przewidziane było przez twórcę tego pure css`owego skryptu.

https://jsfiddle.net/5ymwk5q2/

tekst wpisywany jest w atrybut TITLE - a tam nie da się go już formatować HTMLem. Nadmiar tekstu wychodzi poza ekran zamiast się sensownie zawijać

Co zrobić żeby pomieścić zgrabnie
Można się odwołać w jakiś sposób to wcześniej zdeklarowanej właściwości w map-ie? Chodzi mi o coś w tym stylu:

$map: (
bg: #123456,
bgLight: mix(white, [referencja do bg a'la: map-get($map, bg)], 30%);
);
// nie zadziała, bo zmienna $map nie jest zadeklarowana

#webdev #sass #css
@Eggy: chyba niemożliwe:( A nie możesz bg zadeklarować przed $map? W sumie pozostaje jedynie taki trik:

$colors: (
white: #fff
);

$colors: (map-merge((
black: invert(map-get($colors, white))
), $colors));

.black {
color: map-get($colors, black);
}
@Chanandler: mógłbym tak zrobić ale po co w takim razie robić obiekt? można wszystkie właściwosci włożyć do osobnych zmiennych i po sprawie :P W tym sęk żebym miał 1 zmienną konfiguracyjną..
#programowanie #javascript #html #css

Gdzieś na jakiejś stronie widziałem bardzo ładnie zrobioną rzecz, mianowicie był div z jakimś tekstem i jak się kliknęło na ten tekst to można było go od razu edytować. To znaczy: po kliknięciu, tekst automatycznie zamieniał się na obiekt (prawdopodobnie textarea). Zmiana była praktycznie niezauważalna, obiekt textarea miał dokładnie tą samą wielkość i kolory co div z tekstem.
Właśnie próbuję osiągnąć coś podobnego. Wszystko już w sumie mam,
sass/less mixins:

.font(@weight,@size,@line) {
font-family: 'font-name-goes-here@{weight}', sans-serif;
font-size: @size * 1px;
line-height: @line * 1px;
}

+ np.

.spacing(@a,@b,@c,@d) {
margin: @a @b;
padding: @c @d;
}

zajebiscie skraca pliki robocze + ulatwia robote. zaczalem sobie to stosowac niedawno i sprawdza sie zajebiscie bo nie trzeba powtarzac po kilku deklaracji + mocno upraszcza/skraca pisanie media querries

#webdev #css #less #sass