Webprogrammierung

Seitenübersicht

Zur Seite "HTML"

Zur Seite "CSS"

Zur Seite "JavaScript"

---

Design-Links

---

• Bennett Feely Image Effects with CSS

Using one or more newer CSS properties (background-blend-mode, mix-blend-mode, or filter) gives us a surprising amount of possibilities to manipulate a single source image.

---

• A Beginners Guide to the Task Runner Gulp

You’ve possibly heard of the task runner Grunt. If you’ve not used it it’s basically a tool for automating tasks like minification, compilation, unit testing, etc.. However, a newer task runner has emerged and is picking up speed, Gulp.

---

• https://guide.freecodecamp.org/

This website is full of articles about all things related to programming. You can use the search bar [...] to find something you would like to learn about, or use the navigation to explore the content.

---

• http://fizzy.school/

Lessons in JavaScript for anyone writing jQuery

---

• https://jquery.org/

jQuery (auch: jQuery Core) ist eine freie JavaScript-Bibliothek, die Funktionen zur DOM-Navigation und -Manipulation zur Verfügung stellt.[1]

---

• https://modernizr.com/

It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user.

---

• https://tympanus.net/codrops/collective/

The Collective features the latest news and resources from the web design & web development community

---

• https://html5boilerplate.com/

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites.

---

• http://caniuse.com/

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

---

• https://codeburst.io/how-to-view-and-edit-css-in-chrome-developer-tools-ca458a740a06

How to View and Edit CSS in Chrome Developer Tools. Learn how to make real-time changes to this website with Chrome DevTools

---

• http://koala-app.com/

Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficiently.

---

• MATERIAL DESIGN LITE

---

SEO - Suchmaschinenoptimierung

• Ryte Wiki – Digitales Marketing Wiki

• Regeln von PageSpeed Insights

• Host Europe Blog

---

Bilder

Clip Art:

• http://www.clker.com/

Icons:

• http://www.clker.com/

---

Bildagenturen

• https://www.stocksy.com/ (kostenpflichtig, ungewöhnliche Bilder)

• https://de.fotolia.com/ (deutscher Anbieter)

• https://deathtothestockphoto.com/ (monatlich kostenlose Angebote per E-Mail)

• https://kaboompics.com/ (frei)

---

Bildbearbeitung

• https://pixlr.com/editor/

---

Notizen

Hintergrundbild: Breite mind. 1500

Ladezeit gut unter 200 kB

---

Tools

Shaarli:

• Shaarli - The personal, minimalist, super-fast, database free, bookmarking service

---

Emmet:

• https://docs.emmet.io/abbreviations/syntax/
• https://docs.emmet.io/cheat-sheet/
• https://atom.io/packages/emmet

---

Tortoise:

• TortoiseSVN

---

Texte

• http://wortliga.de/textanalyse/

---

Notizen

http://reference.sitepoint.com/javascript

Wrapper:

http://dark-cms.de/tutorials/css_html/was-ist-ein-wrapper/

---

Quellen

• https://www.drweb.de/
• https://www.diegutewebsite.de/
• Webseiten erstellen für Einsteiger
• Webseiten erstellen für Einsteiger - Zusatzinfos & Links
• Google HTML/CSS Style Guide
• JavaScript — What is a function?

---

| |