Językiem SVG (XML), służący do opisywania grafiki wektorowej. Polecam się zapoznać, ciekawy język.
Za pomocą [](http://www.w3schools.com/svg/svg_path.asp) narysujemy każdą figurę.
Nie trzeba się trudzić paskudząc kod pseudoelementami z CSS.
#webdev #svg #javascript #cssdemo #codepen_rukh

Pokaż spoiler

➊ Niewielki, ale za to jaki przydatny plugin #jquery! .customSelect() pozwoli zrobić z rozwijanymi listami to co w czystym #css trudno osiągnąć (choć nie jest to niemożliwe), czyli ostylować ich wygląd.
http://bit.ly/242hM6F

➋ Open Source-owa "szkoła" nauki #php. I to w dodatku w terminalu.Pokaż całość

Testuję sobie teraz wydajność kodu animacji svg w czasie rzeczywistym. Przy ruchu 500 punktów widać zacinanie, a przy ruchu 1500 punktów widać to już wyraźnie.
Czy niska ilość fps przy takich ilościach obiektów w animacji jest zazwyczaj spotykana, czy są to już wartości kiepskie (i nie powinno nic się zacinać aż do na przykład 5000 obiektów lub więcej)?
#svg #webgl #demoscena #javascript

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 doPokaż 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

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.Pokaż całość

#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 {Pokaż całość

#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+ ikonPokaż całość

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 #webdevPokaż całość

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