Kupiłem domenę pod wykop 2.0

- Ktoś chętny postawić stronę?
- Zrobić grafikę
- Stworzyć fundament
- Narysować obraz na nowo
- Mam plan( ͡° ͜ʖ ͡°)
- Ja wiem, że wykop jest taki sraki i owaki, że to bez sensu i w ogóle, ale...niech to będzie:

1. For fun
2. 3 Teamy, 30 dni
3. Przegrany team sponsoruje wykupienie serwera i opłaty związane z funkcjonowaniem platformy
4.
Ktoś miał do czynienia z kursami programowania CODE:ME, Infoshare? Skończył, prowadzi, zna potwierdzone opinie? Jak z szukaniem pracy po wyżej wymienionych? Zdaje sobie sprawę że większość z takich kursów to skok na kasę ale te wyżej wymienione chyba wyglądają na porządnę (po szybkim googlowaniu). A może są jakieś kursy w #trojmiasto które są lepsze? Sporo darmowej wiedzy, zwłaszcza tej podstawowej, jest w necie i płacić tyle hajsu za zrobienie nad
@bargolis: Mogę z czystym sercem polecić CODE:ME - chyba od teraz nawet jest gwarancja zatrudnienia po kursie. Jako nieliczni (a może jedyni?) oferują nie tylko webdev, ale też Iot/Mobile. Jak masz jakieś konkretne pytania to wal śmiało na privie.
@bargolis: ja jestem po infoshare i prace dostałem, kurs polecam jak najbardziej, lecz żaden kurs Ci pracy nie da. Załawi Ci rozmowy o pracę ale na rozmowie kwalifikacyjnej to sam musisz się wybronić zdobytą wiedzą. czyli.. zaperdalasz i solidnie napieprzasz kod i uczysz sie - jest super, liczysz że samo ukończenie czy ceryfikat załatwi sprawe - daruj sobie
Kolega ma kupiony hosting na ovh.pl #ovh który uciągnie z pięć domen. Sam kupiłem swoją domenę oddzielnie z zamiariem hostingowania u niego. Jak to rozwiązać, ja ani on nie mamy pojęcia bo #januszewebdevu.
Póki co mam lokalnie działającego #wordpress i póki co wiem, że muszę zmienić mu hasła i loginy do bazy danych MySQL mojego kumpla.
Jak to dalej zrobić? Mazowsze ktoś?

#webdev #hosting #stronywww #tworzeniestron #webdevw30dni
Kolejny dzień z #webdevw30dni

Próbuję różnych sposobów ustalania pozycji divów. http://raks3.vot.pl/d6/ lub http://fiddle.jshell.net/xLyoohmr/

1. Sposób (na samej górze) divy dla inline-block: przy ustaleniu 25% jeden obrazek zjeżdża na dół więc ustaliłem 24%. Jak pozbyć się wertykalnej przerwy między obrazkami? Nie jest to ani margin ani padding.

2. Float: left - wygląda jak chciałem.

3. Flex z http://css-tricks.com/snippets/css/a-guide-to-flexbox/ tego poradnika. Ustalone na 24% powinno by 25%. Ten sam problem co przy pierwszej metodzie.
Nie jest to ani margin ani padding.


@raskepa: 1.Bo tam jest spacja pomiędzy nimi. Można to próbować obejść poprzez ustawienie .box-one{font-size0;}

3. flex używasz źle. To .flex powinien mieć {display:flex;} a nie .three

najlepiej używać float lub flex, absolute nie nadaje się do takich rzeczy.
Dzień 4 i 5 z #webdevw30dni

Poszedłem za radami i postanowiłem zaznajomić się z bootstrapem. Projekt z dnia 3 http://raks3.vot.pl/d3/ przeniosłem do wersji RWD. Oto efekt: http://raks3.vot.pl/d4/

Bootstrap sprawił mi sporo kłopotów, część udało się rozwiązać, ale kilka wątpliwości pozostało:

- czy edycja css poprzez zewnętrzny arkusz to optymalne rozwiązanie? http://bootstrapbay.com/blog/customize-bootstrap/ Początkowo przez długi czas kręciłem się w kółko, bo ciągle miałem wątpliwości czy dodanie css nie nadpisze jakiejś istotnej części bootstrapa
r.....a - Dzień 4 i 5 z #webdevw30dni 



Poszedłem za radami i postanowiłem zaznajom...

źródło: comment_jsOjAHzZdplAW9ApPIk9LP8p87bxYWc2.jpg

Pobierz
Offset jest nadawany również dla md


@raskepa: Bootstrap to podejście mobile first.

Wszystkie rzeczy na kolumnach niższej rozdzielczości przechodzą na wyższą (chyba ze zostaną nadpisane). Z wyższych nie przechodzą "w dół"
@raskepa: co do obrazków hmm do czegoś musisz je dopasować. Albo do szerokości albo do wysokości. Chyba że użyjesz do tego jakichś bibliotek .js które będą kadrować obrazki. Ja bym zostawił tak jak jest tylko w:

.news-boxes img {

dodał: margin: 0 auto;

zmienił width 100% na max-width: 100%;

}

żeby były wypośrodkowane :)

tip: do wstawiania różnego rozmiaru .png fajne jest:

http://placehold.it/ podajesz adres normalnie jako ![](http://placehold.it/110x66) i jakie
Dzień 3pod znakiem #webdevw30dni

http://fiddle.jshell.net/x4dhp6vz/ lub http://raks3.vot.pl/d3/

- Nie wiem dlaczego mimo margin-left: 15% jest wsunięta dalej niż inne kontenery z margin-left 15%.

- Pod sliderem (to zdjęcie ze stadionem) jest niewielka horyzontalna przestrzeń wykraczająca poza border. Zauważyłem to przy okazji ustalania position: absolute dla diva title. Wydaje mi się, że identyczna przestrzeń jest również pod każdą miniaturką do artykułu.

Macie jakieś pomysły?

Przy okazji tego ogarnąłem position relative, absolute.

#
Dzień 2:

Spróbowałem odtworzyć stronę synonimy.pl http://raks3.vot.pl/d2/

Odpuściłem sobie kontener z aplikacją mobilną i z ofertą zakupu. Czcionka z google fonts - już widzę, że na IE bez polskich znaków. "Najczęściej wyszukiwane" - wiem underline dla całego tekstu a nie linków.

Poległem na nie wiem w jaki sposób dodać obrazek zamiast tekstu "Home". Po dodaniu obrazka nawigacja zjeżdża na dół - display: inline nie pomaga.

Ogarnąłem: word-spacing i outline.

Macie może jakiś
@raskepa: nie do końca. Z FontAwesome / Glupicons korzysta baardzo dużo stron. Każda z nich jest OpenSource + jest hostowana wielu mirrorach, więc nie ma co się bać że nagle 'zniknie'. Jeśli jednak boisz się że 'autor czcionek nagle zmieni zdanie' to po prostu podgraj sobie je na swój serwer i hostuj lokalnie. Zewnętrznych źródeł używa się zazwyczaj jeśli:

a) nie chce ci się aktualizować paczki zależności ręcznie.

b) chcesz przyśpieszyć
Pozwalam sobie podpiąć się pod tag: #webdevw30dni Przez kolejne 30 dni będę pracował na HTML i CSS.

Krótkie uzasadnienie po co to:


Dzień pierwszy: Formularz logowania. http://fiddle.jshell.net/05t7kkqx/ lub http://raks3.vot.pl/

Czego się dowiedziałem:

- grupowanie selektorów z takimi samymi własnościami i wartościami.

- wymienianie rodziców przed selektorem

Wszelka krytyka będzie dla mnie niezmiernie pomocna. Może już na początku tworzę złe nawyki? Dzięki!

#webdev
#webdevw30dni #webdev

Dzień 4 i 5

Zabawy bootstrapem ciag dalszy. A dokładniej:

1. Zrobienie sticky footer, dzięki pomocnym osobom które powiedziały mi pod jakim hasłem tego szukać.

2. Zabaw z RWD ciąg dalszy - Starałam się utworzyć galerie obrazków która zachowuje się sensownie w zależności od rozmiaru strony - i nawet mi to wyszło chyba. No i starałam się zrozumieć idee RWD ogólnie.

3. Zabawa ze stylowaniem botstrapa i zrobieniem w miarę
#webdevw30dni #webdev

Dizień 3

Poszłam za radą niektórych i zaczęłam się bawić Bootrapem. Nie sprawił mi zbytnich problemów, to raczej dość logiczny framwork z fajną dokumentacją. Jedyne z czym mam problem to stopka - nie mam pojęcia jak ją zrobić żeby zachowywała się dobrze też na krótkich stronach i nie była przyklejona. Czy ktoś mógłby mi podpowiedzieć? :)

http://axoi.t15.org/index.html

Efekt mojej zabawy bootrapem - i próby zrobienia stopki, która się nie powiodła.
#webdevw30dni #webdev

Dzień 1 i 2

Cześć mirki. Wczoraj postanowiłam postawiałam nauczyć się podstaw webdevu - częściowo dla siebie, żeby to umieć, częściowo - może kiedyś uda mi się na tym coś zarobić. Zaczęło się od zrobienia strony na zaliczenie przedmiotu na studiach. :D Planuje ogarnąć w tym czasie CSS do poziomu który pozwoli mi realizować swoje wizje stron internetowych, oraz podstawy PHP, na tyle żeby napisać prosty system zarządzania treścią.

Pracować
@Axoi: Kiedyś juz ktoś publikował zbiór przydatnych linków. Dołożyłem odrobinę i proszę oto garść przydatnych linków dla wszystkich, którzy działają w webdev:

http://platform.html5.org/ - zbiór odnośników do pojęć.

http://devdocs.io/css/ - dokumentacja w jednym miejscu.

http://mobilehtml5.org/ - co działa na mobilnych.

http://caniuse.com/ - na czym zadziała a na czym nie

https://deviceatlas.com/ bardzo dużo informacji o tym co jeste używane w danym regionie, grupie itd.

http://modernizr.com/ - rozpoznaj co jest wspierane u klienta.