Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
Książka oraz kilka pytań (html5 i css3)
|
Liczba postów: 169
Liczba wątków: 25
Dołączył: 23-10-2011
Reputacja:
7
Pierwszą rzeczą jest sprawa książki. Czy polecacie jakieś książki do nauki HTML5 oraz CSS3? Skąd Wy się uczyliście?
Poza tym czy ten standard jest już jakby oficjalnym standardem? Już "weszło to w życie", tak na 100%?
Pomogłem? To daj plusa
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
To nie jest tak że dzisiaj wchodzi i od dzisiaj 100% możesz sobie go używać.
Możesz używać ale z głową. Na dzień dzisiejszy najbezpieczniejsze wydają się podstawowe css3 (border-radius, box-shadow, text-shadow). Reszta to dodatki które możesz zrobić za pomocą jQuery. Ale dodatki te też możesz stosować, tyle tylko że musisz zadbać by przeglądarki bez ich obsługi mogły jakoś wyświetlić daną treść.
Przykład:
Kod: a {color:red; -m-transition:0.2s; -o-transition:0.2s; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s;}
a:hover {color:blue;}
Przeglądarka która nie obsługuje przejść po prostu zmieni kolor i tyle. Najwyżej osoba zobaczy mniej wybajerzoną stronę. Ale nic nie straci. I o to chodzi.
W praktyce pewnie przez najbliższe n lat wciąż będziemy musieli używać html5shiv, selectizerów, modernizerów itp. Bo ludzie wciąż używają starych przeglądarek. Niestety niektórym tak łatwo wyjaśnić się nie da błędu jaki popełniają.
Inaczej rzecz ujmując. Ty się pytasz o CSS3, a przecież CSS2 wciąż nie jest w 100% dobrze obsługiwane. Patrz: :after i :before
Liczba postów: 169
Liczba wątków: 25
Dołączył: 23-10-2011
Reputacja:
7
No rozumiem. Wiadomo, że są przeglądarki, które wciąż nie radzą sobie z CSS2. Natomiast jednak nowe liczby przy słowie się pojawiają. CSS2, CSS2.1, CSS3. I chciałbym się dowiedzieć kiedy to wchodzi w życie jakby. Bo przecież nie było tak, że od razu było CSS3, ale po prostu przeglądarki sobie źle radziły.
Dodatkowo w tym wątku rozwinęła się pewna rozmowa i za razem pytania w mojej głowie:
http://www.webmastertalk.pl/rozmieszczanie-elementow-stronki-t-8930.html#pid38466
Pedro napisał o tym, iż nie może być pustych divów. I to jest założenie względem HTML5 jak rozumiem. Ponieważ w HTML4.01 nie ma chyba znaczników typu <header>
Specjalnie też założyłem ten temat, ponieważ chciałbym to wszystko ogarnąć i zamknąć w całość.
I co z tymi książkami? Z czego Ty się uczysz?
Pomogłem? To daj plusa
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
04-03-2012, 23:03
(Ten post był ostatnio modyfikowany: 04-03-2012, 23:03 przez Pedro84.)
Pedro nie pisał o HTML5, pisał o tym, że powinno się unikać stosowania pustych znaczników, nie tylko divów. Czemu? Bo na 99% oznacza to źle zakodowany layout. Zobacz, że na forum nie przychodzą ludzie tworzący front end typu, np. Delicious - tylko raczej proste strony.
W tamtym konkretnym przypadku była to wina ewidentnie pociętego laya, nic więcej.
Dobre samopoczucie w tym tygodniu sponsoruje cytat:
Cytat:Mogę tylko tylko na prawo i lewo ale na środek nie mogę.
Liczba postów: 169
Liczba wątków: 25
Dołączył: 23-10-2011
Reputacja:
7
W takim razie jak tamten kod, który pokazałem (top) byś zakodował? Pokaż może przykład dobrze zakodowanego layoutu gdzie nie ma pustych divów. Bo nie do końca potrafię to zrozumieć.
Przecież w headerze nie zawsze będzie tekst. A tła nie wstawisz jako <img>, bo to też nie jest dobrze. Dlatego dajesz pustego diva z właściwoscia background-image.
Pomogłem? To daj plusa
Liczba postów: 71
Liczba wątków: 6
Dołączył: 16-05-2009
Reputacja:
3
04-03-2012, 23:46
(Ten post był ostatnio modyfikowany: 04-03-2012, 23:52 przez Zawiii.)
(04-03-2012, 23:16)Moody napisał(a): W takim razie jak tamten kod, który pokazałem (top) byś zakodował? Pokaż może przykład dobrze zakodowanego layoutu gdzie nie ma pustych divów. Bo nie do końca potrafię to zrozumieć.
<div="header">
<ul class="menu">
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
<li>menu4</li>
</ul>
</div>
tło dla header takie jak jest umieszczone na topie diva bez repeat-y
menu umieszczone na dole header i jako lista wyświetlana blokowo z odpowiednimi marginesami i paddingami.
(04-03-2012, 23:16)Moody napisał(a): Przecież w headerze nie zawsze będzie tekst. A tła nie wstawisz jako <img>, bo to też nie jest dobrze. Dlatego dajesz pustego diva z właściwoscia background-image. Nie jest powiedziane ze to musi być tekst. Logo może być i już puste nie jest.
W tym przypadku jaki podałeś to tło z topu można na kilka sposobów umieścić jeśli nic na nim nie będzie. Jako wycentrowany w body, albo w kontenerze. Nie ma jednego rozwiązania.
Ogólnie jeśli tworzysz div tylko po to aby umieścić w nim background to lepiej pokombinować i wsadzić to tło w jakiś inny.
Liczba postów: 162
Liczba wątków: 7
Dołączył: 26-10-2010
Reputacja:
4
05-03-2012, 04:35
(Ten post był ostatnio modyfikowany: 05-03-2012, 04:36 przez nst.)
Helion wydaje dobre książki, Wprowadzenie do HTML5 i CSS3 Danowskiego jest przyzwoite dla początkującego, chociaż i tam są nieścisłości, ale człowiek jak sam nie kombinuje to się nie nauczy niczego. Tyle o książkach, natomiast Helion wydawał kiedyś coś takiego jak tablice informatyczne i to jest przydatne, a kosztuje niewiele. W broszurce opisane wszystkie znaczniki, jest xhtml, html5, css, php, ajax itd itp.
Liczba postów: 71
Liczba wątków: 6
Dołączył: 16-05-2009
Reputacja:
3
(05-03-2012, 04:35)nst napisał(a): ... ale człowiek jak sam nie kombinuje to się nie nauczy niczego...
Dokładnie. Cała potrzebna teoretyczna wiedza jest w necie, a praktyki nie zastąpi żadna książka. Jak sam nie pokombinujesz w kodzie i nie zobaczysz na własne oczy co i jak działa to się nie nauczysz.
Trening czyni mistrza. ...hmmm... chyba to już ktoś powiedział
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
Wejdź sobie na themeForest i patrzaj w najlepsze strony. Tyle można pomysłów nakraść że głowa mała 
A i experience bardzo szybko rośnie. To takie dobre miejsce do expienia. ONEONE11
Liczba postów: 169
Liczba wątków: 25
Dołączył: 23-10-2011
Reputacja:
7
Pytanie jeszcze jedno. Odnośnie pustych divów. Co z pustymi divami, które mają atrybut clear ustawiony na both?
Pomogłem? To daj plusa
|
Podobne wątki… |
Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
|
Kilka filtrów i IE 7 |
promt |
1 |
2,297 |
14-12-2013, 23:36
Ostatni post: Kartofelek
|
|
Smarty, książki oraz Szablon HTML5 |
Morfeusz_2005 |
1 |
2,636 |
18-11-2013, 14:34
Ostatni post: prawdziwypiotrek
|
|
Bootstrap kilka pytań! |
muph19 |
1 |
2,826 |
16-08-2013, 23:49
Ostatni post: msx83
|
|
przekierowanie na mobilną wersję strony oraz z mobilnej na full |
zaxxx |
5 |
5,208 |
15-04-2013, 04:03
Ostatni post: zaxxx
|
|
upload pdf oraz doc/rtf w jednym formularzu |
misiuk |
2 |
2,898 |
27-03-2013, 14:10
Ostatni post: misiuk
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
Sponsorzy i przyjaciele
|
|
|