Mireczki, dzisiaj dokończyłem moje pierwsze PSD to HTML i mam do was takie pytanko ( ͡° ͜ʖ ͡°)

mógłby ktoś sprawdzić czy gdzieś nie z-------m sie w akcji ewentualnie wskaże błędy?
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@folxuxd:
1 )na elementy w navi dobrze byłoby dać jakiś hover.
2) na przycisk "play your trip" jakiś transition.
3) do tego zmieniłbym na tym przycisku kolory bo nie banglają ze sobą.
4) białe napisy na tym tle wyglądają słabo, proponowałbym np. dać czarny text-shadow 1px 1px 1px, do tego na tło nałożyć jakąś maskę z opacity.
5) layout jest nierówny (przy fhd main-header ma 152px marginu, a promo-article
  • Odpowiedz
@koralowiecc: Ktoś kiedyś stwierdził, że powinniśmy oddzielić strukturę dokumentów (stron) od tego jak wyglądają (czyli stylowania). Ogólnie rzecz w tym, żeby elementy opisywać klasami związanymi z tym, czym dany element jest - czyli nie, że ten element ma białe tło, tylko że to np jest "menu", a potem robimy opis, że "menu" ma białe tło, "nagłówek" szare itd.

No i właśnie style="" opisuje wygląd bezpośrednio w strukturze - czasem jest
  • Odpowiedz
@Marmite: Taki sam, jak zamiana wszystkich background: blue, nie zawsze też możesz edytować wszystkie elementy strony - bo np są w bazie danych w postaci htmla - pozdrawiam ze zmienianiem tam z background-red na background-blue.

Może dam inny przykład, masz sobie stronę i masz na niej klase background-white - brzmi sensownie. I teraz chcesz wprowadzić style nocne gdzie wszystkie jasne tła zamieniasz na ciemne - i nagle masz magicznie nadpisane,
  • Odpowiedz
@DanteTooMayCry: Nie ma problemu ( ͡° ͜ʖ ͡°) A czemu w innych nie działało... Ciężko powiedzieć. Różne rzeczy się dzieją, czasem przez naszą pomyłkę (typu zapomnieliśmy, że sprawdzaliśmy też coś w innej przeglądarce i że tam też poszło do cache'u), czasem jest coś nie tak, przeglądarka "nie zauważy" błędu, wrzuci do cache'u i potem pojawią się takie rzeczy. Co do zasady pracuję z zablokowanym cache'm i
  • Odpowiedz
.image { position: relative; }
.image:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; right: 0; z-index: 2; }
.image:before { tutaj definiujesz gradient)
  • Odpowiedz
@Scabbe: Łap twoją stronę wykonaną w poprawny sposób https://codepen.io/anon/pen/JMbRgM?editors=1100 ( ͡° ͜ʖ ͡°)
Z takich bardziej konkretnych rzeczy ogarnij co to: css grid, flexbox, clearfix, box-sizing, jednostki relatywne (rem, em), mobile-first. Co do twojego kodu, nigdy nie styluj po id bo w późniejszym etapie nadpisanie styli po przez jakieś klasy może być problematyczne. Kolejną sprawą jest duża ilość powielanego
  • Odpowiedz
Hoł, hoł, hoł! Nieważne czy byliście w tym roku grzeczni czy nie, ja i tak przygotowałem dla Was [ #webstuff ]!

❶ Nie masz czasu lajkować postów swojego różowego paska na Instagramie? Nie ma problemu! Z pomocą przychodzi bot, który zrobi to za Ciebie i powiadomi o tym na Slacku ;-)
http://bit.ly/2C1ftuM

❷ Kolekcja skrawków kodu #javascript, które można zrozumieć w 30 sekund bądź
klocus - Hoł, hoł, hoł! Nieważne czy byliście w tym roku grzeczni czy nie, ja i tak p...

źródło: comment_ohkPK17biPXoEqoTeAFDUXXGaH13gkc3.jpg

Pobierz
  • 21
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

jakby kogoś interesowało,

zużycie ramu przez edytory:
atom: 298,5
vscode: 283,4
brackets: 74,2 z 4 dodatkami (icons, tabs, beautify, new moon)
  • 23
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#css #html #html5 #css3

Wykopki mam problem nad, którym siedzę cały dzień i już mam powoli dość... Otóż sytuacja wygląda tak, że próbuję zmodyfikować istniejący kod i oto miałem w tle headera obrazek a chce uzyskać wideo. Z tym, że ciągle nic nie wychodzi tka jak bym sobie tego życzył. A to wideo jest za duże a to z boku są szare bloki.... Wstawiam kod.
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Phoryn: zdecydowana większość typowych problemów jest opisana na necie, wystarczy wpisać w google zapytanie po angielsku, np. video in background html. Otrzymasz masę linków z różnymi rozwiązaniami i będziesz mógł skorzystać ze wskazówek.
  • Odpowiedz
Uczę się flexboxa wykorzystując podejście mobile-first. Macie jakiś PROSTY tutorial jak zrobić rozwijane menu po tapnięciu na znaczek w prawym górnym rogu? Wszystko co znajduję jest jakieś niepotrzebnie zagmatwane, zamiast takiego pojedynczego menu widziałem tylko tutoriale na duże menu z kilkoma rozwijaniami i nie mogę się w tym połapać.

#frontend #css #html #nieprogramowanie #pytanie
v.....h - Uczę się flexboxa wykorzystując podejście mobile-first. Macie jakiś PROSTY ...

źródło: comment_QLh9t196mf9dy93ZfN2O5oZvKKc9VnA5.jpg

Pobierz
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@dimian: Wydaje mi się, że nie możesz użyć preventDefault bo to masz zbudowany przy pomocy css:target i musi przekazać np. #first żeby rozwinąć div o tym samym ID. Ale tak jak piszą wyżej, nie przeskakuje do góry strony tylko do div o id które ma się rozwinąć.
  • Odpowiedz
  • 2
#programowanie #programujzwykopem #html #css #javascript #jquery

Wykopki dopiero zaczynam więc wybaczcie jeśli to trywialne pytania.
1. Chce na swojej stronie onepage zrobić animowane tło. Jak? Po prostu dać link do animacji w CSS? Jaki sposób jest najlepszy?
2. Chce uzyskać też efekt że podczas przewijania strony na jednej z sekcji będzie obrazek który będzie przewijał się razem ze stroną i
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

mam zrobic bootscrapa na zajecia ale nic nie dziala wyglada bezsensu tak nie powinno byc chyba nie umiem zaladowac tego jquery do pliku pomocy
#css
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#oswiadczeniezdupy #programowanie #frontend #html #css
I tak oto zaczalem z poczatkiem grudnia kursik w weekend + nauka w po pracy. Powiem, ze jest ciezko a to zmeczony nie chce sie nic albo inna wymowka.... ( ͡° ʖ̯ ͡°) ale ku lepszej przyszlosci jak mowil towarzysz Stalin ( ͡° ͜ʖ ͡°). nawet dokupilem monitor do laptopa bo na jednym ciezko wyrobic
  • 11
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Bez pośpiechu i ciśnienia :-) Ja się uczyłem programować kilka lat. Po prostu mnie to interesowało tak od czasu do czasu ;-)
  • Odpowiedz
@sloik_rozpaczy: Moja rada. Najpierw html, potem css, js, później obczaj jak działa sass, następnie spróbuj zrobić coś w gulpie. W międzyczasie zapoznaj się z gitem. Jak zrozumiesz podstawy jsa to zobacz czym jest jQuery.

Sam nie mam wielkiej wiedzy, ale na początek powinno starczyć :)
  • Odpowiedz
Nowy tydzień - nowy wspaniały standard w #javascript... A tak poważnie, i bardziej #html / #css / #frontend. Co to jest #postcss? Znaczy przeczytałem sobie opis na stronie i technicznie wiem, ale jakoś nie widzę tej wyższości nad #sass / #less... Może ktoś z was ma jakieś opinie wyrobione w praktyce?
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@mktos: Po pierwsze Postcss ma już ze 3 lata i jest jedna zasadnicza różnica, Postcss nie ma nic wspólnego z Sass/Less, ponieważ to są preprocesory, a jak nazwa wskazuje postcss to postprocessor.
  • Odpowiedz