Front-end - Kilka pytań

pytanie zadane 29 grudnia 2017 w HTML i CSS przez Nicolaus Dyskutant (9,740 p.)

Cześć!

Mam kilka nurtujących pytań. Oto one:

1. Jak dołączać pliki typu normalize.css czy html5shiv? - jako plik, czy jako link?

2. Czy na koniec projektu, po minifikacji plików, nie warto by było złączyć wszystko w jeden plik, aby było mniej zapytań? (HTML + CSS + JS)

3. Czy nie lepiej by było złączyć wszystkie zdjęcia/obrazki w jeden i dodawać je jako background, aby było mniej zapytań?

4. Czy rzeczy takie jak padding, background itp. całej strony lepiej stylować w html czy w body?

5. Czy używając SASS'a lepiej korzystać ze zmiennych z preprocesora czy z czystego CSS'a?

6. Czy używając SASS'a lepiej korzystać z funkcji liczenia z preprocesora czy z calc() z czystego CSS'a?

Z góry dzięki za odpowiedź

PS: Jak jeszcze coś mi się przypomni to dopiszę

komentarz 29 grudnia 2017 przez niezalogowany

1. Jak dołączać pliki typu normalize.css czy html5shiv? - jako plik, czy jako link?

Jako plik, to znaczy jak? inline?

komentarz 29 grudnia 2017 przez Nicolaus Dyskutant (9,740 p.)

Chodzi mi o to:

czy tak?:

<link rel="stylesheet" href="normalize.css">

czy tak?:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">

1 odpowiedź

odpowiedź 29 grudnia 2017 przez Comandeer Guru (600,810 p.)
wybrane 29 grudnia 2017 przez Nicolaus

Najlepsza

To zależy. Shiva ciągnąłbym z CDN-a, bo i tak to tylko dla starych IE, których jest z 1% na rynku. normalize ciągnąłbym z własnych zasobów (bo CDN to dodatkowa zależność) albo po prostu robił z tego część bundle'a.
Nie, bo tego typu plik HTML by wczytywał się wolniej niż oddzielne zasoby. Zresztą jeśli mamy HTTP/2 to takie duże paczki są wręcz antywzorcem.
Jak wyżej.
Tak po prawdzie to bez różnicy. Osobiście robię to w html.
Zależy. Zmienne preprocesora są dobre do konfigurowania rzeczy, które nie powinny się zmieniać.
Zależy. IMO większość obliczeń najlepiej robić po stronie preprocesora (większa wydajność). Niemniej niektórych się nie da i te trzeba robić po stronie CSS-a.