[Tom_Ja]

Odkąd założyłem konto na CodePen zachwycam się różnymi projektami.

Dużo tam obrazków tworzonych, z tego co widzę w CSS. Przykłady: #1 #2. Mam parę pytań:

1. W jaki sposób są pisane te obrazki? Chyba nie po prostu w CSS-ie, patrząc na przerażającą czasami ilość liczb, znaków (w tych przykładach akurat tak strasznie nie jest).

2. Zgaduję, że takie są lepsze od zwykłych obrazków, wklejanych na stronę (.jpg, .gif). Z jakich powodów? Czy też dlatego, że mogą być responsywne (dobrze to pojmuję?), czy też może lepiej sąsiadują z innymi elementami na stronie?

3. Gdzie można by się tego nauczyć? Jak to się w ogóle nazywa?

Dzięki za odpowiedzi :)

#webdev #frontend #programowanie #css #grafikakomputerowa

[d.....u]

@Tom_Ja: 1. wykorzystanie CSS + :before i :after
2. wątpie, czy są lepsze od SVG, to chyba taka sztuka dla sztuki, dowód, że się da

[biadolique]

@Tom_Ja: "CodePen requires JavaScript to render the code and preview areas in this view." hehe no chyba nie

[vnmx]

@Tom_Ja
1. Trudno powiedzieć. Wypadłem z branży kilka lat temu
2. Coś może być lepsze jeżeli się przydaje ? Co się liczy w Google ? Pozycja ? Nie wiem czy ktoś badał wpływ indexowania tron z obrazkami w css
3. Wyznacznikiem inteligencji jest umiejętność korzystania z Google

Tak serio. Różnica między css a jpg ? Rozmiar obrazu ? A co za tym idzie czas ładowania strony.

Tyle w tej chwili

[o.....r]

@Tom_Ja:
1. część ręcznie metodą prób i błędów, niektóre pewnie można jakoś programowo generować.
2. 99,9% to sztuka dla sztuki
3. czytać dokumentację, oglądać inne, próbować.

[niewidzialnyktos]

@Tom_Ja: Nie rozumiem, masz tutaj wszystko w przykładzie i się pytasz gdzie się tego nauczyć? Ja #!$%@?

[zackson]

Różnica między css a jpg ? Rozmiar obrazu ? A co za tym idzie czas ładowania strony.

@vnmx: i co myslisz? ze ktos będzie sie #!$%@?ł z cssem i tworzyl takie cuda zeby zaoszczedzić 10KB na obrazku? CSS jest do stylowania a nie tworzenia grafiki jako takiej.
@Tom_Ja takie cuda to tylko pokaz umiejętności i fajny przykład, że CSS to nie tylko "kolorowe literki".

[vnmx]

@zackson zalozmy nisze na rynku, tworze strone ktora przyciąga debili. Nie wiem co robi ale wymaga tony grafiki (która musisz tam hm? Przesuwac myszka ? Moze wtedy to kwestia oszczędności i transferu i czasu ładowania )

[Pukie]

@vnmx: @zackson: @Tom_Ja: polecam Razvan'a Caliman prezentację z tegorocznego infoshare http://razvancaliman.com/css-for-decoration/#/

[Tom_Ja]

3. Wyznacznikiem inteligencji jest umiejętność korzystania z Google

@vnmx: Myślę, że dużo lepiej jest zadać takie pytanie osobom, które się na tym znają, niż wpisanie w Google niczego. Bo nie znam nazwy tego :) Co miałem wpisać, kochany Google, jak to się nazywa to coś na Codepen, którego nie znam nazwy? ;)

I nie wiem, może to źle pojmuję (naprawdę jestem zielony w materii programowania), ale jest na to jakaś

[techko]

Swoja droga robienie takiego czegos poprzez css mija sie z celem, svg daje zbyt duzo mozliwosci interakcji i relatywnie latwo osiagnac zamierzony efekt bez potrzeby tworzenia niepotrzebnych elementow i meczenia sie nad uporzadkowaniem ich w odpowiedni sposob