Bootstrap = zło

0

Jakiś czas temu w jednym z wątków na forum ktoś napisał coś w stylu "bootstrap do zarówno coś najlepszego jak i najgorszego co przytrafiło się webdevelopmentowi". Nie potrafię teraz znaleźć tego komentarza ale czy ktoś mógłby to rozwinąć, co jest złego w bootstrapie?. Domyślam się, że zarówno jak w przypadku innych rzeczy nie chodzi o samego bootstrapa ale o ludzi, którzy z niego korzystają (coś jak sytuacja z JavaScript i jQuery).

pzdr

dam1an
  • Rejestracja:prawie 12 lat
  • Ostatnio:prawie 3 lata
  • Lokalizacja:Warszawa
  • Postów:1589
1
0

zgadza się, to ten wątek :)

dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:4 dni
  • Lokalizacja:Rzeszów
3

"Każda" (to wyolbrzymienie) strona wygląda teraz tak samo. Ta sama domyślna skórka, a jak nie ta sama skórka to ten sam schemat i podział strony na równe bloki.

To jest plus - bo jak ktoś nie umie, to bierze Bootstrapa i jakoś to wygląda. Ale jak kolejna strona/panel oparta jest o ten sam wygląd to jest to już po prostu nudne do porzygu ;)

edit: zresztą sam obrazek, pod którym to wkleiłem dobrze obrazuje o czym mówię ;)


edytowany 1x, ostatnio: dzek69
0

Zaskoczę was, ale jedynymi osobami, które dostrzegają podobieństwo między stronami są webdeveloperzy. Inni ludzie nie zwracają na to kompletnie uwagi...

dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:4 dni
  • Lokalizacja:Rzeszów
1

Zaskoczę Cię - jestem webdeveloperem i zwracam na to uwagę - i to ja osobiście narzekam, a nie przemawiam głosem ludu.


Bartosz Wójcik
  • Rejestracja:około 14 lat
  • Ostatnio:ponad 4 lata
  • Postów:439
0

Bootstrap to nie tylko skórka, to setki poprawionych bugów, tak żeby wszystko grało pod różnymi przeglądarkami, na co sam byś zapewne nie wpadł nawet po paru latach (jakieś wyjątki np. w Safari), a co do samego skinnowania to można z łatwością wszystko zmienić poprzez prostą budowę Bootstrapa (LESS/Sass i kompilacja np. Preposem), a jeśli już ktoś narzeka na domyślną skórkę Bootstrapa to

https://wrapbootstrap.com/
https://bootswatch.com/
http://codecanyon.net/category/skins/bootstrap

Jeśli potrzebujesz więcej kontrolek to zobacz sobie SemanticUI.

Markness
  • Rejestracja:prawie 15 lat
  • Ostatnio:około 2 lata
0

bootstrap dla mnie to przede wszystkim dobry GRID, więcej nie używam

edytowany 1x, ostatnio: Markness
dzek69
Moderator
  • Rejestracja:ponad 18 lat
  • Ostatnio:4 dni
  • Lokalizacja:Rzeszów
0

Dlatego napisałem, że to najlepsze i najgorsze


czysteskarpety
czysteskarpety
  • Rejestracja:prawie 10 lat
  • Ostatnio:ponad 4 lata
  • Lokalizacja:Piwnica
  • Postów:7697
0

to fakt ten "charakterystyczny" styl jest nudny do porzygu, co ciekawsze takie strony widzę również u agencji reklamowych, które notabene powinny bardziej sie wysilić, to już chyba w wordpresie da się wycisnąć coś ciekawszego ...


edytowany 1x, ostatnio: czysteskarpety
moryszczak
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 9 lat
  • Postów:7
0

No cóż, obecnie po prostu największe znaczenie dla strony, dla jej pozycji w wyszukiwarkach ma jej zawartość merytoryczna, po prostu liczy się treść i jeszcze raz treść oraz usability i poprawność kodu, a to ostatnie jest ogromnym atutem bootstrapa. Dlatego tak wiele agencji interaktywnych zaczęło na tym bazować i najchętniej zatrudniają koderów na bootstrapię i cześć, mam na myśli oczywiście masówkę. Bo teraz świat się szybko się kręci i każdy chce szybkie efekty a nie bawienie się w hiper estetyke strony i w stronę wizualną, której robot wyszukiwarki nie odczuje, a odwiedzającym jest chyba coraz bardziej obojętne. Piękne stronki to teraz już tylko pasjonaci tworzą.

EroSanin
Zmień awatar bo zaraz google będzie porno szukać :d
0

Bootstrap służy do szkicowania tworzenia prototypu, który później zamienia się na porządny i semantyczny projekt. To że większość devów nie potrafi z niego korzystać to ich problem :D

_naf
chętnie zobaczę Twoje porządne i semantyczne projekty, wrzucisz jakieś linki? :P
QO
  • Rejestracja:około 11 lat
  • Ostatnio:10 miesięcy
  • Postów:40
0

Jest LESS/SASS, można spersonalizować go do potrzeb i używać np. tylko grida, a w przypadku gdy nie mamy grafików/designerów lub czasu, a zależy nam na funkcjonalności i treści, szybko stworzymy coś co jakoś wygląda i będzie się poprawnie wyświetlać.

1

chętnie zobaczę Twoje porządne i semantyczne projekty, wrzucisz jakieś linki? :P - _naf

https://medium.com/@andersonorui_/bem-sass-and-bootstrap-9f89dc07d20f

Miecz
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 9 lat
  • Postów:5
0

Jak tam oceniacie nową wersję Bootstrapa? Jakiś czas temu pojawiła się alpha Bootstrapa 4 i z tego co można wyczytać to zapowiedziano kilka istotnych zmian. Chociażby porzucono wsparcie dla przeglądarek IE8 oraz iOS 6 (można było się tego spodziewać), a także zrezygnowano z jednostek px na rzecz relatywnych jednostek em oraz rem. Różnic względem trójki jest oczywiście znacznie więcej, również w zakresie poszczególnych komponentów, np. paneli, które najprawdopodobniej nie pojawią się w kolejnej odsłonie. Co prawda to dopiero wersja alfa, ale zmian będzie sporo.

Bartosz Wójcik
Odrzucenie LESS trochę mnie martwi ;) bo mam wszystkie modyfikacje ogarnięte w LESS, bardziej mnie interesuje jak np. Yii2 to pociągnie.
jlaminski
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 8 lat
  • Lokalizacja:Warszawa
  • Postów:4
0

Bootstrap zło, ale jaka jest alternatywa?

Miecz
  • Rejestracja:ponad 9 lat
  • Ostatnio:około 9 lat
  • Postów:5
0

Ja mam do sprawy trochę inne podejście. Nie uważam, żeby bootstrap był czymś złym. Nikt nikomu nie przykłada pistoletu do głowy w celu zmuszenia do użycia tego frameworka, prawda? Jak ktoś uzna, że do danego projektu bootstrap się przyda to po prostu z niego korzysta. Wiadomo, że zawsze można wszystko napisać ręcznie. Jeśli chodzi o alternatywne frameworki to chyba najpopularniejszym jest Foundation. Oczywiście można sięgnąć po coś znacznie lżejszego, np. Skeleton, chociaż przyznam szczerze, że do tej pory nie miałem okazji go wypróbować.

0
  • Bootstrap korzysta z jQuery - nie każdy korzysta z jQuery i potrzebuje w projekcie, serio.
  • Nie mogę za pomocą npm-a zaciągnąć jednego komponentu z Bootstrapa, do którego mogę w postaci pliku konfiguracyjnego podać różne theme'y (theme'y zresztą rozwiązuje się przez Sassa i/lub Lessa - cóż, ja mam style w plikach JS). To skutkuje tym, że muszę zaciągnąć masę rzeczy dla mnie niepotrzebnych.
  • Brak koncepcji rozszerzania komponentów, bardzo "opinionated". Widzieliście kiedyś kod pluginów do Bootstrapa? Wszystko na klej i taśmę, o testach niejednokrotnie nikt nie słyszał. Ja rozumiem, że można tworzyć sobie stronki, aplikacje do pokazu dla klienta, które potem się przepisuje lub nie utrzymuje, ale nie każdy tak ma - u mnie w pracy nie korzystamy z frameworków, jedynie łączymy mniejsze biblioteki i je rozszerzamy.
  • Wszystko na jedno kopyto - może przy tworzeniu intranetów czy bankowych interfejsów wystarczy. Natomiast, gdy aplikacja jest dla globalnego usera (Twitter chociażby), to wygląd i działanie komponentów ma duże znaczenie dla wyników finansowych. Jeśli ktoś twierdzi odwrotnie, to ma zerowe pojęcie o A/B testach i ogółem konwersji. Oczywiście można powiedzieć, że kurczę, przecież możesz sobie ostylować komponenty jak sobie chcesz. Możesz zmienić sobie zachowanie i interakcje, dołożyć animacje, itd. Tylko jaki jest wtedy sens brania gotowego rozwiązania? Żeby je przepisać? ;)
  • Podejście do responsywności - brak wsparcia dla wielu rozdzielczości, dużo nietrywialnych kombinacji w layoucie trudno osiągnąć za pomocą grida. Niestety, ale tutaj konkurencyjne rozwiązania oparte o JS (i przeliczanie za pomocą calc) lepiej się sprawdzają. Jasne, support mają mniejszy, ale to już kwestia indywidualna.

Mógłbym tak dalej wymieniać, ale cóż... Każdy ocenia swoją miarą. Dla mnie Bootstrap jest ograniczeniem, dla wielu pewnie zbawieniem, bo oszczędza kasę, a wielu klientom nie robi różnicy to że kupi ktoś za 5 dolarów skórkę i podmieni grafiki z shutterstocka sprzedając to mu za 1 000 zł. Rozumiem, ze nie każdy ma komfort pracy przy projekcie, gdzie są osobni ludzie od CSS, osobni od JS, jeszcze jest team designerów, itd. Ale takie projekty też powstają w Polsce i tam Bootstrapa używa się do szybkiego prototypowania, nic więcej.

Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)