[wafel93]

Mirki z #webdev - używa ktoś brackets z tym żywym podglądem? Zacząłem sobie robić jakiś tutorial z bootstrapa, w podglądzie z programu wszystko pięknie ładnie wygląda, a po odpaleniu w przeglądarce "z palca" jest jakiś dramat. Nie łapie kolorów, czcionek i nawet pasek nawigacyjny się rypie w jakiś dziwny sposób - ten podgląd różni się czymś od fizycznego odpalenia w przeglądarce? Miał ktoś tak, czy zwyczajnie coś porypałem z kodem? #brackets

[michael94]

@wafel93: Nie wiem co z bracketsem, ale może to pomoże: https://www.browsersync.io/

[npsr]

@wafel93: nie, nikt normalny tego nie używa, ponieważ nie możesz tego puścić razem z paczką. Livereload

[wafel93]

@npsr: Dzięki za info - obczaję i to. Cholera, instaluj Brackets mówili, najlepszość w czystej postaci

[babysteps]

@wafel93: https://blog.madewithlove.be/post/webpack-your-bags/

[npsr]

@wafel93: brackets to edytor. Zaznaj rozkoszy IDE i zacznij używać WebStorma :)

I nie uzależniaj aplikacji od swojego środowiska :P

[wafel93]

@npsr: No tak edytor, edytor - tylko trochę się wnerwiłem, bo czeka mnie żmudne poprawianie tego wszystkiego, a nawet nie wiem co jest źle w takim wypadku :D

[loculi]

@wafel93: Chrome, narzędzia developerskie i jedziesz ;)

[MegaZU0]

@babysteps: brackets, jest spoko a z live podglądu nie korzystam, bo za dużo robię w php wstawek by sobie na takie czary mary pozwolić. Wybierz IDE, które działa u ciebie szybko ma duży support społeczności bo jak jest support będą wtyczki, i tak trzeba wszystkie edytory personalizować wtyczkami co kto używa.

[kmiasko]

@wafel93: Brackets używa do tego swojego wewnętrznego serwera, więc ścieżki tam pewnie wyglądają inaczej. Ustaw ścieżki relatywne albo odpal sobie jakiś prosty serwer w stylu python -m http.server w głównym katalogu. Najlepiej sprawdź w dev toolsach w zakładce Network, czy znajduje css'y.

Koleś łapie podstawy a ci mu rzucają webpackami, browsersyncami, WebStormem... Kyrie eleison. ( ͡° ʖ̯ ͡°)

[kuba]

@kmiasko: zły był dla niego WebStorm nawet na początku tej drogi?

[emtei]

@wafel93: Widzę że tu offtopic się rozkręcił a nikt Ci nie odpowiedział na pytanie.
Prawdopodobnie źle podlinkowałeś style i grafiki.
Przez podgląd odpalany jest serwer więc twój index.html jest w /index.html
przy normalnym otwarciu przez przeglądarkę zostaje struktura plików więc index jest w np: c:\users\itd\itp\projekt\index.html

Brackets jest świetny, ale nie ma co z nim zaczynać bo za ~miesiąc zamykają Extract które jest jego największą zaletą.

[Jurigag]

@wafel93: brackets jest zajebisty, korzystałem bym z niego ale w pracy za wolny pc xD przecież to wolniej działa niż oprogramowanie na javie a to już sztuka

[Centurio93]

Brackets jest świetny, ale nie ma co z nim zaczynać bo za ~miesiąc zamykają Extract które jest jego największą zaletą.

@emtei: Już nawet mniej niż miesiąc, 28 czerwca :/.

[emtei]

@Jurigag: Bo to oprogramowanie napisane w javie w wersji script ( ͡° ͜ʖ ͡°)

[Jurigag]

@Centurio93: dobrze wiedzieć że zamykają, znaczy w sumie do cssa i htmla dalej jest przyjemny @emtei:

[emtei]

@Jurigag: Jest świetny, dlatego teraz będzie płatny (╯︵╰,)

[kmiasko]

@kuba: Tak. Przy samym HTML i CSS nie widzę żadnej przewagi WebStorma nad zwykłym edytorem jak Brackets czy Atom. Jest ciężki, drogi (no chyba, że chcesz kraść) i odwracałby uwagę od rzeczywistej nauki konfigurowaniem samego środowiska z miliardem opcji. Do dużych projektów JS jak najbardziej, nie do nauki podstaw.

@emtei: Toś mnie teraz człeku zasmucił z tym Extractem... Jak żyć?

[emtei]

@kmiasko: Kupić photoshopa lub https://avocode.com/

[wafel93]

@emtei: @kmiasko: Było dokładnie to co powiedzieliście :) odpaliłem na Apachu moim i śmiga, dzięki mości panowie! To jest unikalna cecha w takich tematach aby odpowiedzieć na pytanie, a nie dosrać się IDE lub frameworku (⌐ ͡■ ͜ʖ ͡■)
Ten extract co ma być "zamykany" to jak rozumiem właśnie ten świetny ficzer z live podglądem? ( ͡° ʖ̯ ͡°)

[emtei]

@wafel93: Dzięki :) Nie, extract to ikonka trzech warstw i strzałki do góry w prawym górnym rogu okna. Pozwala wgrać .psd i bezpośrednio z niego eksportować grafiki i style css. Coś takiego: https://www.youtube.com/watch?v=68_U3eUDtxY