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

[admin]

Hallo zusammen,

ich würde gerne eine Liste der besten Links zu Tools, Tutorials, etc. zusammenstellen. Wenn Ihr also Vorschläge für richtig nützliche Links habt, dann postet sie bitte in diesem Thread. Ich werde dann, sobald die Sammlung etwas vollständiger ist, sie oben anpinnen.

Vielen Dank,

Admin

 

[admin]

Als Platzhalter für Dummy-Bilder: Lorem Picsum ist echt nützlich https://picsum.photos/

Wer ein Bild in einer bestimmten Grüße benötigt, kann es einfach direkt von dort einbinden, z.B. über die folgende URL für ein Bild von 200 x 300 Pixel.

https://picsum.photos/200/300

 

[Oliver77]

Hi, Umwandlung von lokalen Fonts für Websites:

https://transfonter.org/

Komprimierung von JPG'S und PNG'S:

https://www.iloveimg.com/compress-image

Ich biete auch eine Javascript Galerie an:

https://mg-otterson.de/javascript-galerie/

Onepager Script:

https://mg-otterson.de/scrollscript-wordpress-jquery-onepager/

 

[Oliver77]

Auf jQuery verzichten?

https://youmightnotneedjquery.com/

 

[SpiceLab]

Ich werde dann, sobald die Sammlung etwas vollständiger ist, sie oben anpinnen.

Ich habe vorsorglich das Thema im Forum angepinnt, damit es im Tagesgeschäft nicht unter- / verlorengeht, und so die ambitionierte Sammlung fortwährend ergänzt werden kann

Nachfolgend das Inhaltsverzeichnis / die Sprungmarken zu allen weiteren einzelnen Beiträgen/Empfehlungen:

1. [Basics] CSS- & JS-Frameworks
2. [Basics] HTML Tutorial
3. [Basics] CSS Tutorial
4. [Basics] Bootstrap 3 & 4 Tutorials
5. [Basics] Responsive Web Design - Frameworks
6. [Basics] JavaScript Tutorial
7. [Basics] jQuery Tutorial
8. [Basics] Bootstrap Versions
9. [Basics] Bootstrap Themes Built & Curated by the Bootstrap Team
10. Icons
11. [Basics] W3.CSS Tutorial
12. [Basics] W3Schools How To - Code Snippets for HTML, CSS and JavaScript
13. TTF 2 EOT Font Converter
14. JSFiddle - Code Playground
15. CSS3 Generator
16. [OldSkool] CSS3Maker - Free CSS3 Generator Tool
17. Adobe Color | Farbpalleten-Generator
18. Minify Code - HTML | CSS | JS
19. RegEx
20. Page Speed Tools
21. Apple Touch Icon / Favicon
22. Icon Font | SVG Icon Sets
23. Isotope | Layout modes
24. Validator | HTML & CSS
25. Internet Archive | Wayback Machine

 

[SpiceLab]

[Basics] CSS- & JS-Frameworks

• Bootstrap (deutsch): https://holdirbootstrap.de/
• Bootstrap (englisch): https://getbootstrap.com/
• jQuery: https://jquery.com/

 

[SpiceLab]

[Basics] HTML Tutorial

• https://www.w3schools.com/html/

 

[SpiceLab]

[Basics] CSS Tutorial

• https://www.w3schools.com/css/default.asp

 

[SpiceLab]

[Basics] Bootstrap 3 Tutorials

• https://www.w3schools.com/bootstrap/

[Basics] Bootstrap 4 Tutorials

• https://www.w3schools.com/bootstrap4/

 

[SpiceLab]

[Basics] Responsive Web Design - Frameworks

• https://www.w3schools.com/css/css_rwd_frameworks.asp

 

[SpiceLab]

[Basics] JavaScript Tutorial

• https://www.w3schools.com/js/default.asp

 

[SpiceLab]

[Basics] jQuery Tutorial

• https://www.w3schools.com/jquery/default.asp

 

[SpiceLab]

[Basics] Bootstrap Versions

• https://www.w3schools.com/bootstrap/bootstrap_ver.asp

 

[SpiceLab]

[Basics] Bootstrap Themes Built & Curated by the Bootstrap Team

• https://themes.getbootstrap.com/

 

[FlatIcon]

Icons

https://www.flaticon.com/icons

 

[SpiceLab]

[Basics] W3.CSS Tutorial

• https://www.w3schools.com/w3css/default.asp

 

[SpiceLab]

[Basics] W3Schools How To - Code Snippets for HTML, CSS and JavaScript

• https://www.w3schools.com/howto/default.asp

 

[SpiceLab]

TTF 2 EOT Font Converter

• https://www.kirsle.net/wizards/ttf2eot.cgi

 

[SpiceLab]

JSFiddle - Code Playground

• https://jsfiddle.net/

 

[SpiceLab]

CSS3 Generator

• http://www.css3generator.com/