Sponsored Links |
|
||||
Zitat:
Hier habe ich dir auch schon öfter geschrieben, dass das schön und gut ist, wenn du dir das als persönliches Ziel für ein Projekt setzt, es aber keinerlei relevanz für Projekte in Teams hat. Dort geht es darum, dass mehrere Leute ohne Probleme einen Code nicht nur lesen und verstehen können (ohne Aufwand) sondern auch darum, dass einzelne Komponenten frei überall auf der Seite platziert werden können. Bezüglich deiner Kritik an bootstrap: ICH mache mir bestimmt NICHT die Mühe, mir ein Beispiel zu suchen, welches DEINEN Anforderungen entspricht. Deine konkrete Frage war, ob jemand ein Beispiel für ein responsive Formular kennt, da habe ich dir das verlinkt, da es von vielen Websites so eingesetzt wird. Zitat:
Erstens, dass ich dir schon geschrieben habe, dass du dein label + input gerne verschachteln kannst wie du willst, es kommt hier nur darauf an, ob es designvorgaben gibt, welche mit Variante 1 oder 2 nicht umgesetzt werden können. Du kannst also den Teil in "form-group" schreiben wie du willst. Zweitens: Schaust du dir die Dokumentation von bootstrap an siehst du, dass form-group nicht notwendig ist: https://getbootstrap.com/docs/4.1/co...s/#form-groups Das heißt, die beiden von dir verlinkten Beispiele sind vom HTML her ident. Sie unterscheiden sich (bis jetzt) lediglich vom CSS und hier hat bootstrap folgende Philosophie: Man kann es "out of the box" verwenden und hat grundlegende Styles. Ob sie einem gefallen oder nicht muss jeder für sich entscheiden, sie sind aber durchdacht und vor allem hat jeder* Style eine spezifität von 1. Das hat zur Folge, dass jeder Style möglichst einfach mit seinen gewünschten überschrieben werden kann. Auch hat es zur Folge, dass du <label>+<input> frei im bootstrap-grid platzieren kannst und eine einheitliche Gestaltung hast. Hier musst du zu deinem HTML noch deine CSS Philosophie schreiben, damit der Teil verglichen werden kann (und eine Umfrage erstellt werden kann). Hier nochmal zur Betonung: bootstrap ist NICHT das einzige Framework, es ist lediglich ein guter Ansatzpunkt um erste Erfahrungen mit so etwas zu sammeln, auch deshalb, weil man zu vielen Problemstellungen schnell eine Lösung findet. Auch ist dazu gesagt: bootstrap unterstützt IE und wurde entwickelt wo es noch kein display: grid gab (bzw. war das damals gerade in Entwicklung) Das heißt, das grid davon ist mit flexbox aufgebaut und braucht daher zusätzliche divs, welche aber auch andere flexbox-grids benötigen: Flexbox Grid Es steht dir natürlich frei (wie auch bei den form-elementen) das nur als inspiration zu nehmen und ein eigenes grid zu erstellen. Bzw. komplett mit display: grid zu arbeiten, dann fallen auch wieder unnötige divs weg. * bei rows und cols gilt das glaube ich nicht, da hier cols direkt auf rows folgen müssen. Das wäre aber auch der einzige Bereich wo das nicht zutrifft. Zitat:
Nur um das hier klarzustellen: Man soll nie mehr divs, spans etc. verwenden als benötigt. Auch <label> ist zwingend erforderlich und Placeholder ist kein Ersatz für label. IDs sollten, wenn möglich, gar nicht verwendet werden. Das widerspricht meiner Philosophie dass Komponenten frei und beliebig oft platziert werden können. Insofern sind wir hier einer Meinung. Zitat:
Einfach weil ich es gerade gefunden habe und es hier auch passt: https://adactio.com/journal/14574 und ein weiterführender Link dazu: https://alistapart.com/article/axiom...botomized-owls Geändert von cloned (11.12.2018 um 10:49 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Formular Element Horizontal anordnen Buttons gehen nicht | Blackhead77 | (X)HTML | 4 | 14.11.2013 16:50 |
Dropdownmenue funktioniert nicht | YandelF | CSS | 5 | 01.09.2012 18:59 |
Liste im IE | StarSt0rm | CSS | 3 | 22.08.2007 20:04 |
Validator Fehler und komm nicht drauf... | letslounge | (X)HTML | 3 | 14.09.2006 21:07 |