Eure Hilfe benötigt: Sammlung der besten Links für HTML Profis

[SpiceLab]

[OldSkool] CSS3Maker - Free CSS3 Generator Tool

• https://www.toptal.com/developers/css3maker

 

[SpiceLab]

Adobe Color | Farbpalleten-Generator

• https://color.adobe.com/de/create/color-wheel

 

[SpiceLab]

Minify Code - HTML | CSS | JS

• https://codebeautify.org/minify-html
• https://codebeautify.org/css-beautify-minify
• https://codebeautify.org/jsviewer
• https://www.minifier.org/

 

[SpiceLab]

RegEx

• https://regexr.com/
• https://www.regextester.com/

 

[SpiceLab]

Page Speed Tools

• https://www.giftofspeed.com/tools/

 

[SpiceLab]

Apple Touch Icon / Favicon

• https://web-stuebchen.de/

 

[SpiceLab]

Icon Font | SVG Icon Sets

• https://icomoon.io/

 

[SpiceLab]

Isotope | Layout modes

• https://isotope.metafizzy.co/layout-modes.html

 

[SpiceLab]

Validator | HTML & CSS

• https://validator.w3.org/
• https://jigsaw.w3.org/css-validator/

 

[SpiceLab]

Internet Archive | Wayback Machine

• https://archive.org/web/web.php

 

[Sempervivum]

Ein bewährtes Hilfsmittel um Tabellen zu erweitern, z. B. mit Suchen und Sortieren, ist Datatables:

DataTables | Javascript table library

datatables.net

Vor kurzem bin ich darauf aufmerksam geworden, dass es auch schlankere Alternativen gibt:

Home

A lightning fast JavaScript grid/spreadsheet. Contribute to 6pac/SlickGrid development by creating an account on GitHub.

github.com

https://tabulator.info
Diese habe ich bisher noch nicht ausgetestet, werde es aber tun, wenn sich ein Anlass dafür ergibt.

 

[Sempervivum]

Selects haben den Nachteil, dass sie nur sehr eingeschränkt zu stylen sind. Und hin und wieder sind die Optionen so zahlreich, dass eine Suchfunktion nötig ist.
Beides liefern diese beiden Bibliotheken:

Getting Started | Select2 - The jQuery replacement for select boxes

Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and pagination (infinite scrolling) of results.

select2.org

Selectize

Documentation and demos for the selectize.js library

selectize.dev

Beide hervorragend aber keine Leichtgewichte. Daher bin ich vor kurzem daran gegangen, für den einfachsten aber häufigsten Fall, keine Gruppierung, keine Mehrfachauswahl und kein Suchen, eine schlanke Alternative zu programmieren. Hier eine Demo:

Stylable Select With Radiobuttons

 

[Sempervivum]

Hier werden Möglichkeiten des Stylings mit Flexlayout beschrieben, die nicht sofort auf der Hand liegen. Insbesondere margin: auto; kann man in manchen Situationen mit Vorteil verwenden:

In CSS Flexbox, why are there no "justify-items" and "justify-self" properties?

Consider the main axis and cross axis of a flex container: Source: W3C To align flex items along the main axis there is one property: justify-content To align flex items along the cross axis the...

stackoverflow.com

 

[Sempervivum]

Hier kann man "eben schnell" tabellarische Testdaten in allen erdenklichen Formate erzeugen:

Mockaroo - Random Data Generator and API Mocking Tool | JSON / CSV / SQL / Excel

A free test data generator and API mocking tool - Mockaroo lets you create custom CSV, JSON, SQL, and Excel datasets to test and demo your software.

www.mockaroo.com

 

[Sempervivum]

Was einen Ersatz für das select von HTML betrifft (siehe #32), habe ich vor kurzem eine sehr gute Alternative zu Select2 und Selectize gefunden, und zwar Slim-Select:

Slim Select

Advanced select dropdown

slimselectjs.com

Wirklich ein Leichtgewicht und viel einfacher und übersichtlicher zu handhaben.