To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo

HydePark - CSS 3 - nauka

Whinter - 17-09-2013, 21:51
Temat postu: CSS 3 - nauka
Siemaneczko! :D Nie wiem, czy to pasuje tutaj, czy bardziej do Hyde Parku.

Potrzebuję jakiegoś poradnika do CSS 3. A właściwie, ogólnie do CSS, ale głównie do CSS 3. Ogarniam jako-tako CSS 2 (bodajże), na tyle by jakąś tam stronę skleić, ale miewam problemy które naprawiam pewnie naokoło i z błędami w kodzie.

Zależy mi na tym, by zacząć nauką rzetelnego tworzenia stron - umiem robić layouty w PSie, a teraz czas na to by je kodować xd (równolegle uczę się podstaw-podstaw javascriptu), tak jak powinno się to robić. HTML 5 swoją drogą muszę ogarnąć (mam paczki materiałów szkoleniowych), a dot. CSS 3 przychodzę właśnie tutaj.

Właściwie mógłbym uczyć się z poradników dla total laików, którzy dopiero dowiadują się czym jest CSS, ale męczy mnie to przechodzenie przez podstawy które znam, a nie lubię omijać jakichś elementów xd
Dlatego mam nadzieję, że będziecie mieli dla mnie "złoty środek", który pozwoli mi opanować "w pełni" obecnie funkcjonujący CSS (3?).

Oczywiście chodzi mi o wszelakie źródła online i za darmo xd Jakieś kursy w PDFach z zajęć (takie jak mam z HTML 5 xd), czy coś... No w każdym razie zdaję się na Was :)

Z góry ogromne dzięki ;)

Kedalion - 17-09-2013, 21:57

Poszukaj na necie jakiś darmowych ebook-ów.
Na google jest pełno takich rzeczy ;)

https://www.google.pl/sea...-8#q=css3+ebook

I tutaj jest strona również temu poświęcona, http://css3.pl/ :)

Boltex - 18-09-2013, 01:05

Od siebie polecam http://www.codeschool.com/
Tommekk80 - 18-09-2013, 04:35

Jeszcze http://www.codecademy.com/
Whinter - 18-09-2013, 17:42

Boltex napisał/a:
Od siebie polecam http://www.codeschool.com/

To na pewno darmowe?

Tommekk80 napisał/a:
Jeszcze http://www.codecademy.com/

Świetne :D Na pewno (s)korzystam, dzięki!

Kedalion napisał/a:
I tutaj jest strona również temu poświęcona, http://css3.pl/

Ah, znałem tą stronę, ale jakoś zapomniałem. Tyle, że nie lubię tamtejszego chaosu w lekcjach, ale na pewno coś mi pomoże :P

Boltex - 18-09-2013, 20:52

Whinter, płatne ;) ale mogę Ci podesłać reflinka i będziesz miał wgląd na 48h, potem możesz sobie zrobić kolejne konto z tego samego linku i tak dalej :D
Whinter - 19-09-2013, 15:02

Nie no, aż tak się bawić nie będę xd

Tylko mam pewien problem... A polega on na tym, że nie wiem jak się za te poradniki wziąć. Gdy uczyłem się pierwszy (i jedyny) raz, problemu nie było - nie umiałem nic, więc szedłem po kolei z lekcjami wg pl.html.net. Teraz coś już tam umiem i nie wiem za co się zabrać xd

MQs - 19-09-2013, 16:04

Nie wiem czy jest sens uczyć się css na samej teorii, chyba że chcesz być kimś więcej niż coderem front-endu (guru css'a?). Moim zdaniem lepiej próbować coś zrobić - np. skopiować ciekawe rozwiązania z odwiedzanych stron i rozwijać się poprzez podpatrywanie i szukanie lepszych, bardziej zaawansowanych rozwiązań. Oczywiście przy założeniu, że wie się już co można osiągnąć samym css'em.

Za inspirację i uświadomienie sobie możliwości/ograniczeń mogą posłużyć przykłady (snippets) z http://css-tricks.com/
Jeśli chodzi o teorię (zrozumienie czegoś, a nie np. znalezienie nazwy atrybutu) to wg mnie potrzeba dwóch podstawowych rzeczy:
- zasad pozycjonowania elementów - http://www.barelyfitz.com...ss/positioning/
- składni selektorów - bardziej zaawansowane tutaj: http://benhowdle.im/cssselectors/

Z czego dwa powyższe wystarczą (szczególnie pierwszy), żeby zacząć interesować się SASS'em - http://www.youtube.com/wa...CB1F80266E986EA

Whinter - 19-09-2013, 20:13

MQs napisał/a:
Moim zdaniem lepiej próbować coś zrobić - np. skopiować ciekawe rozwiązania z odwiedzanych stron i rozwijać się poprzez podpatrywanie i szukanie lepszych, bardziej zaawansowanych rozwiązań. Oczywiście przy założeniu, że wie się już co można osiągnąć samym css'em.

By odgapiać trzeba wiedzieć jak robić takie efekty. Poza tym pisałem wcześniej, że niektóre rzeczy pewnie robię naokoło (a dla mnie to normalny sposób) i naprawiam też pewnie coś inaczej niż się powinno.

MQs napisał/a:
- zasad pozycjonowania elementów - http://www.barelyfitz.com...ss/positioning/
- składni selektorów - bardziej zaawansowane tutaj: http://www.barelyfitz.com...ss/positioning/


To się NA PEWNO przyda, bo właśnie o pozycjonowaniu myślę, gdy mówię, że robię coś naokoło. Ale dałeś ten sam link w obu przypadkach. Tak miało być?

MQs - 19-09-2013, 20:30

Heh już poprawiam. Otworzyłem stronkę, ale linka już nie skopiowałem i wkleił się ostatni:)
Whinter napisał/a:
By odgapiać trzeba wiedzieć jak robić takie efekty.

Ja rozumuję inaczej w tym przypadku - odgapiam, żeby wiedzieć.

Whinter - 19-09-2013, 20:57

O, ten drugi to rodzinki i dziedziczenie - coś, czego nie używałem i nie studiowałem xd

MQs napisał/a:
Ja rozumuję inaczej w tym przypadku - odgapiam, żeby wiedzieć.

I wtedy robi się naokoło xd Np. widzisz gradient - nie wiesz jak go zrobić; nie wiesz nawet, czy to zasługa CSS, czy grafiki. I jak tu czegoś się dowiedzieć xd

#Edit:
Wpadłem na fajny pomysł :D Zrobię sobie layout w ramach ćwiczeń grafiki (bo nadal się uczę :P ) który spróbuję zakodować. Czy byłby ktoś kto by mi pomógł poprzez sprawdzenie kodu, który napiszę i powiedzieć co jest nie tak i jak powinno być (i dlaczego :D )?

MQs - 19-09-2013, 22:44

Whinter napisał/a:
I jak tu czegoś się dowiedzieć xd
Kiedyś jak był tylko podgląd źródła to rzeczywiście trzeba było trochę zaparcia, ale teraz kiedy masz sprawdzanie (i edytowanie!) formatowań poszczególnych elementów wybieranych na żywca z menu kontekstowego to często dowiadujesz się więcej niż pytając na forach.
Whinter napisał/a:
Zrobię sobie layout w ramach ćwiczeń
No i pewnie - ważne tylko, żebyś nie klepał tego, co już umiesz, a to co chcesz osiągnąć - najlepsza nauka.
Tommekk80 - 20-09-2013, 06:36

Whinter napisał/a:
MQs napisał/a:
Ja rozumuję inaczej w tym przypadku - odgapiam, żeby wiedzieć.

I wtedy robi się naokoło xd Np. widzisz gradient - nie wiesz jak go zrobić; nie wiesz nawet, czy to zasługa CSS, czy grafiki. I jak tu czegoś się dowiedzieć xd


Prawoklik - pokaż obrazek/grafik tła - jak nie ma lub pokaże się plik css, już wiadomo.

Druga sprawa - jest taka opcja w przeglądarce jak 'zbadaj element'. Tam możesz sobie zaznaczyć element i zmieniać w nim atrybuty css. Na firefoxa jest taka rozbudowana wtyczka - firebug - polecam. Nie wiem, czy jest takie coś na chrome.

Żadna stronka ci nie da nic, jak nie będziesz przenosił tego w praktykę. Niekoniecznie na początku musi to być cały layout. To mogą być pojedyncze pliki, pojedyncze divy, paragrafy czy spany. Zmieniasz poszczególne atrybuty wg uznania i oglądasz efekty.

Co do gradientów - http://gradients.glrzad.com/
Reszta - czyli border-radius, box-shadow etc - http://css3generator.com/

MQs napisał/a:
odgapiam, żeby wiedzieć

Dokładnie - za pomocą firebuga, źródła strony i prawidłowego użycia mózgu można odgapić wszystko.
Whinter napisał/a:
Czy byłby ktoś kto by mi pomógł poprzez sprawdzenie kodu, który napiszę i powiedzieć co jest nie tak i jak powinno być (i dlaczego :D )?


Ile koderów tyle sposobów zapisywania. Wiele rzeczy jest niezmienna, ale wiele różni koderzy zapisują inaczej. Zaczynając od np zaokrąglenia rogów a kończąc na wyśrodkowaniu ( lub na odwrót ;P ). Ale jak będziesz coś miał to można się przyjrzeć, czemu nie.

MQs napisał/a:
ważne tylko, żebyś nie klepał tego, co już umiesz, a to co chcesz osiągnąć - najlepsza nauka


Zgadzam się w stu procentach. Chcesz coś nowego - rób to. Nie wiesz jak to zrobić? Czytaj, szukaj, znajdź, próbuj. Inni próbowali różnych rzeczy i teraz jest stronka css-tricks ;)

Anonymous - 17-05-2014, 13:29

Polecam W3school


Powered by phpBB modified by Przemo © 2003 phpBB Group