Etymologie, Etimología, Étymologie, Etimologia, Etymology, (griech.) etymología, (lat.) etymologia, (esper.) etimologio
US Vereinigte Staaten von Amerika, Estados Unidos de América, États-Unis d'Amérique, Stati Uniti d'America, United States of America, (esper.) Unuigintaj Statoj de Ameriko
Homepage, Home page, Page d'accueil, Pagina Elettronica, Homepage, (esper.) hejmpago

1

1001fonts.com
Fonts

(E?)(L?) http://www.1001fonts.com/

Your favorite site for free fonts.

Font Categories


Erstellt: 2017-12

A

about.com
Javascript Tutorials

(E?)(L?) http://javascript.about.com/cs/bookmarklets/

Browse Topic


Erstellt: 2012-06

alistapart
For People who make Websites
WebDesign

(E?)(L?) http://www.alistapart.com/

A List Apart Magazine (ISSN: 1534-0295) explores the design, development, and meaning of web content, with a special focus on techniques and benefits of designing with web standards.

Topics: Code | Content | Culture | Design | Process | User Science


(E?)(L?) http://www.alistapart.com/topics/

Topics

Code (338 articles)

Markup, style, scripting, and server-side techniques in the service of user-centric interfaces and tools. Cross-browser XHTML, CSS, and JavaScript. Roll your own X using scripting or markup language Y. Producing clearer, saner, more secure code that plays well with others. The love/hate relationship between layout and markup. Workarounds for that irritating bug and why (or why not) to use them.
Includes: Browsers, CSS, Flash, HTML and XHTML, Scripting, Server Side, XML.

Content (60 articles)
Better writing and more effective communication on the web. Working with, and in some cases, building your own content management systems. Writing for the medium. Designing for readers. The “what”? and “why”? of audio, video, and animated content. Web narratives and design as content. Crafting content-focused digital products and brands.
Includes: Brand Arts, Community, Writing.

Culture (117 articles)
This web life: emerging ideas, thoughtful topics, insights and provocations. Legal and social issues of web creation and publishing. Innovations and abuses, freedom and constraints. Patents and copyright. Trends versus tipping points. All the messy stuff that happens outside of your projects.
Includes: Industry, Politics and Money, State of the Web.

Design (150 articles)
Visual communication, art direction. Designing systems or interfaces to help users achieve goals. Graphic design, interface design, user experience design, typography, illustration, photography, artwork. Creative and technical techniques for crafting great interfaces. Developing an appropriate look and feel. How web users respond to design. Identity systems and brand development. Visual styles, influences, and trends.
Includes: Graphic Design, User Interface Design, Typography, Layout.

Process (100 articles)
The business of business. Workflow, project management, keeping projects on target, brainstorming, scope creep, building and working with teams. The creative process. Ideas and inspiration. All the messy stuff that happens inside of your projects. Communicating with clients and colleagues. Selling. Listening. Listening, listening, listening!
Includes: Creativity, Business, Project Management and Workflow.

User Science (124 articles)
What does a user want? Designing for needs. Putting the user first. Making web content accessible to more people and more kinds of internet devices. Designing and testing usable interfaces. Use-case models and model users. Scenario development, wireframes. Usability testing on the cheap. And on the not so cheap. How to spec a site people will want (and be able) to use.
Includes: Accessibility, Information Architecture, Usability.


Erstellt: 2010-03

alvarotrigo.com
CSS Shadow Gradients

(E?)(L?) https://alvarotrigo.com/shadow-gradients/

...
What is a shadow gradient?

A "shadow gradient" is a shadow that contains a transition between two or more colors. The use of gradients is a very popular trend in web design nowadays. They are usually used as a way to grab the attention of the visitor or to create a modern kind of look. They are used in logos, apps, web design, and practically anywhere nowadays. Traditionally gradients have been used mainly on backgrounds due to technical restrictions. But nowadays there are workarounds to bring gradients into shadows too.
...


Erstellt: 2022-06

B

benjaminbenben.com
CSS Rules behind a page
CSS Rules of a page

(E?)(L?) http://css.benjaminbenben.com/

Enter a url to see how the css rules interact with that page


Erstellt: 2013-08

blindtextgenerator
Blindtext Generator

(E?)(L?) http://www.blindtextgenerator.com/

This handy tool helps you create dummy text for all your layout needs.

We are gradually adding new functionality and we welcome your suggestions and feedback.

Please feel free to send us any additional dummy texts.

Dummy Text | Cicero | Cicero (en) | Li Europan lingues | Li Europan lingues (en) | Far far away | Werther | Kafka | Pangram | a-z A-Z 123


blooberry
The Advanced HTML Reference

(E?)(L1) http://www.blooberry.com/indexdot/html/
Index DOT Html
By Brian Wilson Last Update: Oct. 1 2003

HTML Language Historical Information Site Information General Information

(E?)(L?) http://www.blooberry.com/indexdot/html/tagindex/all.htm




bravenet.com
Webmaster Resource Center

(E?)(L?) http://www.bravenet.com/


(E?)(L?) http://www.bravenet.com/webtools/counter/

Counter




(E?)(L?) http://www.bravenet.com/

Jump Menu




(E?)(L?) http://www.bravenet.com/

Vote Caster

Free Vote Caster from Bravenet.com Free Vote Caster from Bravenet.com



C

caniuse.com
CSS - Compatibility tables

(E?)(L?) http://www.caniuse.com/

Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

CSS

| @font-face Web fonts | calc() as CSS unit value | 2.1 selectors | Counters | Feature Queries | Filter Effects | Generated content | Gradients | Grid Layout | Hyphenation | inline-block | Masks | min/max-width/height | outline | position:fixed | Regions | Repeating Gradients | resize property | Table display | 3D Transforms | Animation | Background-image options | Border images | Border-radius (rounded corners) | Box-shadow | Box-sizing | Colors | Media Queries | Multiple backgrounds | Multiple column layout | object-fit/object-position | Opacity | Overflow-wrap | selectors | Text-overflow | Text-shadow | Transforms | Transitions | word-break | Flexible Box Layout Module | Font feature settings | rem (root em) units | TTF/OTF - TrueType and OpenType font support | Viewport units: vw, vh, vmin | Canvas Drawings | Reflections | text-stroke | pointer-events (for HTML) | All CSS features

HTML5

| Audio element | Canvas (basic support) | Color input type | contenteditable attribute (basic support) | Datalist element | dataset & data-* attributes | Date/time input types | Details & Summary elements | Download attribute | Drag and Drop | Form validation | HTML5 form features | input placeholder attribute | New semantic elements | Number input type | Offline web applications | Progress & Meter | Range input type | Ruby annotation | sandbox attribute for iframes | Session history management | Text API for Canvas | Toolbar/context menu | Video element | WebGL - 3D Canvas graphics | All HTML5 features

JS API

| Blob URLs | Cross-document messaging | Cross-Origin Resource Sharing | Device Orientation events | File API | FileReader API | Filesystem & FileWriter API | Full Screen API | Geolocation | getUserMedia/Stream API | Hashchange event | IndexedDB | JSON parsing | matches() DOM method | matchMedia | Navigation Timing API | PageVisibility | requestAnimationFrame | Server-sent DOM events | Shared Web Workers | Typed Arrays | Web Audio API | Web Notifications | Web Sockets | Web Storage - name/value pairs | Web Workers | Web SQL Database | All JS API features

SVG

| Inline SVG in HTML5 | SVG (basic support) | SVG effects for HTML | SVG filters | SVG fonts | SVG fragment identifiers | SVG in CSS backgrounds | SVG in HTML img element | SVG SMIL animation | All SVG features

Other

| async attribute for external scripts | classList (DOMTokenList ) | Content Security Policy | Data URIs | defer attribute for external scripts | ECMAScript 5 Strict Mode | getComputedStyle | getElementsByClassName | MathML | MPEG-4/H.264 video format | Ogg/Theora video format | PNG alpha transparency | querySelector/querySelectorAll | Strict Transport Security | Touch events | WAI-ARIA Accessibility features | WebM/VP8 video format | WOFF - Web Open Font Format | XHTML served as application/xhtml+xml | XMLHttpRequest 2 | Animated PNG (APNG) | EOT - Embedded OpenType fonts | SPDY networking protocol | XHTML+SMIL animation | All Other features


Erstellt: 2013-02

chromeexperiments
HTML5-Demos

(E?)(L?) http://www.chromeexperiments.com/


Erstellt: 2011-05

coolarchive
Icons zum Download
Logo-Generator

(E?)(L1) http://www.coolarchive.com/


(E?)(L1) http://www.coolarchive.com/icons.php
Geräusche und vieles mehr zum Download

With over 4000 icons in 125 categories, this icon archive is one of the biggest and most complete collection on the net. All the icons are available in both .ico (for your computer) and .gif (for your web page) formats

Und ausserdem: You can make your own logos online with the form below.

With over 4000 icons in 125 categories, this icon archive is one of the biggest and most complete collections on the net. All the icons are available in both .ico (for your computer) and .gif (for your web page) formats.

Categories: Animals | Cats | Dogs | Water | Wings | Misc | Holidays | Birth Day | Easter | Halloween | Thankgiving | Christmas | Alphabet | Sports | Baseball | Formula 1 | Football | Soccer | Misc. | War | Civil | Guns | Swords | Misc. | Faces | Female | Male | Real | Misc. | Folders | Shaded | Wild | Misc. | Misc | Misc-A | Misc-B | Games | Mega Man | Mortal Kombat | Street Fighter | Ninja Turtles | Misc. | Simpsons | Bart | Nuclear Plant | Misc. | Guest Stars | Folders | Public Figures | TV Land | Townspeople | School | Bongo Comics | Family | Computers | Floppy Disks | Hard Drives | Apple | Misc. | Printers | Recycle Bins | Toons | Batman - Gundam | Battle Angel - Japan Anime | Beetle B. - Looney Tunes | Bloom Country - Misc | Disney - Pooh | Far Side - Popeye | Fat Albert - Powerangers | Flinstones - Ren & Stimpy | S.H.R - T.T.T.E | Scooby - Tick | Smurfs - Tiny Toons | Art | Eyes | Shapes | Charts | Balls | Money | Logos | Boats | Flags | Months | Skulls | Cars | Flowers | Motorcycles | Smileys | Plants | CDs | Aliens | Movies | Globes | Food | Music | Planes | Chemistry | Star Wars | Paint | Table games

criticue
Homepage-Kritik auf Gegenseitigkeit

(E?)(L?) http://www.criticue.com/

Your website.
Peer reviewed.
One for one feedback exchange.
No signup required.
Submit your website.
Review one other design.
Get feedback about your design.
Enjoy it. Repeat.


Erstellt: 2013-01

CSS (W3)

"CSS" steht für "Cascading Style Sheets".

(E?)(L?) http://www.alistapart.com/topics/code/css/

Topics: Code: CSS

Using "Cascading Style Sheets" ("CSS") as part of standards-based web design. Separating presentation from structure and behavior. CSS layout techniques, tips, and tricks. Crafting a print style sheet. Spruced-up site maps, CSS drop-downs, zoom layouts, cross-column pull-outs. Emulating print design, Flash, PDF, and table layouts. Style sheet switching for user customization, accessibility, and creative purposes. Pocket-sized design: taking your website to the small screen. Faux backgrounds, sliding doors, CSS sprites. CSS support; browser bugs and workarounds. Showing and hiding elements, replacing text with images. Fixed and liquid layouts. See also typography. (102 articles)




(E?)(L?) http://resources.bravenet.com/quickref/css/

CSS


(E?)(L?) http://www.cssportal.com/

CSS Portal


css3clickchart.com
CSS3 Click Chart

(E?)(L?) http://css3clickchart.com/

common stuff cutting-edge


Erstellt: 2015-02

css3generator
CSS3 Generator

(E?)(L?) http://www.css3generator.com/

Choose Something


Erstellt: 2012-09

css3maker
CSS 3.0 Maker

(E?)(L?) http://www.css3maker.com/




Erstellt: 2012-01

cssmatic.com
The ultimate CSS tools for web designers

(E?)(L?) http://www.cssmatic.com/




Erstellt: 2013-07

css-tricks.com
CSS-Tricks

(E?)(L?) http://css-tricks.com/


(E?)(L?) http://css-tricks.com/snippets/




Erstellt: 2013-11

csszengarden
CSS Zen Garden
Design mit CSS

(E?)(L1) http://www.csszengarden.com/

A demonstration of what can be accomplished visually through CSS-based design. Select any style sheet from the list to load it into this page.

Download the sample html file and css file

So What is This About?

There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. Yes, really.

CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure. To date, most examples of neat tricks and hacks have been demonstrated by structurists and coders. Designers have yet to make their mark. This needs to change.
...


(E?)(L1) http://www.csszengarden.com/tr/deutsch/
Es ist wirklich erstaunlich, was man aus derselben Seite nur immer mit einem anderen CSS-Set machen kann. Immer die selbe Seite, aber mit 200 CSS-Variationen.

Eine Demonstration dessen, was sich visuell mit Hilfe von CSS erreichen läßt. Wählen Sie eine Stil-Vorlage aus der Liste um sie mit dieser Seite anzeigen zu lassen.

(E?)(L?) http://www.mezzoblue.com/zengarden/alldesigns/
Hier findet man die selbe Seite in vielen CSS-Variationen. Die reine Textseite (HTML-Seite) ist immer die selbe. Das Design wird nur über das ebenfalls editierbare CSS-File erreicht.





Erstellt: 2011-03

D

daneden.me
animate.css
CSS-Animationen

(E?)(L?) http://daneden.me/animate class="animated gray-yellow-red"


(E?)(L?) http://daneden.me/animate class="animated bounce"


(E?)(L?) http://daneden.me/animate class="animated bounceIn"


(E?)(L?) http://daneden.me/animate class="animated bounceInDown"


(E?)(L?) http://daneden.me/animate class="animated bounceInLeft"


(E?)(L?) http://daneden.me/animate class="animated bounceInRight"


(E?)(L?) http://daneden.me/animate class="animated bounceInUp"


(E?)(L?) http://daneden.me/animate class="animated bounceOut"


(E?)(L?) http://daneden.me/animate class="animated bounceOutDown"


(E?)(L?) http://daneden.me/animate class="animated bounceOutLeft"


(E?)(L?) http://daneden.me/animate class="animated bounceOutRight"


(E?)(L?) http://daneden.me/animate class="animated bounceOutUp"


(E?)(L?) http://daneden.me/animate class="animated fadeIn"


(E?)(L?) http://daneden.me/animate class="animated fadeInDown"


(E?)(L?) http://daneden.me/animate class="animated fadeInDownBig"


(E?)(L?) http://daneden.me/animate class="animated fadeInLeft"


(E?)(L?) http://daneden.me/animate class="animated fadeInLeftBig"


(E?)(L?) http://daneden.me/animate class="animated fadeInRight"


(E?)(L?) http://daneden.me/animate class="animated fadeInRightBig"


(E?)(L?) http://daneden.me/animate class="animated fadeInUp"


(E?)(L?) http://daneden.me/animate class="animated fadeInUpBig"


(E?)(L?) http://daneden.me/animate class="animated fadeOut"


(E?)(L?) http://daneden.me/animate class="animated fadeOutDown"


(E?)(L?) http://daneden.me/animate class="animated fadeOutDownBig"


(E?)(L?) http://daneden.me/animate class="animated fadeOutLeft"


(E?)(L?) http://daneden.me/animate class="animated fadeOutLeftBig"


(E?)(L?) http://daneden.me/animate class="animated fadeOutRight"


(E?)(L?) http://daneden.me/animate class="animated fadeOutRightBig"


(E?)(L?) http://daneden.me/animate class="animated fadeOutUp"


(E?)(L?) http://daneden.me/animate class="animated fadeOutUpBig"


(E?)(L?) http://daneden.me/animate class="animated flash"


(E?)(L?) http://daneden.me/animate class="animated flip"


(E?)(L?) http://daneden.me/animate class="animated flipInX"


(E?)(L?) http://daneden.me/animate class="animated flipInY"


(E?)(L?) http://daneden.me/animate class="animated flipOutX"


(E?)(L?) http://daneden.me/animate class="animated flipOutY"


(E?)(L?) http://daneden.me/animate class="animated hinge"


(E?)(L?) http://daneden.me/animate class="animated lightSpeedIn"


(E?)(L?) http://daneden.me/animate class="animated lightSpeedOut"


(E?)(L?) http://daneden.me/animate class="animated pulse"


(E?)(L?) http://daneden.me/animate class="animated pulse2"


(E?)(L?) http://daneden.me/animate class="animated rollIn"


(E?)(L?) http://daneden.me/animate class="animated rollOut"


(E?)(L?) http://daneden.me/animate class="animated rotateIn"


(E?)(L?) http://daneden.me/animate class="animated rotateInDownLeft"


(E?)(L?) http://daneden.me/animate class="animated rotateInDownRight"


(E?)(L?) http://daneden.me/animate class="animated rotateInUpLeft"


(E?)(L?) http://daneden.me/animate class="animated rotateInUpRight"


(E?)(L?) http://daneden.me/animate class="animated rotateOut"


(E?)(L?) http://daneden.me/animate class="animated rotateOutDownLeft"


(E?)(L?) http://daneden.me/animate class="animated rotateOutDownRight"


(E?)(L?) http://daneden.me/animate class="animated rotateOutUpLeft"


(E?)(L?) http://daneden.me/animate class="animated rotateOutUpRight"


(E?)(L?) http://daneden.me/animate class="animated shake"


(E?)(L?) http://daneden.me/animate class="animated slideInDown"


(E?)(L?) http://daneden.me/animate class="animated slideInLeft"


(E?)(L?) http://daneden.me/animate class="animated slideInRight"


(E?)(L?) http://daneden.me/animate class="animated slideOutLeft"


(E?)(L?) http://daneden.me/animate class="animated slideOutRight"


(E?)(L?) http://daneden.me/animate class="animated slideOutUp"


(E?)(L?) http://daneden.me/animate class="animated swing"


(E?)(L?) http://daneden.me/animate class="animated tada"


(E?)(L?) http://daneden.me/animate class="animated wobble"


(E?)(L?) http://daneden.me/animate class="buttontest1"


Erstellt: 2013-10

dailydropcap.com
Alphabet in 12 Varianten

(E?)(L?) http://www.dailydropcap.com/

"Daily Drop Cap" is a project by designer & illustrator Jessica Hische. Since September of 2009, an illustrative initial cap has been posted daily (or at least regularly), to prettify the internet and beautify your blog posts. Individuals are welcome to use the drop caps on personal (non-commercial) sites within blog posts by following the instructions below each letter. The project will end after the twelfth alphabet is complete, but the site will remain up for your use and inspiration. Enjoy!


Erstellt: 2017-12

degraeve.com
Favicon Generator

(E?)(L?) http://www.degraeve.com/favicon/


Erstellt: 2011-05

digital.com
HTML Cheat Sheet

(E?)(L?) https://digital.com/tools/html-cheatsheet/

"HTML" ("Hypertext Markup Language") has come a long way since Tim Berners-Lee invented it in 1991. "HTML5" is the latest version supported by modern web browsers. Our "HTML cheat sheet" has a full list of all HTML elements, including descriptions, code examples and live previews. Scroll down to browse all HTML tags alphabetically or by their category, or download it as a PDF.
...


Erstellt: 2018-04

diveintohtml5.info
Dive into HTML5
Mark Pilgrim

(E?)(L?) http://www.diveintohtml5.info/

Table of Contents


Erstellt: 2013-03

DOCTYPE (W2)

(E?)(L?) http://www.alistapart.com/stories/doctype/
short for "document type declaration".

E

eclipse.org
Entwicklungsumgebung Eclipse

(E?)(L?) http://www.eclipse.org/


(E?)(L?) http://www.heise.de/download/eclipse.html

Eclipse 4.3 - Download

Die offene Entwicklungsumgebung Eclipse lässt sich für Java, C++ und andere Programmiersprachen nutzen. Eclipse unterstützt die professionelle Software-Entwicklung und ist mittels Plug-ins erweiterbar. Für die Entwicklung mit C/C++ ist zum Beispiel MinGW erforderlich.
...


(E?)(L?) http://de.wikipedia.org/wiki/Eclipse_(IDE)

Eclipse (von englisch "eclipse" "Sonnenfinsternis", "Finsternis", "Verdunkelung") ist ein quelloffenes Programmierwerkzeug zur Entwicklung von Software verschiedenster Art. Ursprünglich wurde Eclipse als "integrierte Entwicklungsumgebung" ("IDE") für die Programmiersprache Java genutzt, aber mittlerweile wird es wegen seiner Erweiterbarkeit auch für viele andere Entwicklungsaufgaben eingesetzt. Für Eclipse gibt es eine Vielzahl sowohl quelloffener als auch kommerzieller Erweiterungen.
...
Projektnamen

Die Projektnamen waren bisher nach den Jupitermonden ("Callisto", "Europa" und "Ganymede"), der Sonde ("Helios") und der Raumsonde "Galileo", die Version 3.7 nach der für Eclipse typischen Farbe "Indigo" benannt. Die Anfangsbuchstaben der Projektnamen werden seit Version 3.5 in alphabetischer Reihenfolge vergeben. Die Version 3.8 erschien gleichzeitig mit der Version 4.2.
...


Erstellt: 2013-07

effectgenerator
Effectgenerator

(E?)(L?) http://www.effectgenerator.com/


F

Favicon (W2)

Das "Favicon" ist die Abkürzung für "favorite icon". Es ist eine kleine Grafik, die z.B. vor der URL in der Adresszeile des Browsers angezeigt werden kann.

Erstmals erwähnt wurden Favicons in einem Usenet-Posting, welches einen Auszug aus einem Server-Logfile vom 04.08.1998 enthielt, in dem die Datei /favicon.ico von einem Internetrechner abgerufen wurde. Damit darf angenommen werden, dass es bereits Mitte 1998 die ersten Betaversionen des Internet Explorer 5.0 gab, offiziell veröffentlich wurde diese Version dann 1999. In den folgenden Jahren verbreiteten sich Favicons immer weiter im WWW und so folgte etwa anderthalb Jahre später mit dem Linux-Programm Konqueror der zweite Browser mit Favicon-Unterstützung. Seit Ende 2001 zeigt auch Mozilla diese kleinen bunten Bildchen an, Netscape und Opera folgten jeweils mit der Version 7.0 ihres Browsers. Damit zeigen alle bekannteren Windows-Browser Favicons an und auch bei anderen Betriebssystem gibt es zahlreiche Browser, die dieses Feature unterstützen.


Das Favicon wird mit der Anweisung:

<link rel="SHORTCUT ICON" href="favicon.ico">

zwischen <head> und </head> eingebunden.

(E?)(L1) http://www.coolarchive.com/icons.cfm


(E?)(L1) http://www.deltatangobravo.com/archives/2004/march/favourite
Favicon-Sammlung

Over the past month or so I've been collecting some of my favourite favicons on the web for interest's and posterity's sake. In case you're unaware, favicons are the wee icons that are displayed occasionaly, it seems depending on how the stars are aligned, in the location bar of your browser or in your bookmarks or in your tabs if your browser supports them. Some people have clearly put a lot of effort into their 16 x 16 pixel creations. In my collecting, I just discovered today a nice review of good favicons at Makiko Itoh's site which includes many of the icons I caught in my butterfly net.

(E?)(L1) http://www.degraeve.com/favicon/
Favicon Generator

(E?)(L?) http://www.favicon.cc/
Favicon-Generator

(E?)(L1) http://www.favicon.de/

Hier gibt es alle Informationen zu den kleinen Bildchen, die in der Adresszeile vieler Browser oder auch an anderen Stellen auftauchen. Neben einer Anleitung bietet diese Website auch die Antworten zu den meistgestellten Favicon-Fragen, Informationen zu Software für die Icon-Erstellung und weiterführende Links sowie das obligatorische Impressum.


(E?)(L1) http://www.favicon.co.uk/
Favicon-Generator
Favicon.co.uk provides a FREE On-Line Icon Generator (displayed above) that you can use to generate Icons for your website. Once you have created your icon, place your e-mail address in the text box underneath the icon editor. We will e-mail the icon to you (free of charge).

(E?)(L?) http://www.favicon-generator.org/
Favicon-Generator

(E?)(L1) http://www.favicons.com/


(E?)(L1) http://www.iconarchive.com/


(E?)(L1) http://www.icondatenbank.com/
Favicon-Sammlung
Icondatenbank: Kostenlose Icons und Symbole für USB-Sticks, Festplatten, Programme, Verknüpfungen, Internetseiten uvm.



(E?)(L?) http://jargonf.org/wiki/favicon


(E?)(L?) http://www.netlingo.com/dictionary/f.php


(E?)(L1) http://www.patchwork.favicon.de/


(E?)(L1) http://www.patchwork.favicon.de/patchwork.php


(E?)(L?) http://www.seobook.com/glossary/


(E?)(L?) http://searchwinit.techtarget.com/sDefinition/0,,sid1_gci213741,00.html


(E?)(L1) https://www.webopedia.com/TERM/F/favicon.html


(E?)(L?) http://www.webscriptlab.com/favicongenerator.php
Favicon-Generator

fontshop.com

(E?)(L?) https://www.fontshop.com/


(E?)(L?) https://www.fontshop.com/sitemap

Schriften: Schriften Kategorien: Designer: Schriftenhäuser: Fontlisten: ...


(E?)(L?) https://www.fontshop.com/glossary

In diesem Glossar oder unter den FAQs finden Sie Antworten zu typografischen Fragen.


Erstellt: 2017-12

G

generateit
Website Tools

(E?)(L?) http://www.generateit.net/




Erstellt: 2010-04

GIF (W3)

(E?)(L?) https://www.webopedia.com/DidYouKnow/Internet/2002/JPG_GIF_PNG.asp
"GIF" ist die Abkürzung für "Graphics Interchange Format".

H

hipsteripsum
Lorem Ipsum Variante

(E?)(L?) http://www.hipsteripsum.me/

Artisanal filler text for your site or project.


Erstellt: 2011-11

hostingfacts.com
Web Development & Design

2016-06-09 I got an E-Mail:


...
I’d dedicate a whole page for teaching website development in general (including UX, UI and design), not only HTML.

It can be found here: https://hostingfacts.com/web-development-101/

If you have some time, feel free to have a look at it :). If you find it useful or helpful to your audience, don’t hesitate to mention it as an additional resource to learn web development and design.

Cheers and let me know if you’ve any questions/concerns, John

John Stevens, CEO @ HostingFacts


Here it is:

(E?)(L?) https://hostingfacts.com/web-development-101/

Introduction to web development & design - 8 chapters
...
What’s covered in this guide? ...
If you want to learn basic web development and design, this guide is for you. Whatever your motivation might be.
...
Here are the three principles of the least resistance approach: ...


Erstellt: 2016-06

hotscripts
HotScripts

(E?)(L1) http://www.hotscripts.com/




49,534 Resources Listed in Over 1,000 Categories

(E?)(L?) http://www.hotscripts.com/pages/about/

General Description
Hot Scripts is a comprehensive Web directory of more than 41,000 web development and programming-related resources. Hot Scripts serves webmasters, developers, business owners, marketers, coders and programmers, who are looking to build, enhance or improve their Web sites and intranets.

Hot Scripts is filled with dynamic development tools, tons of programming scripts for more than 16 programming languages as well as informational resources including books and tutorials. With hundreds of thousands of Web development and programming resources available today, Hot Scripts' mission is to provide you with a single destination to get the highest quality and hottest performing programming resources.


HTML (W3)

"HTML" steht für "Hyper Text Markup Language".

(E?)(L?) http://www.whoishostingthis.com/resources/html-for-beginners/

HTML for Beginners - Ultimate Guide

Contents


HTML5 (W3)

"HTML5" steht für engl. "HyperText Markup Language Version 5".

(E?)(L?) http://www.computerwoche.de/netzwerke/web/2521334/

HTML5 und Sicherheit
Browser in Gefahr?
08.09.2012
Birgt die jüngste Version von HTML eine besondere Gefahr für Internetnutzer, oder ist das alles nur eine große Panikmache? Wir haben uns die wichtigsten Neuerungen einmal angeschaut und mit den etablierten Techniken verglichen. Trotz allgemein guter Kritiken am Internet Explorer 9 von Microsoft: Auch dieser Browser unterstützt bisher nur zirka 40 Prozent der Neuerungen von HTML5.
...
Beim Design von HTML5 gab es drei Hauptziele: Da die Spezifikation ausgedruckt zirka 900 Seiten umfasst, möchten wir an dieser Stelle nicht näher auf HTML5 als solches eingehen. Wer sich für die verschiedenen Features interessiert, findet mehr Informationen in unseren HTML5 FAQ. Wir beschränken uns hier auf die relevanten Änderungen, die sich auf die Sicherheit beziehen.
...


(E?)(L?) http://www.computerwoche.de/netzwerke/web/2493661/index5.html

Welche neuen Elemente bietet HTML5 und welche alten fallen weg?


(E?)(L?) http://www.peterkroener.de/html5-was-geht-heute-schon-was-geht-nicht-der-grosse-ueberblick/

HTML5 - Was geht heute schon, was geht nicht? Der große Überblick.


(E?)(L?) http://www.w3.org/TR/html5-diff/

...
Abstract

HTML is the core language of the World Wide Web. The W3C publishes HTML5, which is the fifth major revision of HTML. The WHATWG publishes HTML, which is a rough superset of HTML5. "HTML5 differences from HTML4" describes the differences of these documents from HTML4, and calls out cases where HTML is different from HTML5. This document may not provide accurate information as the specifications are still actively in development. When in doubt, always check the specifications themselves.
...


(E?)(L?) https://www.w3schools.com/html/default.asp

HTML5 is The New HTML Standard
...
Browser Support for HTML5

HTML5 is not yet an official standard, and no browsers have full HTML5 support.

But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions.

HTML Tutorial HTML Forms HTML5 HTML Graphics HTML Media HTML APIs HTML Examples HTML References


(E?)(L?) http://www.whatwg.org/specs/web-apps/current-work/#html-vs-xhtml

...
The term "HTML5" is widely used as a buzzword to refer to modern Web technologies, many of which (though by no means all) are developed at the WHATWG, in some cases in conjunction with the W3C and IETF.
...


(E1)(L1) http://ngrams.googlelabs.com/graph?corpus=0&content=HTML5
Abfrage im Google-Corpus mit 15Mio. eingescannter Bücher von 1500 bis heute.

Engl. "HTML5" taucht in der Literatur nicht signifikant auf.

Erstellt: 2012-09

htmlgoodies
HTML Goodies

(E6)(L1) http://www.htmlgoodies.com/

It was around 1992, when the World Wide Web was still something most people had never heard about. A new browser called Netscape 1.0 had come out, and with it came the seeds that would eventually become HTML Goodies.



Erstellt: 2013-02

htmlgoodies.com
CSS - columns3

(E?)(L?) http://www.htmlgoodies.com/primers/html/CSS3_Multi_column_Layouts.html

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu augue orci. Morbi tristique a felis et varius. Sed augue nunc, cursus sed congue sit amet, mollis sed risus. Aliquam sit amet fringilla nisl. Vivamus ullamcorper odio magna, ut sagittis justo accumsan at. Donec turpis turpis, sagittis vel nisl eget, sodales ullamcorper eros. Etiam ut velit non sapien tincidunt ultrices in et nisi. Phasellus fringilla quam rutrum, semper neque pretium, fermentum justo. Suspendisse convallis, purus vitae mollis semper, est justo pretium neque, sit amet convallis nisi justo vel justo. Integer vestibulum, felis vel ultricies ornare, diam risus viverra odio, at tempus elit tellus quis purus. Sed porta, eros vel vehicula sollicitudin, nisi orci maximus magna, vitae commodo dui magna nec libero.



Erstellt: 2015-04

htmlhelp.com
HTML-Dokumentation
Cascading Style Sheets
CSS Guide
doctype-Tipps

(E6)(L1) http://www.htmlhelp.com/
The Web Design Group was founded to promote the creation of non-browser specific, non-resolution specific, creative and informative sites that are accessible to all users worldwide. To this end, the WDG offers material on a wide range of HTML related topics. We hope that with this site as a reference, you will be able to create Web sites that can be used by every person on the Internet, regardless of browser, platform, or settings.

(E?)(L1) http://www.htmlhelp.com/reference/css/
CSS Index ~ CSS Structure ~ CSS Properties

(E6)(L?) http://www.htmlhelp.com/reference/css/properties.html


(E?)(L?) http://www.htmlhelp.com/tools/validator/doctype.html
Hilfe bei der 'doctype'-Angabe.

Hypertext (W3)

griech. "hypér" = "über", "übermäßig"

(E?)(L?) http://irb.cs.tu-berlin.de/~jp/Muenz/hypertext/htxt.htm


(E?)(L?) http://irb.cs.tu-berlin.de/~jp/Muenz/hypertext/htxt100.htm

Zum Begriff und Thema "Hypertext"
"Hyper" ist eine griechische Vorsilbe und bedeutet eigentlich "viel zu viel". Ist "Hypertext" also einfach "viel zu viel Text"?
...


I

J

javascriptsource - CF
Crossfader

(E?)(L?) http://www.javascriptsource.com/













bad_neuenahr

Rose Bad Neuenahr

berleburg_bluete

Rose Berleburg

big_purple

Rose Big Purple





javascriptsource - FF
Fisheye-Function

(E6)(L?) http://www.javascriptsource.com/css/fisheye.html

Move your mouse over the text and watch it change. It's implemented using JavaScript and CSS.

The Geek's Raven
[An excerpt, with thanks to Marcus Bales]

Once upon a midnight dreary,
fingers cramped and vision bleary,
System manuals piled high and wasted paper on the floor,
Longing for the warmth of bedsheets,
Still I sat there, doing spreadsheets:
Having reached the bottom line,
I took a floppy from the drawer.
Typing with a steady hand, I then invoked the SAVE command
But got instead a reprimand: it read "Abort, Retry, Ignore".

Free JavaScripts provided
by The JavaScript Source




javascriptsource - OIG
OnMouseOver Image Gallery

(E?)(L?) http://www.javascriptsource.com/image-effects/onmouseover-image-gallery.html

Author: Robert Daniel Jr.
Web Site: http://javascript.slirple.com
Description: When the mouse moves over one of the thumbnails, the larger-sized picture area changes to the larger-sized picture that corresponds to that thumbnail. Easy to implement.



Alte Variante mit sichtbarem weißen Rand:






Erstellt: 2013-01


javascriptsource.com
JavaScript Source
JavaScript Portal

(E?)(L?) http://www.javascriptsource.com/

The JavaScript Source is an excellent JavaScript resource with tons of "cut and paste" JavaScript examples for your Web pages. All for free!

Categories


(E?)(L?) http://www.javascriptsource.com/alphabetical-listing

Alphabetical Listing


Erstellt: 2017-01

JPEG, JPG (W3)

(E?)(L?) https://www.webopedia.com/DidYouKnow/Internet/2002/JPG_GIF_PNG.asp
"JPEG" ist die Abkürzung für "Joint Photographic Experts Group" dem Kommitee, das die den Standard für dieses Bildformat entwickelte.

K

L

letterheadfonts.com
Fonts

(E?)(L?) http://www.letterheadfonts.com/

Fonts Styles


Erstellt: 2017-12

M

matthewlein.com
CSS easing animation tool

(E?)(L?) http://www.matthewlein.com/


(E?)(L?) http://www.matthewlein.com/ceaser/

Ceaser is an interactive CSS easing animation tool. It lets you build any kind of ease you want, and comes with many of the Penner Easing Equations.


Erstellt: 2013-05

meettheipsums.com
Lorem Ipsum Variante

(E?)(L?) http://www.meettheipsums.com/

Meet the Ipsums


Erstellt: 2013-08

mozilla
HTML5-Demos

(E?)(L?) https://demos.mozilla.org/


Erstellt: 2011-05

mozilla.org
CSS-Referenz

(E?)(L?) http://developer.mozilla.org/en/CSS

"Cascading Style Sheets", most of the time abbreviated in "CSS", is a stylesheet language used to describe the presentation of a document written in HTML or XML (including various XML languages like SVG or XHTML). "CSS" describes how the structured element must be rendered on screen, on paper, in speech, or on other media.

CSS is one of the core languages of the open web and has a standardized W3C specification. Developed in levels, CSS1 is now obsolete, CSS2.1 a recommendation and CSS3, now split into smaller modules, is progressing on the standard track. The first early drafts of CSS4 modules are being written.




Erstellt: 2013-02

N

nngroup
Nielsen Norman Group
Jakob Nielsen's Alertbox articles about
Interface Usability and Website Design

(E?)(L?) http://www.nngroup.com/articles/

Topics


Erstellt: 2013-01

O

P

PHP (W3)

"PHP" ist eine spezielle Erweiterung für Webserver, um dynamische, interaktive Webseiten erstellen zu können.

Ursprünglich stand "PHP" für "Personal HomePage Tools" oder "Professional HomePage". Inzwischen ist wohl keine der ehemaligen Bezeichnungen mehr richtig passend. Und so hat man sich entschlossen "PHP" als rekursives Akronym für "PHP Hypertext Preprocessor" zu interpretieren.

Zusammen ergibt sich für die neue Bedeutung von "PHP" also "Professional Home Page Hypertext Preprocessor"

PHP eine Skriptsprache, die sich in HTML einbinden lässt. Viele der syntaktischen Möglichkeiten sind den Programmiersprachen C, Java und Perl entnommen und es wurden auch einige PHP-spezifische Features entwickelt. Das Ziel der Sprache ist es, das Schreiben von Programmen zur Erzeugung von dynamisch generierten Seiten zu erleichtern und zu beschleunigen."

Le langage PHP a été mis au point au début d'automne 1994 par Rasmus Lerdorf. Ce langage de script lui permettait de conserver la trace des utilisateurs venant consulter son CV sur son site, grâce ŕ l'accčs ŕ une base de données par l'intermédiaire de requętes SQL. Ainsi, étant donné que de nombreux internautes lui demandčrent ce programme, Rasmus Lerdorf mit en ligne en 1995 la premičre version de ce programme qu'il baptisa "Personal Sommaire Page Tools", puis "Personal Home Page" v1.0 (traduisez page personnelle version 1.0).

(E?)(L?) http://www.alistapart.com/topics/code/css/




(E?)(L?) http://resources.bravenet.com/articles/web_programming/PHP/


(E?)(L?) http://www.bytes.com/topic/php/


(E?)(L?) http://www.computer-tipps.net/webdesign_php.php


(E?)(L?) http://www.devx.com/DevX/Door/20757


(E?)(L?) http://beat.doebe.li/bibliothek/w01039.html
Statistisches Begriffsnetz zum Begriff "PHP" (Cozitationen)

(E?)(L?) http://filext.com/alphalist.php?extstart=%5EP

PHP | PHP3 | PHP4 | PHP5 | PHPR | PHPS | PHPT | PHPW


(E?)(L?) http://www.hotscripts.com/category/php/


(E?)(L?) http://www.htmlgoodies.com/beyond/php/

Are you wondering what all the talk is about? Wanting to learn to use PHP? Read on!

Welcome to the HTML Goodies PHP Tutorials! This series is a new series that is in development right now. This tutorial series is a little more advanced than our HTML tutorials. The assumption is made that you already have an understanding of HTML and basic web design. For this reason this is not a good starting point for the new designer, but is instead a place for one with a little experience to spread their wings and expand heir design horizons. Check back here often to see the progress of the series. We'll have you writing PHP code very soon! The following sections are available now:

...


(E?)(L?) http://www.juergens-workshops.de/service/selfphp_1_2/index.html
PHP selfphp

(E?)(L?) http://jargonf.org/wiki/Cat%C3%A9gorie:P
PHP | PHP3 | PHP/FI | phpNuke | phps

(E?)(L?) http://news.netcraft.com/archives/2013/

...
The first version of PHP was named Personal Home Page Tools (PHP Tools) when it was released by Rasmus Lerdorf in 1995. "PHP 1" can still be downloaded today from "museum.php.net". Weighing in at only 26 kilobytes in size, php-108.tar.gz is diminutive by today's standards, yet it was capable of allowing users to implement guestbooks and other form-processing applications.

"PHP 2" introduced built-in support for accessing databases, cookie handling, and user-defined functions. It was released in 1997, and by the following year, around 1% of sites on the internet were using PHP.

However, "PHP 3" was the first release to closely resemble today's incarnation of PHP. A rewrite of the underlying parser by Andi Gutmans and Zeev Suraski led to what was arguably a different language; accordingly, it was renamed to simply "PHP", which was a recursive acronym for "PHP: Hypertext Preprocessor". This was released in 1998 and the ease of extending the language played a large part in its tremendous success, as this aspect attracted dozens of developers to submit a variety of modules.

Andi Gutmans and Zeev Suraski continued to rewrite PHP's core, primarily to improve performance and increase the modularity of the codebase. This led to the creation of the Zend Engine, which was used by "PHP 4" when it was released in 2000. As well as offering better performance, "PHP 4" could be used with more web servers, supported HTTP sessions, output buffering and several new language constructs.

By September 2001, Netcraft's Web Server Survey found 1.8M sites running PHP.

"PHP 5" was released in 2004, and remains the most recent major version release today ("PHP 5.4.11" was released on 17 January 2013). Zend Engine 2.0 forms the core of this release.

By January 2013, PHP was being used by a remarkable 244M sites, meaning that 39% of sites in Netcraft's Web Server Survey were running PHP. Of sites that run PHP, 78% are served from Linux computers, followed by 8% on FreeBSD. Precompiled Windows binaries can also be downloaded from windows.php.net, which has helped Windows account for over 7% of PHP sites.
...


(E?)(L?) http://www.netlingo.com/word/php.php


(E?)(L?) http://www.objectgraph.com/dictionary.html?keyword=PHP
PHP Function Ref

(E?)(L?) http://www.php.at/


(E?)(L?) http://www.php.net/


(E?)(L?) http://www.phparchiv.de/


(E?)(L?) http://www.phpbuilder.com/


(E?)(L?) http://www.php-center.de/


(E?)(L?) http://www.phpfinder.de/


(E?)(L?) http://www.php-free.de/


(E?)(L?) http://www.phphelp.com/


(E?)(L?) http://www.php-homepage.de/


(E?)(L?) http://www.php-resource.de/


(E?)(L?) http://www.php-resource.de/handbuch/


(E?)(L?) http://php.resourceindex.com/


(E?)(L?) http://www.phpwelt.de/


(E?)(L?) http://palisade.plynt.com/issues/2006Jan/php-environment-security/
PHP Security - Securing the environment

(E?)(L?) http://palisade.plynt.com/issues/2009Jun/php-hardening-patches/
Securing PHP using Hardening Patch and Suhosin

(E?)(L?) http://www.skriptarchiv.com/


(E?)(L?) http://www.scriptsearch.com/PHP/


(E?)(L?) http://www.selfphp.de/


(E?)(L?) http://www.siteduzero.com/tutoriel-3-14668-un-site-dynamique-avec-php.html
PHP / MySQL

(E?)(L?) http://www.sophos.com/pressoffice/news/articles/2001/11/va_glossary.html#php
PHP Script virus

(E?)(L?) https://whatis.techtarget.com/definitionsAlpha/0,289930,sid9_alpP,00.html
PHP | PHP3 | PHP4

(E6)(L1) https://whatis.techtarget.com/fileFormatA/0,289933,sid9,00.html
PHP | PHP3

(E?)(L?) http://www.tutorialsuche.de/php-tutorials,23,0.html


(E1)(L1) http://www.wortwarte.de/
PHP-Skript

(E?)(L1) http://www.w3schools.com/
Learn PHP

(E?)(L?) https://www.w3schools.com/php/
PHP Tutorial
At W3Schools you will find complete references of all PHP functions:

(E?)(L?) http://www.weberdev.com/


(E?)(L?) http://www.webmaster-eye.de/php-tutorial/


(E?)(L?) http://www.webmasternetz.de/phpinfos/index.html


(E?)(L?) https://www.webopedia.com/TERM/P/PHP.html


(E?)(L?) https://www.webopedia.com/TERM/P/PHP_Voice.html


(E?)(L?) http://en.wikipedia.org/wiki/List_of_computer_term_etymologies

Originally called "Personal Home Page Tools" by creator Rasmus Lerdorf, it was rewritten by developers Zeev Suraski and Andi Gutmans who gave it the recursive name "PHP Hypertext Preprocessor". Lerdorf currently insists the name should not be thought of as standing for anything, for he selected "Personal Home Page" as the name when he did not foresee PHP evolving into a general-purpose programming language.


Erstellt: 2013-01

PNG (W3)

(E?)(L?) https://www.webopedia.com/DidYouKnow/Internet/2002/JPG_GIF_PNG.asp
"PNG" ist die Abkürzung für "Portable Network Graphics".

printwhatyoulike
Print what you like

(E?)(L?) http://www.printwhatyoulike.com/

PrintWhatYouLike lets you print the good parts of any web page while skipping ads and other junk.

Print


(E?)(L?) http://www.printwhatyoulike.com/pagezipper

PageZipper - Life's too short to spend clicking "Next"

Ever read one of those top ten lists or photo galleries where every item is on a different page? You spend more time clicking "Next" and waiting than actually reading anything. PageZipper is a free bookmarklet which automatically merges all the "Next" pages into one, so you can skip directly to the stuff you want.

What It Does How It Works

PageZipper automatically searches through the page for a "Next" link. You don't need to tell it anything.

Here are a few good places to test drive PageZipper. Remember to click the PageZipper button in your toolbar to activate it.


Erstellt: 2013-01

Q

R

Radio Button (W2)

(E?)(L?) http://www.htmlgoodies.com/tutors/fm.html
Man kann auf einer Internetseite eine Auswahl anbieten, bei der genau eine Möglichkeit ausgewählt werden kann. Die dargestellten Auswahlpunkte heissen "Radio Button". Benannt sind sie nach den Auswahlknöpfen an früheren Radiogeräten. Mit der Auswahl eines Senders wurde die bisherige Sendereinstellung zwangsweise ungültig. Das heisst, es konnte immer nur genau ein Knopf gedrückt sein, d.h. ein Sender gehört werden.

Sender 1 Sender 2 Sender 3
Sender 4 Sender 5 Sender 6
Sender 7 Sender 8 Sender 9
In einer echten Anwendung muss die Auswahl dann noch entsprechend verarbeitet werden.

S

scriptsearch
Script-Search

(E6)(L1) http://www.scriptsearch.com/
100s of JavaScript snippets to download for free!

scriptsearch archives -- 6347 resources and growing! (15.04.2004)

searchfreefonts.com
Fonts

(E?)(L?) https://www.searchfreefonts.com/

One of the Largest Free Font Selections on the web - over 13,000 Free Fonts

A unique font can help your document stand out and attract attention. A perfectly suited font can help to make a design attractive and successful. Finding these high quality fonts is a task made easier with SearchFreeFonts.com. New SearchFreeFonts.com collection contains over 13,000 free fonts and over 91,000 commercial fonts.

Free Fonts by Category


Erstellt: 2017-12

slipsum
Lorem Ipsum Variante

(E?)(L?) http://www.slipsum.com/

Change The Ipsum?


Erstellt: 2011-11

stateofwebtype.com
The State of Web Type

(E?)(L?) http://www.stateofwebtype.com/

Up-to-date data on support for type and typographic features on the web.

a c d e f h i k l m n o p r s t u w


Erstellt: 2017-12

Styleguide (W3)

Als "Styleguide" wird allgemein ein "Leitfaden für Stilfragen" bezeichnet. Ursprünglich stammt der Begriff aus der Druckindustrie. Dort legte der "Styleguide" das Aussehen von Print-Produkten fest. Es war also eine Liste von Grundsätzen für Layout und Stilistik für Zeitschriften und Bücher. Es gab auch Styleguides in denen modische Vorgaben zu finden waren. Heute findet man den Begriff "Styleguide" auch für die konsistente Darstellung von Elementen und Layouts von Internetseiten und ganzen Internetpräsenzen.

(E?)(L?) http://www.alistapart.com/contribute/styleguide/

Style Guide


(E?)(L?) http://styleguide.bundesregierung.de/

Corporate Design der Bundesregierung Corporate Design Dokumentation
Die Bundesregierung wird durch ihr Corporate Design mit einer eigenständigen Identität sichtbar: Es bestimmt ihr charakteristisches visuelles Profil und schafft damit eine einheitliche Basis für eine erfolgreiche Kommunikation.

Das Corporate Design der Bundesregierung basiert auf dem Beschluss des Bundeskabinetts vom 2. Juni 1999 und wird laufend fortentwickelt. Die Entscheidung über den Einsatz für den nachgeordneten Bereich der Ministerien unterliegt der Ressortverantwortlichkeit. Im Falle der Zustimmung gelten die verbindlichen Grundlagen über das einheitliche Corporate Design der Bundesregierung.


(E?)(L?) http://styleguide.caltech.edu/

Caltech Style Guide Caltech Web Style Guide
...
These web publishing guidelines are intended to help web developers to:


(E?)(L?) http://www.designtagebuch.de/wiki/corporate-design-manuals/

Corporate-Design-Manuals / Styleguides

Styleguides: Von den Einen verhasst, von Anderen zu einer Art Bibel stilisiert, die man unter Androhung von Höllenqualen tunlichst zu befolgen hat. Irgendwo dazwischen liegt wohl die Wahrheit. Das Arbeiten mit Corporate-Design-Manuals gehört zum täglichen Geschäft eines Kreativen. CD-Manuals dokumentieren die visuellen Eckpfeiler einer Unternehmensidentität. Gestaltungsrichtlinien sorgen, sofern sie denn auch angewandt werden, für ein möglichst einheitliches Erscheinungsbild.

Ein Corporate-Design-Handbuch ist im Rahmen eines CD-Projektes ein unverzichtbares Dokument. Die zahlreichen Ausprägungen des Erscheinungsbildes finden sich darin so aufbereitet, dass sowohl die eigenen Mitarbeiter bei der Erstellung von Kommunikationsmitteln unterstützt werden, wie auch jederzeit reproduzierbar sind.

Die meisten CD-Manuals liegen im PDF-Format vor. Einige Styleguides sind in der Online-Version aufgeführt.

Corporate-Design-Handbücher / Styleguides von A bis Z

Name / Bezeichnung Format MB Agentur


(E?)(L?) http://www.guardian.co.uk/styleguide

The Guardian, Observer and guardian.co.uk style guide


(E?)(L?) http://www.gutenbergdigital.de/gudi/start.htm
Der Link führt zu einem Styleguide aus dem 15. Jahrhundert. Das Göttinger Musterbuch wurde geschrieben, um dafür zu sorgen, dass die Gutenberg-Bibeln in der formalen Textgestaltung, im Layout und in der Farbgebung einheitlich gestaltet waren. ("Start", "deutsche Version", Nutzungshinweise akzeptieren, "Göttinger Musterbuch")

(E?)(L?) http://www.themorningnews.org/styleguide/

TMN (The Morning News) House Style Guide


(E?)(L?) http://www.upenn.edu/webguide/style_guide/

University of Pennsylvania Web Style Guide

This style guide applies only to official University pages. Official University pages are defined as web pages on a University web server that have been created by the University, its schools, departments, or other administrative offices. It does not apply to web pages created by individuals, such as students or faculty members.
...


(E?)(L1) http://www.webstyleguide.com/


(E?)(L?) http://www.webstyleguide.com/wsg3/index.html

Web Style Guide Online


(E1)(L1) http://ngrams.googlelabs.com/graph?corpus=0&content=Styleguide
Abfrage im Google-Corpus mit 15Mio. eingescannter Bücher von 1500 bis heute.

Engl. "Styleguide" taucht in der Literatur um das Jahr 1980 auf.

Erstellt: 2012-02

T

thecodeplayer.com
Learn HTML5, CSS3, Javascript and more...

(E?)(L?) http://thecodeplayer.com/

Video style walkthroughs showing cool stuff being created from scratch


Erstellt: 2013-08

the-echoplex.net
CSS - Flexy Boxes

(E?)(L?) http://the-echoplex.net/flexyboxes/

flexbox playground and code generator


Erstellt: 2015-04

tympanus.net
CSS3 Tutorials

(E?)(L?) http://tympanus.net/codrops/category/tutorials/

Tutorials

In this section you will find in-depth how-tos involving common web development and web design techniques.




Erstellt: 2013-11

typographica.org
Typographica
Type Reviews, Books, Commentary

(E?)(L?) http://www.typographica.org/

Founded in 2002, Typographica is a review of typefaces and type books, with occasional commentary on fonts and typographic design. Edited by Stephen Coles with Caren Litherland and designed by Chris Hamamoto.

Feature Designer Foundry Classification


(E?)(L?) http://typographica.org/category/typeface-reviews/




Erstellt: 2017-12

U

V

W

w3.org
CSS Animations

(E?)(L?) http://www.w3.org/TR/css3-animations/

Table of contents


Erstellt: 2013-11

w3.org
CSS Backgrounds and Borders Module Level 3

(E?)(L?) http://www.w3.org/TR/css3-background/

Table of contents


Erstellt: 2013-11

w3conversions.com
CSS3: spread value and box-shadow on one side only

(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/

The spread value

There’s a little talked about value in the box-shadow property called “spread”. That value, when used, comes after the blur value and moves the shadow away from the box equally all the way around. It doesn’t add a blur, it simply spreads out in all directions. You’ll get different effects based on whether the blur value is a greater than the spread value or whether the spread is greater than the blur. The color defined will be solid right next to the box, and then blur for the rest (based on the difference between the two values). Before it gets too confusing, let’s have a look at the property:
...


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="links-oben-verschwommen2-rot"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="links-oben-verschwommen2-rot-halbtransparent"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="nach-oben-verschoben"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="nach-oben-verschoben-weiss"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="unten-schwarz"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="zwei-Schatten"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="drei-Schatten"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="blau-verschwommen"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="blau-verschwommen-inset"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="blau-verschwommen-groesser"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="blau-verschwommen-nur-rechts"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="mehrere-schatten"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="button"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="gluehen"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="gluehen2"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="gradient-button"


(E?)(L?) http://blog.w3conversions.com/2011/09/css3-spread-value-and-box-shadow-on-one-side-only/ class="links-oben-verschwommen2-rot"


Erstellt: 2013-08

w3schools.com
CSS3

(E?)(L?) https://www.w3schools.com/css/default.asp




Erstellt: 2013-11

w3schools.com
Web Building Tutorials
Homepage School
HTML Tutorials
CSS Tutorials

(E?)(L1) https://www.w3schools.com/

THE LARGEST WEB DEVELOPER SITE ON THE NET

Full Web Building Tutorials

HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...




(E?)(L1) https://www.w3schools.com/html/default.asp




(E?)(L1) https://www.w3schools.com/tags/ref_httpmessages.asp
HTTP Status Messages
When a browser requests a service from a web server, an error might occur.
This is a list of HTTP status messages that might be returned.

(E?)(L?) https://www.w3schools.com/css/default.asp




(E?)(L?) http://www.w3fools.com/

W3Schools An Intervention

Are you using? Abusing? We are here to help.

We are passionate about the web, learning, and craftsmanship. We want you, as web designers and developers, to be successful in your careers. We feel, though, that W3Schools is harming the community with inaccurate information. Like any other authoritative educational resource, W3Schools should both hold itself to, and be held to, the highest standards.

We hope we can illuminate why W3Schools is a troublesome resource, why their faulty information is a detriment to the web, and what you (and they) can do about it.

~ members of the Front-end Dev Community, January 14th, 2011


Erstellt: 2012-12

web-page-optimization
Web-Page-Optimization

(E6)(L?) http://www.web-page-optimization.com/




webpagesthatsuck
Webpages that suck

(E?)(L?) http://www.webpagesthatsuck.com/

Worst Websites of the Year Daily Dose of Bad Design (Daily Sucker) Bad Web Design Good Web Design Web Design Checklists Articles Everything Else


Erstellt: 2012-11

webreference
Image Switch

(E?)(L?) http://www.webreference.com/js/tips/000819.html
The following image switches every time you mouse over and out of it:



websitesetup.org
HTML Beginner's Guide
Step-by-step Introduction to HTML and creating a simple page

(E?)(L?) http://websitesetup.org/html-beginners-guide/

The ability to make compelling, beautiful web pages is a useful skill to have. It allows you to present information you care about whilst capturing the attention of those who visit your web page.

If you don’t want to use website platforms (such as WordPress, Drupal and Joomla) to build your website and you want to learn the basics of HTML5, then this is a right guide for you.

And oh, once you have learned the ropes of a HTML5, I highly suggest you to check out my “HTML5 Cheat Sheet” below.
...


Erstellt: 2016-08

webtypography.net
Webtypography

(E?)(L?) http://www.webtypography.net/

The Elements of Typographic Style Applied to the Web

A practical guide to web typography


(E?)(L?) http://webtypography.net/toc/

Table of Contents


Erstellt: 2017-12

WHATWG (W3)

"WHATWG" steht für "Web Hypertext Application Technology Working Group".

(E?)(L?) http://www.whatwg.org/


(E?)(L?) http://wiki.whatwg.org/wiki/FAQ#What_is_the_WHATWG.3F

What is the WHATWG?

The WHATWG is a growing community of people interested in evolving the Web. It focuses primarily on the development of HTML and APIs needed for Web applications.

The WHATWG was founded by individuals of Apple, the Mozilla Foundation, and Opera Software in 2004, after a W3C workshop. Apple, Mozilla and Opera were becoming increasingly concerned about the W3C’s direction with XHTML, lack of interest in HTML and apparent disregard for the needs of real-world authors. So, in response, these organisations set out with a mission to address these concerns and the Web Hypertext Application Technology Working Group was born.
...


X

xiconeditor.com
Icon-Editor
Favicon-Editor

Hier kann man sich auf einfache Weise ein individuelles Favoriten-Icon für die eigene Homepage erstellen.

(E?)(L1) http://www.xiconeditor.com/

X-Icon Editor is an HTML5 application that allows you to create high resolution icons that lets your sites shine with IE9 and above. With X-Icon Editor you can quickly get your site ready with a large icon which will be available for pinned sites and the new tab page. Create your own site icon today!


Erstellt: 2013-03

Y

Z