Conversation
fix typo in fix typo
fix typo in fix typo in fix typo lol
Lliterówki w Readme :)
| margin: 0 auto; | ||
| } | ||
|
|
||
| #layout{ |
There was a problem hiding this comment.
Średnio mi się podoba stylowanie po id. Zwykło się widzieć stylowanie po klasach
|
|
||
| } | ||
|
|
||
| h3{ |
There was a problem hiding this comment.
To samo mogę powiedzieć o stylowaniu po znacznikach :)
| font-size: 24px; | ||
| line-height: 28px; | ||
| } | ||
| .sexiflexi{ |
There was a problem hiding this comment.
Za nic nie mogę się domyśleć co to jest... Pisz nazwy klas bardziej mówiące o tym, co jest czym ;)
| border-style: solid; | ||
| border-color: black; | ||
| border-width: thin; | ||
|
|
There was a problem hiding this comment.
Nie lepiej użyć
border: thin solid black;?
| top:-35px; | ||
| right: 90px; | ||
| transition: all 200ms; | ||
| opacity: 0.5; |
There was a problem hiding this comment.
Tutaj to nie jest błąd, lecz podpowiedź. Możesz pisać po prostu .5 ;)
| <section id="layout" > | ||
| <img src="coming-soon-ribbon.png" id="coming_soon"> | ||
| <img src="undraw_developer_activity_bv83.svg" id="guy" > | ||
| <div id="code" style="color: white;">CODE ACADEMY</div> |
There was a problem hiding this comment.
- Nie stosuj styli inline. To nie jest dobre.
- Code Academy. Plik HTML ma być pisany bez najmniejszych oznak "pokemona". Zamiast wielkich liter użyj w css
text-transform: uppercase;| <img src="coming-soon-ribbon.png" id="coming_soon"> | ||
| <img src="undraw_developer_activity_bv83.svg" id="guy" > | ||
| <div id="code" style="color: white;">CODE ACADEMY</div> | ||
| <h3>Leave your email</h3> |
There was a problem hiding this comment.
tak się z ciekawości spytam, a muszą być? ;> nie można sobie użyć h3 jak nigdzie nie było h1, ani h2? przecież to pełnoprawny element HTML'a
There was a problem hiding this comment.
@mateuszlittwin-gf, jeśli masz gdzieś semantykę, to nie muszą ;) Najlepiej jest dać tytuł główny dokumentu w H1, H2 jako tytuły sekcji, H3 jako artykułów itd ;) Choćby ze względu na czytelność kodu i stworzenie swoistego "drzewka" strony.
There was a problem hiding this comment.
to tym bardziej tutaj nie pasuje h1 ani h2, bo to też nie są tytuły sekcji ;) bardziej tu pasuje p
There was a problem hiding this comment.
Myślę, że użycie nagłówka tutaj jest do przyjęcia. Choćby ze względu na fakt, że element powinien zwrócić uwagę odwiedzającego. Jednak po drodze zabrakło właśnie header tagów poprzednich ;)
There was a problem hiding this comment.
Teraz tak patrze szerzej i coming-soon-ribbon mozna wywalic gdzies wyzej, no on chyba i tak jest z position absolute (zgaduje).
Ten obrazek undraw_developer_activity pasuje bardziej do jakiegos znacznika header, albo innej sekcji
Pozostałe elementy faktycznie mogą miec h1 i h2, czyli
<h1>Code Academy</h1>
<h2>Leave you email</h2>There was a problem hiding this comment.
O coś takiego mi dokładnie chodzi ;) Gdyby dodatkowo ładnie rozdzielić plik na sekcje header, main i footer byłoby niemal idealnie :)
| <div id="get_mail"> | ||
| <div class="form-group"> | ||
| <div class="sexiflexi"> <input required type="email" name="email" id="email_field" class="form-control"> | ||
| <label for="email" class="form-control-placeholder" width="30%">E-mail</label> |
| <P id="foot">User © 2019<br> | ||
| Made with <img src="love.png"> in Poland<br> | ||
| We're using cookies to improve your experience. | ||
| </P> |
There was a problem hiding this comment.
Yyy? To jest ble. Bardzo ble. Jeśli chcesz przejść do następnej linii to tworzysz p. Te <br> są tu potrzebne jak sanki w lato...
| </P> | ||
|
|
||
|
|
||
| </section> |
There was a problem hiding this comment.
Co do całości. Zabrakło tu m.in tagów <header> <main> <footer> .
There was a problem hiding this comment.
Dodatkowo. Tagi <img> nie mają atrybutu alt.
Dokument nie ma tytułu, tzn <title> w sekcji <head>
I w sumie nie ma zdefiniowanego języka jako atrybut <html>
|
Dzięki za wszystkie wskazówki i porady :) jest to mój pierszy projekt w html i css... :D jest nad czym pracować mam nadzieję że z czasem ogarne clean code :D |
|
Pierwszy taki projekt :) mam też drugi layout wykonany ale w nim pewnie też dużo do poprawy jest :D czyli mówisz że lepiej nie stylować znaczników typu h3,h2 tylko dawać im klasy ? jak po rodzicu styluje w css to po klasie od razu wystyluje pisząc np: .nagłówek , czy po rodzicu .contener .content .nagłówek .
W dniu 2019-01-25 15:10:29 użytkownik IamMK <notifications@github.com> napisał:
@IamMK commented on this pull request.
In 1zadanie.html:
@@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html> +<head> + <link rel="stylesheet" href="1zadanie.css" type="text/css"> + <link href="https://fonts.googleapis.com/css?family=Lato:200,300,300i,400,400i,700,700i&subset=latin-ext" rel="stylesheet"> + + </head> +<body> + + + <section id="layout" > + <img src="coming-soon-ribbon.png" id="coming_soon"> + <img src="undraw_developer_activity_bv83.svg" id="guy" > + <div id="code" style="color: white;">CODE ACADEMY</div> + <h3>Leave your email</h3>
O coś takiego mi dokładnie chodzi ;) Gdyby dodatkowo ładnie rozdzielić plik na sekcje header, main i footer byłoby niemal idealnie :)
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub, or mute the thread.
|
Pisząc "styować po rodzicu" miałem tutaj na myśli, że rzeczy dziedziczone przez elementy typu krój czcionki, wielkość, kolor itd. powinny być zdefiniowane w rodzicu jak największej liczby sekcji, które daną właściwość mają ;) |
5 participants
test