[klocus]

➊ Darmowe narzędzie do konwertowania ikon SVG i PNG na czysty #css.
http://iconizr.com

➋ Jeżeli zapiszecie się do Microsoft Visual Studio Dev Essentials, to otrzymacie bezpłatny dostęp przez 6 miesięcy do platformy Pluralsight. Znajdziecie tam masę kursów, np. #javscript, #php, tworzenia aplikacji mobilnych, animacji 2D + 3D, node.js i wiele, wiele innych!
http://bit.ly/1NMmeLI

➌ Emmet LiveStyle, czyli (podobno) pierwsza taka aplikacja, która pozwala na edycję CSS, LESS i SCSS w czasie rzeczywistym zarówno w edytorze jak i konsoli dewelopera.
http://livestyle.io

➍ Animatron to proste lecz potężne narzędzie do tworzenia animacji #html5 wraz z interaktywną zawartością. W dodatku nie wymaga żadnych zdolności programistycznych. Niestety darmowy plan ma kilka ograniczeń.
https://www.animatron.com

➎ Od 1 lutego, każdy nowy kod wrzucony na Stack Overflow będzie udostępniany w ramach licencji MIT.
http://bit.ly/1JjcHj5

➏ Wallop to biblioteka JS ważąca 4kb. Służy do tworzenia sliderów.
http://pedroduarte.me/wallop/

➐ Bardzo ładny zamiennik JavaScript-owego alertu.
http://t4t5.github.io/sweetalert/

➑ Biblioteka "magicznych" animacji CSS
http://bit.ly/1sCL35c

➒ Jeżeli szukasz fajnej i krótkiej domeny do swojego projektu, http://www.domainhack.me/ tobie pomoże.

➓ Prosty sposób na sprawdzenie zagęszczenia pikseli na Waszych ekranach.
http://dpi.lv/

➡ #grafika #design #webdesign
Dzięki http://magicmockups.com/ oraz http://mockdrop.io/ możecie w łatwy sposób wstawić swój projekt w miejsce laptopa, tabletu lub telefonu ;-)

➡ Chcesz więcej? Zapraszam na fanpage: https://www.facebook.com/sruupl

#webstuff - tag, który możesz obserwować, aby być na bieżąco z moimi cotygodniowymi wpisami
#webdev #humorinformatykow

[rukh]

@klocus: Dobra, to narzędzie z pierwszego linku raczej brudzi kod. Według mnie nie idzie się odczytać.
Przykładowy plik.svg (dwie kreski, obrócony fragment elipsy i krzywa beziera)

[TwigTechnology]

@rukh: bo to nie jest do odczytywania, tylko do używania svg jako ikon. Przydaje się jak masz tego kilkanaście/-dziesiąt/-set - robisz sobie import takiego css (najlepiej zgzipowanego) i masz dostęp do dowolnej ikonki jedną klasą i bez robienia wielu requestów do serwera. A jak chcesz poszaleć np z animacjami, to możesz automagicznie osadzić taką ikonkę w kodzie strony i mieć dostęp do całego svg w DOMie. Ostatnio przerabiałem temat #svg to

[bialekwciagarogale]

@klocus: ten emmet livestyle obsługuje sass? mam sass i go kompiluję do css webpackiem i jak to spiąć? nie da rady? to po cholerę takie narzędzia? kto w dzisiejszych czasach klepie czysty css?

[phervers]

@klocus: @rukh: @TwigTechnology: Ja polecam do ikonek icomoon.io . Potrafi generować deklaracje svg, a również icon-fonta, nie ma jakiejś śmiesznej kolejki, czy oczekiwania. Poza tym svg jest fajne i w ogóle, ale jeśli jest dużo ikonek to font będzie mniejszy niż svg.

[TwigTechnology]

@phervers: słowo klucz - font. Nie powiem - wygodne, sam używałem i polecałem, ale to jednak font. Na dzień dobry dostaniesz zjebkę za to, że czytniki dla osób z wadami wzroku będą chciały przeczytać twoje fonto-ikony... do tego będziesz ograniczony do wycinka możliwości svg czyli wyłącznie wypełnionych kształtów (icomoon nie obsługuje obrysów/ścieżek) - no i ostatnie - nie osadzisz takiego fontowego svg w DOMie, żeby go sobie animować albo zmieniać

[IcyHot]

@klocus: taktyk :)

[phervers]

@TwigTechnology: Zawsze są plusy i minusy. Dla mnie zaletą jest to że w foncie mogę sobie nadać dowolny kolor, albo zmieniać go onhover. Poza tym tak jak pisałem, fonty są mniejsze już przy kilkunastu ikonkach. Jeśli chodzi o accessibility, to nie zawsze jest to czynnikiem, a jeśli jest to są sposoby na rozwiązanie tego. No i niestety IE8 jeszcze całkiem nie umarło. Wszystko zależy od potrzeb :)
Oczywiście jeśli potrzebujesz jakichś

[mesrs123]

@klocus: tktyl

[ludi_anderson]

Ktoś próbował zarejestrować się do PluralSight? Ja klikam w guzik register i nic się nie dzieje.
EDIT: W Chromie nie da się kliknąć, a w IE poszło ( ͡° ͜ʖ ͡°)

[V.....z]

@klocus: taktyk