[v.....h]

Hejka, pokażecie jakiś przykładowy projekt strony, który powinienem umieć zrobić z czystym HTML5 i CSS3, aby dopiero wtedy zacząć próbować sił z kolejnymi etapami nauki front-endu, jak np. JavaScript, jQuery, frameworki do CSS itd? Wystarczy link, albo screen przykładowej strony, którą powinienem zbudować sam, od podstaw, przy wykorzystaniu HTML5 i CSS3, niczego innego więcej. Z góry dzięki za odpowiedź Mirki. Chodzi mi o poziom skomplikowania struktury.

#html5 #css3 #nieprogramowanie #frontend #pytanie

[greensneaky]

@von_Schuttenbach: https://www.facebook.com/groups/940002776068923/?fref=ts

[pomarancza_]

@von_Schuttenbach: Weź sobie templatki z Hongikata np., zakoduj portfolio, dashboard, portal spolecznosciowy etc. po prostu rozne rodzaje stron, ktore wymagaja innych rzeczy i są nowym wyzwaniem

[v.....h]

@greensneaky:
nie mogę znaleźć tam odpowiedzi na moje pytanie, nawet nie mogę znaleźć rozpiski co powinienem robić na którym challengu ᕙ(⇀‸↼‶)ᕗ pomożesz trochę?
EDIT: jest przypięty post :)

@pomarancza_:
rozumiem, że mam się nie przejmować back-endem i po prostu projektować, tak? RWD uczyć się jednocześnie, czy najpierw nauczyć się dobrze stron desktopowych, a dopiero potem dodać RWD?

[pomarancza_]

@von_Schuttenbach: jak stoisz na poziomie zero to sam nie wiem... Najlepiej jakbys sie od razu uczyl, bo od tego nie uciekniesz, a dobrze wyrabiać dobre nawyki na samym poczatku. To koduj mobile first, chyba najlepsze wyjście (ogólnie najlepsze). Mobilne wypierają desktopy (na dzien dzisiejszy to ~ 56:44)

[v.....h]

@pomarancza_:
Najgorsze jest to, że się motam i czasami niespodziewanie dany margin, czy dany padding daje inny efekt niż "powinien". Trochę bałaganię w stylach i nie wiem jakie praktyki powinienem stosować. Mało jest KONKRETNYCH artykułów w tej sprawie, czyli jakie praktyki stosować, czego unikać, jak strukturyzować arkusz styli itd itp

@greensneaky:
rozumiem, że mam olewać back-end do którego zadania?

[pomarancza_]

@von_Schuttenbach: Oj są. Pierwsze z brzegu moich zakładek: https://www.canva.com/learn/design-rules/
Tu jakieś luźne porady jak projektować UI: http://goodui.org/
#E: aj, to w sumie bardziej graficzny aspekt ui, ale znać warto i tak ;p
Możesz też użyć CSS Dig - wtyczka (do Chrome na pewno, innych nie używam) pokazuje ile razy masz powtórzoną daną wartość, zaprzyjaźnij się z Dev toolsami (F12, szczegolnie jak robisz pod mobilki).

[v.....h]

@pomarancza_:
dziękuję serdecznie za linki i rady, jest to dla mnie bardzo pomocje :) mogę czasami się odezwać do Ciebie na priv, jakbym miał jakieś pytanie? nie będę spamować głupimi pytaniami, tylko jak już na prawdę będę siedzieć 2 godziny nad problemem i nie będę mógł go rozgryźć :D

[pomarancza_]

@von_Schuttenbach: ogólnie możesz googlować takie proste formułki jak "popular css mistakes" etc. ;) I jasne, pisz jak chcesz, choć na samym wykopie są setki lepszych ode mnie ^^"

[dixieman]

@pomarancza_: jak się używa tego CSS Dig ? Zainstalowałem i.. nie wiem jak użyć...

[pomarancza_]

@dixieman: Klikasz w ikonke, otwiera Ci popup gdzie wybierasz pliki .css jakie chcesz przekopać i pokazuje Ci konkretne atrybuty jakich używasz w CSS, np.: https://i.imgur.com/VskzWvo.png
Widzę tu, że używam w 3 miejscach border: none, dwa bordery różnią się tylko border-width, więc może dałoby się to ujednolicić w jedną klasę, gdzie w tym drugim po prostu dam 2px zamiast 1px? Itd. Wszystko po to by się nie powtarzać 21314 razy