CSS :THE WORLD WIDE WEB LANGUAGE
CSS is a language which is continually growing and expanding whilst building upon itself and creating new possibilities by which designers and developers can utilize to produce and create some extraordinary effects when it comes to web design.
With the new web standards and CSS3 supporting media-specific style sheets as well as many other elements across all browsers ( save IE *cough dIE* ) , such as aural devices, printers, braille devices, handheld devices, etc., the list of CSS properties, values and styles are constantly evolving.
CSS USER INTERFACE
With the introduction of Media Queries, which now extend the functionality of media types by allowing more precise labeling of style sheets, presentations can be tailored to a specific range of output devices without changing the content itself.
CSS is the primary language for describing the rendering of HTML and XML documents on screen, on paper, in speech, etc. It uses various selectors, properties and values to style basic user interface elements within a document. This specification describes those user interface related selectors, properties and values that are proposed for CSS level 3 to style HTML and XML, including XHTML and XForms.
PRESENTATION AND STRUCTURE
Prior to CSS, nearly all of the presentation attributes of HTML documents were contained within the HTML markup, such as: all font colors, background styles, element alignments, borders and sizes had to be explicitly described, often repeatedly, within the HTML.Document authors who wanted to assign such typographic characteristics to, say: all h2 headings had to repeat HTML presentation markup for each occurrence of each particular heading type.
This made documents more complex, larger, and more difficult to maintain. CSS allows the separation of presentation from structure. With CSS we can now define color, font, text alignment, size, borders, spacing, layout and many other typographic characteristics, and can do so independently for on-screen and printed views.
CSS also defines non-visual styles such as the speed and emphasis with which text is read out by aural text readers. CSS now allows authors to move much of that information to another file, the style sheet, resulting in considerably simpler HTML.
MEETING DESIGNERS DEMANDS
Style sheets have existed in one form or another since the beginnings of SGML in the 1980s. Cascading Style Sheets were developed as a means for creating a consistent approach to providing style information for web documents.
As HTML grew, it has come to encompass a wider variety of stylistic capabilities to meet the demands of web developers. This evolution grants designers more control over site appearance, but at the cost of more complex HTML.
Despite the availability of CSS-capable browsers making CSS a viable technology, the adoption of CSS is still held back by designers’ struggles with browsers, incorrect CSS implementation and patchy CSS support. Even today, these problems continue to make the business of CSS design more complex and costly than it was intended to be, and cross-browser testing remains a necessity.
In this article, we wanted to present users with some old & new CSS & HTML techniques which were deemed extraordinary during the advent of CSS, and some new techniques which may offer a point of inspiration for users to go out and venture on their own personal project.
Because not all browsers correctly parse CSS code properly, coding techniques known as CSS hacks can either filter specific browsers or target specific browsers (generally both are known as CSS filters), by which to render many of the CSS experiments below ( and we use the term experiment due to the fact that some of these techniques are not yet supported by all browsers ); thus we recommend that you view them in web-kit browsers such as Safari & Chrome, ( a few may work in Firefox but many of them wont ).
Nevertheless, we hope you derive some personal inspiration for producing your very own CSS masterpiece.
1. CSS3D Clouds
5. Experimental CSS3 Animations
6. 3D City
7. CSS3 Animation : Why not Zoidberg?
8. Windows 7 Start Menus
9. Every Second One Hour of Video
10. CSS3 Patterns
11. Typography Rain
13. Sudoku Solver
14. Cursor Monster
18. Solar System
19. CSS3 Classic Train
23. Kinect, CSS3 & Animatable
24. 3d Animations Using Pure CSS3
26. HTML5 Interactive Infographic
27. The Cloth Simulation
28. 3D CSS Cube
29. TiltShift Text
30. Morphing Cubes
[zilla_alert style=”grey”] Visit the CSS Properties Index to stay abreast of the latest CSS updates. [/zilla_alert]