Hej mirki,

Na swojej stronie jako ikonek używam sobie sprajta svg ustawionego jako tło w CSS. Wszędzie to działa całkiem okej - oprócz IE11 gdzie ikonki są lekko przesunięte w dół. Wiecie może co może powodować taki problem?

Tutaj moje pytanie na stacku: http://stackoverflow.com/questions/34745219/svg-sprite-icons-have-top-margin-on-ie11

#webdev #css #svg #sprite #programowanie ( ͡° ͜ʖ ͡°)

Używa ktoś #svg tworzonego przez siebie nas stronach? Potrzebuję jakiś sensowny workflow na linii #illustrator > #nodejs ( #grunt albo #gulp ) > inline svg (czy jak się tam nazywa ten svg, do którego można się dostać przez DOM). Nie chce mi się tego robić ręcznie. Jakoś niedawno czytałem arta o tym jak się to poprawnie robi i o jakiejś bibliotece do grunta, ale za cholerę nie mogę teraz znaleźć. Ktoścoś? BoPokaż całość

Mireczki mam problem, otóż:
Mam wektorowy tekst i tło jako obrazek, exportuje do svg, następnie gdy kompresuję do zip czy rar'a usuwa mi tło,
ktoś miał podobny problem?
Ktoś wie how2fix?

#illustrator #svg #kompresowanie #mirkisieznajo #grafika #design #problem

http://talks.brennaobrien.com/svg-typography/

Ciekawostki w #svg

#webdev #webdevlinks

Efekt pijanej przeglądarki dzięki użyciu foreign Object (od 11:20m)
Do znawców tematu: jest możliwość zrobienia czegoś takiego bez przeklepywania kodu do Visuala?
#visualstudio #html5 #webdev #svg

Potrzebuję ikonek popularnych frameworków i technologii. Fajnie jakby były w podobnym stylu. Znalazłem coś takiego, ale trochę mały wybór: https://www.iconfinder.com/iconsets/long-shadow-web-icons

Polecicie coś innego?

#frontend #svg #webdev #webdesign

Dostaję #!$%@? z jedną stroną. Pisałem o tym już kiedyś ale temat wrócił i za żadne skarby nie mogę tego zmusić do działania.
Próbuję ją napisać całkowicie od nowa ale to jest za dużo #!$%@?.
Szybkie wytłumaczenie problemu: mam mapę w SVG, po najechaniu pobierane są przez ajaxa dane miejsca - teoretycznie działa.
Jednak przy szybkim ruchu myszą pozycje pageX,pageY są często z dupy bo skrypt nie czai zmiany polygonu. Tak samoPokaż całość

Jak zdefiniować przestrzeń nazw xlink dla tego:
data:image/svg+xml,%0A %0A %0A <%2Ffilter>%0A%0A %0A %0A <%2Fmask>%0A<%2Fsvg>

?

Bo zwraca błąd że tego brakuje.

#firefox #css #svg #webdev #frontend

#css #firefox #svg #webdev #frontend

Chcę obrazek z kanałem alpha ustawić jako maskę na element HTML za pomocą CSS.
W Firefoksie nie ma czystego rozwiązania(o ile mi wiadomo) więc pozostaje wspomóc się SVG i data uri.

.el {
mask-clip: url('data:image/svg+xml;utf8, ... ');
}

Tak będzie działać?

I teraz pytanie:
Jak ma wyglądać element SVG?

#webdev
Zabrałem się w końcu za #svg no i mam małą zagwostkę.
Mam coś takiego: http://codepen.io/anon/pen/YyyzqM
I teraz jak zrobić aby jakaś ścieżka, jakakolwiek działała przez jQ?
Chodzi mi o zwykły klik na path aby zadziałało cokolwiek innego.
Zwykłe nadanie klasy nie zmienia totalnie nic.

Mirki, animacje SVG są zajebiste jednak nie bardzo jeszcze potrafię zrobić tak by to działało dokładnie tak jak chce.
Jakie materiały w necie godne polecenia? Rzecz raczej prosta, animowane linie. #webdev #svg

https://smarticons.co/

800 darmowych edytowalnych ikon SVG. Dodatkowo możliwość zbiorowej edycji całych kolekcji.

Oprócz tego dwa plany płatne:
roczny $49 - 2600+ ikon
wieczny $149 - wszystkie dostępne + 100 nowych miesięcznie

#webdev #svg

Ktoś się kiedyś bawił generowaniem #svg w #php? Samo wygenerowanie to nie problem - problem się pojawia kiedy chcę połączyć ze sobą dwa w jeden. (gdzie jeden ma być zagnieżdzony) Ktoś coś pomoże?

Zabieram się zaraz za prosty edytor produktu. Coś w stylu obrazka poniżej.
Przy każdej ściance będzie ikonka do wyboru koloru - po wybraniu ścianka zmieni kolor.
A po wszystkim chcę wygenerować z tego obrazek.

Może ktoś widział podobny edytor w html/js - chętnie bym podpatrzył :)

#canvas, #svg, #webdev

http://coogyloop.com/
Prosta ale wciągająca #gierka (a właściwie demo)
#webdev, bo zrobione w #js i #svg ;)

Mireczki, mieliście kiedyś problem z safari i svg?
koduję sobie xml/svg do base64 i wysyłam do href, żeby użytkownik mógł pobrać obrazek. Na lisku i chromie śmiga pięknie, ale safari chyba nie obsługuje base64, a niekodowane (tzn. utf8) też coś nie działa. Macie jakiś pomysł jak dynamicznie załatwić ściągnie svg od strony klienta?

pomocy :<
spam tagami, wybaczcie:
#svg #safari #javascript #programowanie #webdev może trochę #grafika ?

http://codepen.io/sol0mka/full/XJjLxe/
Fajny pomysł na zamykanie modali ;)
#webdev #webdesign #svg

Swego czasu napotkałem się w sieci na generator css/svg(?) backgroundów takich jak ten . Ma ktoś może link do takiego rozwiązania?

#webdev

#css

#javascript

#svg

#gif (?) #svg #film #batman

Ewolucja loga Batmana: http://tavmjong.free.fr/blog/wp-content/uploads/BATMAN/batman_logos.svg

#pytanie

Pytam jeszcze raz, bo albo poprzednie pytanie przepadło razem ze źle działającym streamem mikrobloga, potocznie nazywanym #shadowban (czyli ##!$%@?), albo... nie wiem co...

#programowanie #grafika (bo #svg)

Potrzebuję zmniejszyć obrazek, który samemu stworzyłem. Niestety, gdy zmniejszam jego wartość do 16px na 10px, praktycznie nic nie widać. Czy jest w ogole możliwe tworzenie tak maleńkich obrazków svg, albo chociaż odpowiednie zeskalowanie całości? Ewentualnie - czy jest możliwe, aby obrazek po zmianiePokaż całość