| Ranking |
- Agenturranking (BVDW)

-
Das „Internetagentur-Ranking“ des Bundesverbands Digitale Wirtschaft (BVDW) e.V. ist das Branchenbarometer der deutschen Internet-Agenturlandschaft und wird jährlich gemeinsam mit den Kooperationspartnern HighText iBusiness, Horizont und werben & verkaufen erhoben.
|
agentur, ranking |
| Ranking |
- Kreativranking (BVDW)

-
Der Bundesverband Digitale Wirtschaft (BVDW) e.V. veröffentlicht gemeinsam mit den Medienpartnern HORIZONT und Werben & Verkaufen das Digitale Kreativranking.
|
agentur, ranking |
| Tutorial, Reference & Handbook |
- Open Graph Protocol

-
The Open Graph protocol enables any web page to become a rich object in a social graph.
|
social, social media |
| Tool |
- Keyhole

-
Social Analytics Tool
|
social, social media |
| Website |
- Design Tagebuch

-
Das Design Tagebuch ist ein Fachblog, in dem regelmäßig Beiträge zu den Themen Corporate Design, Kommunikationsdesign, Webdesign, Fotografie oder ganz allgemein zum Thema Gestaltung vorgestellt und diskutiert werden.
|
styleguide, branding, brand |
| Website |
- corporate identity portal

- Nachrichten und Links zu Styleguides, weiteren Portalen zum Thema Marke etc.
|
styleguide, branding, brand |
| Website |
- Excel-Inside Solutions

|
excel, vba |
| E-Book |
- Google - Search Quality Rating Guidelines (E-Book)

- Im November 2015 veröffentlichte Google die "Search Quality Rating Guidelines". Die Richtlinien sind auf 160 Seiten (PDF) zusammengefasst und zeigen auf, was gute von schlechten Websites unterscheidet.
Die Richtlinien sind aber inzwischen auch in der "Google Search Console-Hilfe" ausführlich beschrieben: Die Google Richtlinien (Allgemeine Richtlinien für Webmaster, Qualitätsrichtlinien und Inhaltsrichtlinien)
|
webentwicklung, seo, styleguide, usability, accessibility |
| Tool |
- Landscape - Image Resizing Tool

- Streamlined Image Resizing for Social Media (Web-App). Mehr Infos auch bei t3n.
|
social,social media, image |
| Tool |
- visualping - Website Checker Tool

- Mit visualping Veränderungen von Websites überwachen.
|
wettbewerber, wettbewerbsanalyse, konkurenzanalyse, analyse, konkurenz, monitoring, websitechecker |
| Tool |
- BuiltWith - Technologieanalyse Tool

- Herausfinden welche Technologien eine Website nutzt.
|
wettbewerber, wettbewerbsanalyse, konkurenzanalyse, analyse, konkurenz, monitoring, websitechecker |
| Tool |
- Keyword Tool

-
|
seo |
| Tool |
- Seitenreport - SEO und Website Analyse

|
seo |
| Tool |
- Stylify Me - Online Style Guide Generator

|
styleguide, css, generator |
| Tool |
- Frontify - Brand Guidelines & Design Collaboration Software

|
styleguide, css, guidelines, collaboration |
| Studien |
- Initiative D21

- Die Initiative D21 ist ein gemeinnütziger Verein mit Sitz in Berlin. Mit der Studie D21-Digital-Index misst die Initiative D21 seit 2013 die Entwicklung des Digitalisierungsgrads der deutschen Bevölkerung – ihren Zugang, ihre Kompetenz, ihre Offenheit sowie ihre Nutzungsvielfalt bezogen auf digitale Medien und das Internet.
|
internetnutzung, statistik |
| Website |
- Netmarketshare

- Market Share Statistics for Internet Technologies
|
internetnutzung, statistik |
| Magazine & Article |
- speckyboy Design Magazin

- Speckyboy Design Magazine offer insightful tutorials, time-saving techniques, useful resources, inspirational art, covering web design and development, graphic design, advertising, mobile development.
|
webdesign, webentwicklung |
| Tutorial, Reference & Handbook |
- Twitter Developer

|
api, social,social media, developer |
| Tutorial, Reference & Handbook |
- Google+ Platform for Web (Developer)

|
api, social,social media, developer |
| Tutorial, Reference & Handbook |
- LinkedIn Developer

|
api, social,social media, developer |
| Tutorial, Reference & Handbook |
- Facebook Developer

|
api, social,social media, developer |
| Tutorial, Reference & Handbook |
- XING Developer

|
api, social,social media, developer |
| Tutorial, Reference & Handbook |
- Javascript Referenz (Mozilla)

- Guide zu Javascript mit Lernbereich.
|
javascript |
| Tutorial, Reference & Handbook |
- HTML 5 Referenz (Mozilla)

- Verknüpft zahlreiche Ressourcen über HTML5 Technologien, gruppiert in mehreren Kategorien, basierend auf ihrer Funktion.
|
html, html5, html 5 |
| Tutorial, Reference & Handbook |
- CSS Referenz (Mozilla)

- Übersicht zu allen standardisierten CSS (1-3) Eigenschaften, Pseudoklassen, Pseudoelemente, @-Regeln, Werte und Selektoren in alphabetischer Reihenfolge.
|
css |
| Tutorial, Reference & Handbook |
- Node.js Documentation (latest)

|
javascript, node, js, api |
| Tutorial, Reference & Handbook |
- Informationsportal wob11.de
- Informationsportal des Projektes "Aktionsbündnis für barrierefreie Informationstechnik" (AbI).
|
accessibility, barrierefrei, |
| Tutorial, Reference & Handbook |
- SELFPHP
- Referenz, Tutorial, Forum und Kochbuch für PHP Einsteiger und professionelle Entwickler.
|
php |
| Tutorial, Reference & Handbook |
- W3C - Introduction to Web Components

|
webcomponents |
| Tutorial, Reference & Handbook |
- WebComponents.org
- Polyfills, Articles, Presentations, Podcasts, Resources.
|
webcomponents |
| Magazine & Article |
- golem.de
- IT-News
|
|
| Website |
- CMS Garden

- Überblick und Informationen zu allen relevanten Open-Source-Content-Management-Systemen.
|
cms, |
| Website |
- CMS Vergleich
-
Diese Website ist im Rahmen einer Studienarbeit mit dem Ziel, ein Onlinetool bereitzustellen,
welches schnell und einfach anhand gegebener Auswahlkriterien ein passendes CMS ermittelt, an der FH-Jena entstanden.
|
cms, |
| Cheat Sheet / Infographic |
- Piktochart Infographics
- Easy-to-Use Infographic Maker
|
infographic, |
| Cheat Sheet / Infographic |
- Cheatography

-
Cheatography is a cheat sheet builder and repository where you can build, upload and share cheat sheets and quick references.
|
cheat sheet, |
| Cheat Sheet / Infographic |
- Cheat-Sheets.org
-
All cheat sheets, round-ups, quick reference cards, quick reference guides and quick reference sheets in one page. The only one you need.
|
cheat sheet, |
| Tutorial, Reference & Handbook |
- DevDocs API documentations

-
DevDocs combines multiple API documentations in a fast, organized, and searchable interface.
|
frontend, webentwicklung, handbuch, Web-Development, manual, api, dokumentation, css, html, javascript |
| Tutorial, Reference & Handbook |
- Front-end Developer Handbook

-
This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it.
|
frontend, webentwicklung, handbuch, Web-Development, manual |
| Tutorial, Reference & Handbook |
- Web Field Manual

-
The Web Field Manual is a curated list of resources focused on documenting only the best knowledge for designing experiences and interfaces on the web. It is an ever-expanding collection of knowledge and inspiration for web designers, by web designers.
Jon Yablonski
|
webentwicklung, Web-Development |
| Tutorial, Reference & Handbook |
- Excel-Wiki
-
Dieses Projekt hat sich zum Ziel gesetzt, qualitativ hochwertige und praxisorientierte Informationen, Tipps & Tricks sowie Tutorials rund um Microsoft Excel zu sammeln und kostenfrei zur Verfügung zu stellen.
Mourad Louha
|
excel |
| Magazine & Article |
- Excel Ticker
- News zu Excel, Mourad Louha
|
excel |
| Tool |
- Excel-Translator
-
Diese Website stellt einerseits ein Online-Tool zur Übersetzung der Excel-Funktionen und Formeln von einer Sprache in die andere und andererseits eine Online-Referenz aller übersetzten Funktionen, Argumente und zukünftig auch der Fehlermeldungen zur Verfügung.
Mourad Louha
|
excel |
| Tutorial, Reference & Handbook |
- Excel Resources and Sites

- Best Excel Resources and Sites by Reporting & Analytics Expert Rick Grantham
|
excel |
| Magazine & Article |
- Tutorialzine

-
Tutorialzine is a site dedicated to bringing you the coolest web development tutorials and resources.
|
webentwicklung, Web-Development, css, html, jquery, javascript, php |
| Magazine & Article |
- Screenguide (Magazin)

- Magazin zu Themen wie E-Business, Webentwicklung, Kreation und neueste Technologietrends.
|
magazin, webentwicklung, Web-Development |
| Magazine & Article |
- t3n (Magazin)

- Magazin für digitale Pioniere zu den Themen E-Business, Social Media, Startups und Webdesign.
|
magazin, webentwicklung, Web-Development |
| Magazine & Article |
- suchradar - Magazin für SEO und SEM

-
Das suchradar erscheint seit 2006 sechs Mal im Jahr und bietet als kostenloses PDF aktuelle, geschäftsrelevante Informationen und Neuheiten rund um SEO, SEA und Online Marketing.
|
magazin, seo |
| Tool |
- SEMrush (Tool)

-
SEMrush ist Ihre Online-Marketing-Toolbox mit unverzichtbaren Daten zur Entwicklung von SEO-, Werbe- und Linkbuilding-Strategien.
|
seo |
| Tool |
- ahrefs (Tool)

-
Track your backlinks, keywords, brand mentions and know what your competitors are doing
|
seo |
| Magazine & Article |
- DevShelf (Artikelsammlung)

- Sammlung relevanter Artikel zu zentralen Themen der Webentwicklung.
|
webentwicklung, Web-Development, css, html, jquery, javascript |
| Magazine & Article |
- A List Apart: For People Who Make Websites

- A List Apart explores the design, development, and meaning of web content, with a special focus on web standards and best practices.
|
webdesign, Web-Development webentwicklung, ux |
| Website |
- Jendryschik (Usability und Webstandards)

- Artikel, Gedanken und Einführungstexte zu Usability und Webstandards von Michael Jendryschik.
|
webentwicklung, Web-Development, html,css |
| Website |
- Webkompetenz

- Geschriebenes und Dahingeschriebenes von Stefan Münz
|
webentwicklung Web-Development, css, html, javascript, structured data, microformate, microdata |
| Tutorial, Reference & Handbook |
- HTML5-Handbuch

- HTML5-Handbuch von Stefan Münz
|
webentwicklung, Web-Development, html, css |
| Website |
- Einfach für alle (Barrierefreiheit)

- Ein Angebot der Aktion Mensch für ein barrierefreies Internet. Umfangreiche Informationen über Barrierefreie Informationstechnik, BITV / WCAG, zugängliches Webdesign mit HTML, CSS, JavaScript und PDF.
|
accessibility, usability, webentwicklung, Web-Development |
| Website |
- Barrierefreies Webdesign

- Jan Eric Hellbusch bietet Beratung, Schulung und Gutachten rund um barrierefreies Webdesign an. Die Webseite hält umfangreiche Informationen zum Thema bereit.
|
accessibility, usability, webentwicklung, Web-Development |
| Website |
- WebAIM Web accessibility In Mind (Barrierefreiheit)

|
accessibility, usability, webentwicklung, Web-Development |
| Website |
- Good UI

- Ideenliste von Jakub Linowski Interaction Design zur Optimierung von Userinterfaces, die Conversion und einfache Bedienung miteinander verbinden.
|
usability, webdesign, |
| Tutorial, Reference & Handbook |
- Primary & Secondary Actions in Web Forms

- Luke Wroblewski
|
usability, formulare, userinterfaces, webentwicklung, Web-Development |
| Tool |
- usability-toolkit.de - Usability für Webprojekte

-
Die Plattform usability-toolkit.de wird im Rahmen des Projekt B-U-I (Barrierefreiheit - Usability - Internationalisierung) entwickelt durch das Institut für Informationswissenschaft und Sprachtechnologie der Universität Hildesheim in Zusammenarbeit mit usability.de, Dienstleister für Usability und User Experience Design aus Hannover.
|
usability |
| Archiv |
- archive.org

- Archiv für Web, Video, Texts, Audio, Software.
The Internet Archive is a 501(c)(3) non-profit that was founded to build an Internet library. Its purposes include offering permanent access for researchers, historians, scholars, people with disabilities, and the general public to historical collections that exist in digital format.
|
|
| E-Book |
- IT eBooks

- Free Download IT eBooks.
|
e-books |
| E-Book |
- O'Reilly (Openbooks)

- Im Rahmen des Open-Book-Projekts gibt O'Reilly seit vielen Jahren englisch- und deutschsprachige Publikationen kostenfrei und unkompliziert an die Community weiter.
|
e-books |
| E-Book |
- Rheinwerk (Openbooks)

- IT-Fachbücher
|
e-books |
| E-Book |
- Tuts+ eBooks

|
e-books |
| E-Book |
- Internetrecht (E-Book)

- Publikation von Prof. Dr. Thomas Hoeren, Institut für Informations-, Telekommunikations- und Medienrecht
an der Universität Münster.
|
|
| E-Book |
- Google Webmaster-Tools (E-Book)

- Steht zzt. nicht zur Verfügung.
|
seo |
| E-Book |
- Google Einführung in
Suchmaschinenoptimierung (PDF)

-
Dieses Dokument diente ursprünglich dem Zweck, Google-Teams
zu unterstützen, aber wir denken, dass es vielen Webmastern eine
Hilfe sein dürfte - besonders, wenn sie neu in Sachen SEO (kurz
für “Search Engine Optimization”, das englische Wort für
Suchmaschinenoptimierung) sind und die Interaktion ihrer
Website mit regulären Besuchern und Suchmaschinen verbessern
wollen. Obwohl diese Einführung euch keine Geheimnisse verraten
wird, die eure Websites automatisch auf die vorderste Seite der
Suchergebnisse bei Google bringen - sorry! -, sollten die folgenden
Best Practices es für Suchmaschinen einfacher machen, euren
Content zu crawlen und zu indexieren.
|
seo |
| Tutorial, Reference & Handbook |
- SELFHTML

-
SELFHTML ist ein umfangreiches Web-Projekt, das es sich zur Aufgabe gemacht hat, eine leicht verständliche Dokumentation rund um Webtechniken anzubieten. Die Dokumentation wurde 1995 von Stefan Münz initiiert und aufgebaut.
|
html, javascript, css, webentwicklung |
| Tutorial, Reference & Handbook |
- JSON

-
JSON (JavaScript Object Notation) ist ein schlankes Datenaustauschformat, das für Menschen einfach zu lesen und zu schreiben und für Maschinen einfach zu parsen (Analysieren von Datenstrukturen) und zu generieren ist. Es basierd auf einer Untermenge der JavaScript Programmiersprache, Standard ECMA-262 dritte Edition - Dezember 1999.
Bei JSON handelt es sich um ein Textformat, das komplett unabhängig von Programmiersprachen ist, aber vielen Konventionen folgt, die Programmieren aus der Familie der C-basierten Sprachen (inklusive C, C++, C#, Java, JavaScript, Perl, Python und vielen anderen) bekannt sind. Diese Eigenschaften machen JSON zum idealen Format für Datenaustausch.
|
json |
| Tutorial, Reference & Handbook |
- W3C - Using WAI-ARIA in HTML

|
barrierefreiheit, accessibility |
| Tutorial, Reference & Handbook |
- Web Accessibility Initiative (WAI)

- Web Accessibility Initiative (WAI) ist eine Initiative zur Verbesserung der Zugänglichkeit von Webseiten. Accessible Rich Internet Applications (ARIA) ist die technische Spezifikation, die von der Initiative entworfen wurde und seit März 2014 vom W3C als Standard empfohlen wird.
|
wai-aria, barrierefreiheit, accessibility |
| Tutorial, Reference & Handbook |
- W3C - Using WAI-ARIA in HTML

|
barrierefreiheit, accessibility |
| Tutorial, Reference & Handbook |
- W3C - Accessible Rich Internet Applications (WAI-ARIA) 1.0

|
barrierefreiheit, accessibility |
| Tutorial, Reference & Handbook |
- W3C - Web Content Accessibility Guidelines (WCAG) 1.0

|
barrierefreiheit, accessibility |
| Tutorial, Reference & Handbook |
- W3C - Web Content Accessibility Guidelines (WCAG) 2.0

|
barrierefreiheit, accessibility |
| Tutorial, Reference & Handbook |
- WCAG 2.0 Übersetzung
- Übersicht aller Übersetzungen von Dokumenten rund um die deutsche Fassung der Web Content Accessibility Guidelines 2.0 (WCAG 2.0) auf www.einfach-fuer-alle.de
|
barrierefreiheit, accessibility |
| Tool |
- WAVE web accessibility evaluation tool

|
barrierefreiheit, accessibility |
| Tutorial, Reference & Handbook |
- robots.txt
-
Web site owners use the /robots.txt file to give instructions about their site to web robots; this is called The Robots Exclusion Protocol.
|
website-management |
| Tutorial, Reference & Handbook |
- meta-tags für Google

- Welche meta-tags Google versteht und daher sinnvoll eingesetzt werden können.
Weitere Informationen bei Sistrix:
Welche Meta-Elemente (Meta-Tags) sind SEO relevant und welche nicht?
Welche Meta-Elemente (Meta-Tags) gibt es?
|
website-management meta-elemente |
| Tutorial, Reference & Handbook |
- sitemap.xml

- Google Information zur Verwaltung und Erstellung von XML-Sitemaps.
|
website-management, seo |
| Website |
- YAML (CSS Framework)

- Made by Dirk Jesse, Code and Documentation licensed under CC BY 2.0.
|
Yet Another Multicolumn Layout, framework css, css |
| Website |
- Foundation (CSS Framework)

- Foundation is made by ZURB, a product design company in Campbell, California.Foundation is MIT licensed.
|
framework css, css |
| Website |
- unsemantic (CSS Framework)

- The Unsemantic CSS framework was created by Nathan Smith. He works as a Principal Front-End Architect at TandemSeven. Licensed under GPL and MIT.
|
framework css, css |
| Website |
- HTML 5 Boilerplate (CSS Framework)

- A project from H5BP currently maintained by: Mathias Bynens and Hans Christian Reinl. Licensed under MIT.
|
framework css, css |
| Website |
- Bootstrap (CSS Framework)

- Bootstrap ist ein anpassungsfähiges und zuerst für mobile Geräte entwickeltes Framework (von Twitter), MIT-Lizenz (Code), CC BY 3.0 (Dokumentation, Icons)
|
framework css, css |
| Website |
- Semantic UI (CSS Framework)

-
Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
|
framework css, css |
| Website |
- Pure CSS (CSS Framework)

-
A set of small, responsive CSS modules that you can use in every web project.
|
framework css, css |
| Website |
- jQuery (JS Framework)

- jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. jQuery projects are released under the terms of the MIT license. All demos and examples, whether in a code project's repository or displayed on a jQuery site, are released under the terms of CC0. Creator: John Resig
|
framework javascript, javascript |
| Website |
- jQuery UI (jQuery Plugin)

|
framework javascript, javascript |
| Website |
- jPlayer (jQuery Plugin: Audio/Video Player)

|
framework javascript, javascript |
| Website |
- TinyMCE (jQuery Plugin: Editor)

|
framework javascript, javascript |
| Website |
- Bigfoot (jQuery Plugin: Footnotes)
|
framework javascript, javascript |
| Website |
- DataTables (jQuery Plugin: Tables)

|
framework javascript, javascript |
| Website |
- SyntaxHighlighter (jQuery Plugin: Sourcecode)
|
framework javascript, javascript |
| Website |
- Reveal.js

- The HTML Presentation Framework.
Created by Hakim El Hattab / @hakimel
|
Ssider, präsentation, presentation, css, javascript |
| Website |
- Prezi

- Alternative Präsentationsmöglichkeit zu Powerpoint.
|
presentation |
| Website |
- Cookies (Plugin: cookie)

- A simple, lightweight JavaScript API for handling cookies. Notice: jquery-cookie - this project is being moved to Javascript Cookie, an implementation of jquery-cookie without jQuery. JavaScript Cookie 1.x internal behavior is totally backward compatible with jquery-cookie. To start migrating from jquery-cookie to JavaScript Cookie, just rename the API.
|
javascript, cookie |
| Website |
- Modernizr

- Modernizr ist eine JavaScript-Bibliothek, die HTML5 und CSS3-Features in den Browsern des Benutzers erkennt. Auf dieser Grundlage können gezielte Lösungen umgesetzt werden. Feature Detection ersetzt oder ergänzt eine Browser-Detection.
|
javascript, feature detection |
| Tutorial, Reference & Handbook |
- schema.org

- Schema.org ist eine Initiative, die eine einheitliche Ontologie für die Strukturierung von Daten auf Websites auf der Basis von bereits bestehenden Auszeichnungssprachen entwickelt. Sie wurde ursprünglich von den drei großen Suchmaschinen Google, Bing und Yahoo gebildet.
|
semantic, semantik |
| Tutorial, Reference & Handbook |
- Microformats

- Mikroformate sind ein Markup-Format zur semantischen Annotation von HTML, die vorwiegend als CSS-Klassen eingetragen werden. Mikroformat-Annotationen können leicht aus Webseiten extrahiert werden und machen weiteren Programmen (etwa Suchmaschinen) die Bedeutung des Seiteninhalts verständlich.
Jedes Mikroformat wurde für ein spezielles Themen- oder Wissensgebiet entwickelt. So gibt es Mikroformate für Termine, für Kontaktinformationen und für soziale Beziehungen.
|
semantic, semantik, maschinenlesbar, kontakt, adresse, contact, address, veranstaltung, event, rich snippet, structured data, markup, vcard |
| Tutorial, Reference & Handbook |
- Microdata

- Ähnlich dem Konzept von RDFa und Microformats zielt auch Microdata auf eine semantische Ergänzung, die die Informationen auf einer Webseite maschinenlesbar strukturiert. Weitere Informationen:
data-vocabulary.org/Person
schema.org/Person
Wikipedia
|
semantic, semantik, kontakt, adresse, contact, address, veranstaltung, event, rich snippet, structured data, markup |
| Tutorial, Reference & Handbook |
- JSON-LD

- JSON for Linking Data
|
semantic, semantik, kontakt, adresse, contact, address, veranstaltung, event, rich snippet, structured data, markup |
| Tutorial, Reference & Handbook |
- JSON Resume

- A community driven open source initiative to create a JSON based standard for resumes.
JSON Resume is open source on GitHub
|
semantic, semantik, personal data sheet, json, lebenslauf |
| Tutorial, Reference & Handbook |
- HR Open Standards
- Personal data sheet XML.
|
semantic, semantik, lebenslauf, resume, |
| Tutorial, Reference & Handbook |
- Europass Interoperability

- Personal data sheet JSON.
|
semantic, semantik, lebenslauf, resume |
| Tutorial, Reference & Handbook |
- Google Structured Data

-
"Structured data markup" is a standard way to annotate your content so machines can understand it.
|
semantic, semantik, rich snippet, structured data, markup, microdata, microformats |
| Tool |
- Google Structured Data Testing Tool

-
The Structured Data Testing Tool lets you test a single page's markup for correctness. You can either enter a URL for the tool to fetch, or paste in marked-up HTML code directly.
|
semantic, semantik, rich snippet, structured data, markup, microdata microformats |
| Tool |
- UITest.com: Werkzeuge für Webentwickler
- Sehr umfangreiche Sammlung von Testtools. Mit einem Sitecheck können mehrere Testabfragen gleichzeitig erfolgen.
|
test, tools |
| Tool |
- Website Grader
- Wie gut ist
Ihre Website aufgestellt?
|
test, tools |
| Tutorial, Reference & Handbook |
- builtvisible -
Microdata, JSON-LD & Schema.org
Rich Snippets: Everything You Need to Know

-
This guide has been created to provide a quick and easy way of generating different types of rich snippets for your website, using a combination of Schema.org and either Microdata or the recently endorsed JSON-LD.
|
semantik, semantic |
| Tutorial, Reference & Handbook |
- Semantic Web
-
The Semantic Web is the extension of the World Wide Web that enables people to share content beyond the boundaries of applications and websites. It has been described in rather different ways: as a utopic vision, as a web of data, or merely as a natural paradigm shift in our daily use of the Web. Most of all, the Semantic Web has inspired and engaged many people to create innovative semantic technologies and applications. semanticweb.org is the common platform for this community.
|
semantik |
| Tutorial, Reference & Handbook |
- Haml (HTML abstraction markup language)

-
Haml is a markup language that’s used to cleanly and simply describe the HTML of any web document without the use of inline code.
|
html, haml |
| Tutorial, Reference & Handbook |
- Sass (Syntactically awesome style sheets)

-
Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly, particularly with the help of the Compass style library.
|
css, sass |
| Tutorial, Reference & Handbook |
- Less (Getting started)

-
Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.
|
css, less |
| Tutorial, Reference & Handbook |
- Stylus (Stylesheet language)
|
css |
| Website |
- Google Webfonts

|
webfonts |
| Website |
- MyFonts.de

- MyFonts.de ist die deutschsprachige Dependence von MyFonts.com, der weltgrößten Bibliothek digitaler Schriften.
|
webfonts |
| Website |
- Font Awesome

- Iconic font and CSS toolkit. Scalable vector icons that can instantly be customized: size, color, drop shadow, and anything that can be done with CSS.
|
webfonts |
| Website |
- Map Glyphs

- Map Glyphs is the ulitmate CSS map font with hundreds of scalable vector map icons of the world, continents, globes, countries and states.
|
landkarten, symbols |
| Tutorial, Reference & Handbook |
- UTF-8

- Unicode-Datenbank.
Umstellung auf UTF-8: Änderung der Zeichencodierung einer (X)HTML-Seite auf UTF-8
|
codierung, utf |
| Magazine & Article |
- Website Style Guide Resources
- Articles, Books, Examples, Style Guides, Podcasts, Talks, Tools
|
online-styleguide, web-styleguide, onlinestyleguide, webstyleguide, styleguide |
| Website |
- Typo3 (CMS)

|
contentmanagement, redaktionssystem, wcms, cms |
| Website |
- Drupal (CMS)

|
contentmanagement, redaktionssystem, wcms, cms |
| Website |
- FirstSpirit (CMS)

- Marketplace
|
contentmanagement, redaktionssystem, wcms, cms |
| Website |
- Confluence (Wiki)

|
collaboration, contentmanagement, redaktionssystem, cms |
| Website |
- Jira (Project Tracking)

|
bugtracking, collaboration, cms |
| Website |
- Jive (Community)

|
contentmanagement, redaktionssystem , cms |
| Magazine & Article |
- MonitoringMatcher
Das Magazin rund um digitales Monitoring

-
Das Magazin rund um digitales Monitoring - Social Media Analytics, Social Media Monitoring, Publishing, Engagement und Web Analytics(sowie Anbieter-Listen, Lese-Tipps und Termine).
|
traffic, logfile, analyse, zugriffsstatistik, web-analytics, monitoring |
| Website |
- Piwik (Web Analytics)

- Neben den Informationen auf der Piwik-Webseite sind hilfreiche Informationen auch auf www.redirect301.de gesammelt. Piwik wird hier kurz zusammengefasst beschrieben:
Die unter GPL lizenzierte Webanalyse-Software Piwik gilt als Alternative zu Google Analytics. Es ist derzeit das am zweit häufigsten genutzte Webanalytics-Tool in Deutschland und lässt sich nach den Richtlinien des deutschen Datenschutzes betreiben.
|
traffic, logfile, analyse, zugriffsstatistik, web-analytics, monitoring |
| Tool |
- Page Speed (Performance)

- Google stellt Page Speed laut Golem im August 2015 ein: Google stellt Online-Geschwindigkeitsanalyse ein
|
website-management, ladezeiten, pagespeed, performance, test |
| Tool |
- WebPageTest (Performance)

|
ladezeiten, performance, test |
| Tool |
- W3C Validator Suite (Validation)

-
Note: W3C is not running Validator Suite nor intending to continue development at this time. Should there be interest from active developers in the community in furthering and maintaining it please let us know.
Since there is no resources from W3C nor the community supporting this project at present, we encourage people to fork.
|
website-management, fehleranalyse, validation, test |
| Tool |
- W3C Markup Validator

-
This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc. If you wish to validate specific content such as RSS/Atom feeds or CSS stylesheets, MobileOK content, or to find broken links, there are other validators and tools available. As an alternative you can also try our non-DTD-based validator.
|
fehleranalyse, validation, test |
| Tool |
- Validator.nu Living Validator

-
Validator.nu has two facets: generic (complex UI) and (X)HTML5 (simple UI).
|
fehleranalyse, validation, test |
| Tool |
- SISTRIX (SEO-Toolbox)

- Neben der Toolbox bietet SISTRIX auch einen empfehlenswerten Blog an.
|
seo, website-management, suchmaschinenoptimierung |
| Tool |
- Moz (SEO-Tools)

|
seo, suchmaschinen optimierung, suchmaschinenoptimierung, searchengine, optimization, optimisation |
| Website |
- seo-tech.de
- Techniken, Tools (Testberichte), Tutorials, Tipps
|
seo, suchmaschinen optimierung, suchmaschinenoptimierung, searchengine, optimization, optimisation |
| Website |
- SEOBook (SEO-Tools)

|
seo, suchmaschinen optimierung, suchmaschinenoptimierung, searchengine, optimization, optimisation |
| Tool |
- Searchmetrics (SEO-Plattform)

- Enterprise SEO-Plattform, Blog usw.
|
seo, suchmaschinen optimierung, suchmaschinenoptimierung, searchengine, optimization, optimisation |
| Website |
- seo-united.de

|
se,o suchmaschinen optimierung, suchmaschinenoptimierung, searchengine, optimization, optimisation |
| Tool |
- LXR Marketplace
- Free SEO Tools for Small Businesses
|
seo, suchmaschinen optimierung, suchmaschinenoptimierung, searchengine, optimization, optimisation |
| Tool |
- OneProSeo.com

- Sitecheck, Ranking Check, W-Fragen Tool, Indexwatch, Screenshots, Google Sprachsimulator
|
seo, suchmaschinen optimierung, suchmaschinenoptimierung, searchengine, optimization, optimisation |
| Tool |
- Seorch.de

- Überprüft die (mittels sitemap.xml auch mehrere Pages) Website auf SEO- und Semantik-Fehler. Außerdem: Suggest, Fragentool, Snippet, Rank, Compare.
|
seo, suchmaschinen optimierung, suchmaschinenoptimierung, searchengine, optimization, optimisation |
| Tool |
- Google Search Console (früher Webmaster-Tools)

- Das Ranking der eigenen Webseite in der Google-Suche verstehen und verbessern.
|
seo, suchanfragen, website-management, suchmaschinenoptimierung |
| Tool |
- Bing Webmaster-Tools

- Das Ranking der eigenen Webseite in der Bing-Suche verstehen und verbessern.
|
seo, suchanfragen, website-management, suchmaschinenoptimierung |
| Tool |
- Google AdWords Keyword-Planer

-
|
seo, keywords |
| Tool |
- Google Trends (Explore)

- Bis zu 5 Suchbegriffe vergleichen.
|
seo, keywords |
| Tool |
- SimilarWeb

- Der israelische Dienst SimilarWeb bietet detaillierte Informationen über Websites, darunter die Besucherzahlen und -quellen.
|
konkurrenzanalyse, marketer, traffic, competition analysis |
| Tool |
- Alexa

- Der Onlinedienst Alexa sammelt Daten von Websites und stellt sie dar. Das Unternehmen Alexa Internet Inc. ist ein Tochterunternehmen von Amazon.com und wurde 1996 gegeründet.
|
konkurrenzanalyse, marketer, traffic, competition analysis |
| Tool |
- WinHTTrack (Website Copier)

-
It allows you to download a World Wide Web site from the Internet to a local directory, building recursively all directories, getting HTML, images, and other files from the server to your computer.
HTTrack is free (GPL)
|
tool, webseite abzug, website-management, archiv |
| Tool |
- Xenu's Link Sleuth (TM)
-
Xenu's Link Sleuth (TM) checks Web sites for broken links. Link verification is done on "normal" links, images, frames, plug-ins, backgrounds, local image maps, style sheets, scripts and java applets. It displays a continously updated list of URLs which you can sort by different criteria.
|
linkprüfung, website-management, broken links, linkchecker, test |
| Tool |
- LinkChecker

-
LinkChecker checks links in web documents or full websites.
LinkChecker is free (GPL)
|
linkprüfung, broken links, website-management, test |
| Tool |
- IE Tester (Browser)

- Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11.
|
browserkompatibilität, test |
| Tool |
- SeoTools for Excel

- SeoTools is an Excel plugin that adds a bunch of useful functions for working with SEO and other web metrics.
|
seo, excel, addin, addon, website-management |
| Tool |
- FreeFormatter.com - Free Online Tools For Developers

- Tools include several converters, formatters, validators, code minifiers, string escapers, encoders and decoders, message digesters, web resources and more.
|
converter, encodeer, decoder, minifier |
| Tool |
- QR-Code Generator (online)

|
vcard |
| Tool |
- Favicon Generator (online)

|
qr |
| Tool |
- Photoshop (online)

|
bildbearbeitung, photoshop |
| Tool |
- Build with Chrome

|
|
| Tool |
- Whats my Browser?
|
browser check |
| Cheat Sheet / Infographic |
- OverAPI (Cheat sheets)

|
cheat sheets |
| Tool |
- 0to255

- 0to255 is a simple tool that helps web designers find variations of any color
|
farben, farbpaletten, oto255 |
| Tool |
- Paletton (Color Scheme Designer)

|
farben, farbpaletten |
| Tool |
- Adobe Color CC (früher Adobe Kuler)

- Color Schemes and Color Community
|
farben, farbpaletten |
| Tool |
- ColoRotate

|
farben, farbpaletten |
| Tool |
- Firebug Lite (Bookmarklet)

|
test, performance, bookmarklet |
| Tool |
- YSlow (Bookmarklet)
|
test, performance, bookmarklet |
| Tool |
- SpriteMe (Bookmarklet)

|
css, bookmarklet |
| Tool |
- HTML_CodeSniffer (Bookmarklet)
|
|
| Tool |
- DOM Monster (Bookmarklet)

|
|
| Website |
- Bookmarklets
|
|
| Tutorial, Reference & Handbook |
- CSP Quick Reference Guide (Content Security Policy)
- CSP legt fest und regelt: Welche Scripte durch den Browser nachgeladen und ausgeführt werden dürfen, mit welchen Servern der Browser über XMLHttpRequest, WebSocket, Server-Sent Events kommunizieren darf. Notwendig ist die Modifizierung des Http-Headers. Es darf keine inline-Scripte auf der Seiten geben. Mehr Informationen auch auf:
CSP 1.0 (W3C)
CSP 2.0 (W3C)
Wikipedia zu CSP
|
sicherheit, csp, security |
| Searchengine |
- Crayon (Marketing design search engine)

|
suchmaschine, design, marketing, webdesign |
| Searchengine |
- Sourcegraph (Source code search engine)

|
suchmaschine, quelltext, scripte |
| Searchengine |
- Searchcode (Source code search engine)

|
suchmaschine, quelltext, scripte |
| Q&A |
- Stack Overflow (Q & A)

|
fragen antworten faq, Web-Development, webentwicklung, html, css, javascript, framework javascript |
| Q&A |
- StackExchange (Q & A)

-
Stack Exchange is a network of 130+ Q&A communities including Stack Overflow, the preeminent site for programmers to find, ask, and answer questions about software development.
|
fragen antworten faq, Web-Development, webentwicklung |
| Tool |
- Blindtextgenerator

- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
|
|
| Tool |
- Dummy Image Generator

- placeholder images for web designers
|
|
| Tool |
- XAMPP Apache

- XAMPP ist eine vollständig kostenlose, leicht zu installierende Apache-Distribution, die MySQL, PHP und Perl enthält.
|
server |
| Website |
- Scrum Guide
- Scrum is a framework for developing and sustaining complex products.
|
scrum, agil, agiles projektmanagment, softwareentwicklung, produktentwicklung |
| Tool |
- Datenschutz-Generator.de

- Datenschutz-Muster Generator für Webseiten, Blogs und Social Media der Rechtsanwaltskanzlei
Thomas Schwenke.
Artikel/FAQs zum Thema
Datenschutz in der c’t 2015/9 (PDF)
|
datenschutzerklärung, privacy policy, datenschutz |
| Ranking |
- Internetagentur-Ranking

|
agentur, ranking |
| Ranking |
- PZ Online

- Die Mediadaten der PZ-Verlage: Print, Online und Mobile
|
reichweite, werbewirtschaft, digitale medien, vermarkter, werbeträger, statistik |
| Studien |
- AGOF - Arbeitsgemeinschaft Online Forschung

- Daten rund um die Nutzung digitaler Medien (klassisches und mobiles Internet)
|
reichweite, digitale medien, vermarkter, werbeträger, statistik, studien, internetnutzung |
| Studien |
- ARD/ZDF-Onlinestudien
-
Die Entwicklung der Internetnutzung in Deutschland sowie der Umgang der Nutzer mit den Angeboten bilden seit 1997 die zentralen Fragestellungen der ARD/ZDF-Onlinestudien.
|
internetnutzung, statistik, studien |
| Studien |
- BITKOM

- Bundesverband Informationswirtschaft,
Telekommunikation und neue Medien e.V. bietet Informationen unter "Markt & Statistik" und "Publikationen" zur Internetnutzung und -branche
|
internetnutzung, statistik, studien |
| Studien |
- DESTATIS Statistisches Bundesamt: IT-Nutzung

-
|
internetnutzung, statistik, studien |
| Tool |
- Social Searcher

- Free Social Media Search Engine
|
monitoring, social,social media |
| Tool |
- LikeAlyzer

- LikeAlyzer hilft das Potential und Effektivität einer Facebook-Seiten zu messen.
|
monitoring, social,social media |
| Tool |
- BackTweets

- Monitoring Social Media: Tweets
|
twitter, tweets, monitoring, social,social media |
| Tool |
- How Much to Make an App

- Calculate the cost of a mobile application.
|
kosten, rechner, kalkulation, app |
| Website |
- Impulse für Innovation

- Immer noch Fuzzy Front End oder schon Idea Engineering? Wie mit Ideen umgegangen werden kann, wie sie bewertet werden können, welche Fehler vermieden werden sollten - all dies ist hier kurz und prägnant von Graham Horton, Zephram GbR - impulse für innovation zusammengestellt!
|
ideenfindung, ideenbewertung, geschäftsmodellinnovation, innovationsmanagement, discovery-driven Innovation, projektbeispiele |