Webentwicklung on Alemasone

Bootstrap oder Material Design: Welches Framework passt zu dir?

Tue, 20 May 2025 19:31:36 +0000

Bootstrap liefert dir ein Grid und neutrale Komponenten, die überall funktionieren; Material UI bringt Googles visuelle Sprache nach React; Tailwind hat keine Komponenten, sondern Klassen, die man kombinieren muss. Neben dem Aussehen spielt das Gewicht eine Rolle: Bootstrap liegt bei etwa 42 KB (komprimiert), Material UI liegt oft über 100 KB, und Tailwind bleibt in der Produktion zwischen 5 und 15 KB.

Die Ausgangsfrage lautet meistens „Bootstrap oder Material Design?“, aber heute gehört fast immer auch Tailwind zum Vergleich dazu, da es in den letzten Jahren viele neue Projekte verdrängt hat. Bei den ersten beiden bekommst du fertige, wiedererkennbare Bausteine; beim dritten baust du alles selbst: Du bist anfangs langsamer, aber am Ende sieht deine Website niemandem anderen ähnlich.

Die besten VS Code Extensions, die du wirklich brauchst

Thu, 17 Oct 2024 21:57:04 +0000

Dreißig installierte Extensions sind ein Problem, keine Konfiguration. Jede einzelne verlängert den Startvorgang, verbraucht Arbeitsspeicher und kann sich mit anderen beißen. Die wirklich nützlichen lassen sich an zwei Händen abzählen, und viele Dinge, für die man vor Jahren eine Extension installieren musste, erledigt Visual Studio Code heute von selbst.

Bevor du etwas hinzufügst, schau dir an, was der Editor bereits kann: Formatierung beim Speichern, Umbenennen von Symbolen im gesamten Projekt, Git, Terminal, Suchen und Ersetzen mit regulären Ausdrücken, mehrere Cursor gleichzeitig, Markdown-Vorschau, Synchronisierung der Einstellungen, JavaScript-Debugging im Browser und farbige Klammerpaare. Für letzteres brauchst du seit ein paar Jahren weder Settings Sync noch Debugger for Chrome oder Bracket Pair Colorizer: Wenn du sie noch installiert hast, kannst du sie entfernen.

Die besten kostenlosen HTML WYSIWYG-Editoren für das Web

Fri, 07 Jun 2024 22:36:41 +0000

Ein WYSIWYG-Editor ist eine Library, die ein Textfeld in einen kleinen Word-Processor innerhalb der Seite verwandelt. Mehr als die Funktionen entscheiden über zwei Dinge: die Lizenz, da sich viele etablierte Libraries in den letzten Jahren geändert haben, und die Qualität des produzierten HTMLs.

Die Abkürzung steht für „what you see is what you get“: Wer schreibt, sieht den Text bereits formatiert statt der Tags und kann normalerweise in die Quelltextansicht wechseln, um ihn zu bearbeiten. Du findest sie in Admin-Panels, CMS und überall dort, wo jemand ohne HTML-Kenntnisse etwas veröffentlichen muss.

Die besten XAMPP-Alternativen für die lokale Entwicklung

Sun, 18 Feb 2024 18:22:34 +0000

XAMPP funktioniert zwar noch, ist aber abgehängt: Die Version von Apache Friends bleibt bei PHP 8.2 stehen, das nur noch Sicherheitsupdates erhält und Ende 2026 keine Unterstützung mehr bekommt, während PHP bereits bei der Version 8.5 angekommen ist. Für neue Projekte gibt es aktuellere Alternativen, die kostenlos oder fast kostenlos sind.

Eine lokale Entwicklungsumgebung dient dazu, eine Website auf deinem eigenen Computer laufen zu lassen, bevor du sie online stellst: ein Webserver, PHP und eine Datenbank, die alle zusammen installiert sind. XAMPP hat das alles damals sehr einfach gemacht, als man jedes Teil noch manuell konfigurieren musste – deshalb findest du es auch in fast jedem Kurs und in den ersten Tutorials wieder.