-
1. Design by a qualified designer
-
2. Functional without Javascript
-
3. Visible in older browsers
-
4. In pure english without isms
-
5. For juniors and seniors
Progressive enhancement describes a method in web design that includes accessibility, semantic markup, and separation of information and presentation to make a website usable for end devices that have limited functionality (JavaScript / CSS / Flash support). The philosophy behind this is that web pages should basically be accessible to any web browser and any type of internet connection in its most basic form - the provision of information - and an improved version of the page to users with better bandwidth and more advanced advanced browsers.
Progressive enhancement is the reversal of the prevalent fault-tolerant practice of web development, where a web page was initially programmed for the most advanced end-user devices, and an older version that was provided or relied on for older devices that do not support modern features; the newer features are simply ignored and a more basic version is automatically rendered. The problem with this approach, however, is that either the workload is higher, since several different versions of a page for different devices must be programmed and maintained, or that an older device does not demonstrate the desired fault tolerance and the contents are thus not or insufficiently displayed or are usable.
This attitude and approach on the part of many web designers resulted from the fact that early browsers with regard to the support of HTML, CSS and JavaScript were still hardly standardized and websites were also hardly displayed on other devices than regular computer browsers, as z. As mobile devices (PDA / Smartphone) did not have the ability to display websites or even connect to the Internet. In practice, the theory of "graceful demotion" has been taken to mean that the end user simply has to update their browser software. However, this attitude ignores the fact that many users can not simply update their software because, for B. Company computers have limited access rights and software is not constantly updated there. In addition, it ignores the fact that there are users who either intentionally do not update or connect via mobile devices, where the available bandwidth and the support for images and scripts or the screen size is limited.
This is countered by progressive improvement by making the basic information that makes up a website accessible to all devices, and by providing externally integrated stylesheets and / or scripts with enhanced functionality on the devices that have the technical capabilities, to use these.
citation wikipedia
Font Awesome gives you scalable vector icons that can instantly be customized - size, color, drop shadow, and anything that can be done with the power of CSS. One Font, 675 Icons.
These pages are completely functional without the browser's own scripting language. This functionality is based on the use of HTML5, CSS3, IFrames, Apache 2, and a server based scripting language.
Whether it's pictures or not, it doesn't matter if you play MP3 music or WAV sounds, MP4 movies or Youtube videos, all media is supported.
You don't need an additional program for a complete search.
These functions are provided exclusively via PHP.
You don't need an additional program for your e-mail traffic.
These functions are provided exclusively via PHP.
The help is designed for manual keyboard control, functions and assignments.
These functions are provided exclusively via CSS.
The navigation is extensive, self-explanatory and can be operated by keyboard.
These functions are provided exclusively via CSS.
There are already some suggestions for your personal space divider.
These functions are provided exclusively via CSS.
There are already some suggestions for your personal headlines.
These functions are provided exclusively via CSS.
It is completely up to you how many languages you want to provide.
You have the choice! Do you prefer brighter or darker.
These functions are provided via CSS and PHP.
Without Javascript, you have nearly all features of OpenStreetMaps™ at your disposal.
These functions are provided exclusively via PHP.
The display is fully scalable and is independent of the used hardware.
This functionality is provided exclusively via CSS
The function for uploading images is completely ready.
These functions are provided exclusively via PHP.
A very comprehensive module that covers everything you could wish for.
These functions are provided exclusively via CSS.
Individual command keys and continuous tab key activation of all elements.
These functions are provided exclusively via HTML.
Individual error views of all available error codes of the used server.
These functions are provided exclusively via APACHE.
Automatic generation of all meta data of image, audio and video files in developer mode.
These functions are provided exclusively via PHP.
Not all, but very mutch YouTube videos are completely playable without Javascript.
These functions are provided exclusively via PHP.
css-website-kit.netzgesta.de
Christian Effenberger
Suedstrasse 2
41564 Kaarst
phone: 049 (0) 21 31 66 93 92
e-mail: css-website-kit@netzgesta.de
General Data Protection Regulation
General note and mandatory information
Designation of the responsible body
The responsible body for data processing on this website is:
Christian Effenberger
Suedstrasse 2
41564 Kaarst
Germany
The responsible body, alone or in concert with others, decides on the purposes and means of processing personal data (such as names, contact details, etc.).
Revocation of your consent to data processing
Only with your express consent are some processes of data processing possible. A revocation of your already given consent is possible at any time. For the revocation is sufficient an informal message by e-mail. The legality of the data processing carried out until the revocation remains unaffected by the revocation.
Right to complain to the competent authority
As the person affected, in the event of a breach of data protection law, you have a right of appeal to the competent supervisory authority. The competent supervisory authority with regard to data protection issues is the state data protection officer of the federal state in which my place of residence is located. Namely NRW. The following link provides a conection to the officer: Helga Block.
Right to data portability
You have the right to have data that we process on the basis of your consent or in fulfillment of a contract automatically to you or to third parties. The provision is made in a machine-readable format. If you require the direct transfer of data to another person in charge, this will only be done to the extent technically feasible.
Right to information, correction, blocking, deletion
You have the right at any time within the scope of the applicable legal provisions to provide free information about your stored personal data, source of the data, their recipients and the purpose of data processing and, if necessary, a right to correct, block or delete this data. In this regard and also to further questions on the subject of personal data, you can always contact us via the contact options listed in the imprint.
Requirements: HTML5 + CSS3
JavaScript is NOT nesessary.
browser | version | |
---|---|---|
Firefox 4.0+ (since 2010) | ||
Safari 5.1+ (since 2011) | ||
Chrome 16.0+ (since 2012) | ||
Opera 22.0+ (since 2014) | ||
IE 8 + 9 (since 2009 + 2011) | ||
Edge 1.0+ (since 2015) | ||
iOS 5.0+ (since 2012) | ||
Android 4.1.1+ (since 2012) | ||
key | Windows/Linux | |
---|---|---|
alt | IE, Edge, Safari, Opera, Chrome | |
shift+alt | Firefox | |
shift+esc | Opera 12 |
key | Mac | |
---|---|---|
alt | Firefox 13 or lower | |
ctrl+alt | Firefox, Safari, Opera, Chrome | |
shift+esc | Opera 12 |
key | function | |
---|---|---|
s | jump to start of page | |
e | jump to end of page | |
q | quit dialog windows | |
c | open search dialog | |
h | open help dialog | |
m | open navigation menu | |
key | function | |
---|---|---|
Tabulator key jumps from element to Eelement. | ||
key | function | |
---|---|---|
show previous media file | ||
show next media file | ||
zoom media file | ||
close modal window | ||
q | close modal window (escape) | |
a | saturate (50%|100%|150%|200%) | |
b | brightness (50%|100%|150%|200%) | |
d | contrast (50%|100%|150%|200%) | |
f | blur (1px|5px|10px) | |
g | gray (100%) | |
l | horizontal mirror | |
i | invert (100%) | |
n | normalize | |
o | fade out text | |
r | rotation (0˚|90˚|180˚|270˚) | |
p | sepia (100%) | |
v | vertical mirror | |
x | xray (100%) | |
z | color angle (0˚|90˚|180˚|270˚) | |