Apollo is the code name (for now) of an ambitious project in the world for Adobe RIA (Rich Internet Applications) and Web 2.0, including Ajax. Someone remembers Macromedia Contribute, Macromedia Central to someone else. There is, also, who sees in Apollo simple union - or opportunity - to bring together elements of Flash and PDF (something which has already been feasible with Flash Paper)!
Articles Tagged 'HTML'
Web2.0: Adobe is trying to Apollo?
Hide me
A feature of the sheets of styles (the files. Css) is that it can be specified depending on the average output. The Style Sheets allow you to specify the same class, the same the same ID tag, etc. ... for different media. For example, I can write a file. Css with the following syntax:
1 2 3 4 5 6 7 | @ Media screen { display : none } mybox # div {display: none} } @ Media print { display : block } mybox # div {display: block} } |
non sarà visibile sul browser, sullo schermo, ma quando provo a stampare la pagina troverò un contenuto diverso da quello che mi aspettavo. What it comes at the end, is that the content of the DIV with id myBox will not be visible on the browser screen, but when I try to print the page, find a different content from what I expected.
Search engines, spiders, crawlers and aggregators, usually (for now) do not solve the css file. They are interested in viewing the content not the formatting. However, this technique could have interesting implications if not disturbing. Because of the characteristics of systems of indexing a situation like the one shown below would be at least curious:
1 2 3 4 5 6 7 |
Correlated with a file. Css like this:
1 2 3 4 5 6 7 8 9 | @ Media screen { display : block } visibile_a_video # div {display: block} display : none } # visibile_in_stampa div {display: none} } @ Media print { display : none } # visibile_a_video div {display: none} display : block } visibile_in_stampa # div {display: block} } |
Google, for example, indicizzerebbe both the contents of our HTML, even if the screen would be able to see only one. If we print the page would find with surprise new content. The trick, however, would be revealed by eliminating the application of styles in browsers that support it. Normally no one performs an operation like this when surfing the Internet. Such an investigation would arise only after finding a mismatch between what is visible on screen and what was printed!
To date I have seen no cases of this type of blatant manipulation via CSS. At one time it was raising its visibility on the Internet by entering a series of texts, words, of the same color as the background of the webpage, so as to make such artifice dark eyes of navigators. By the time the engines are indexing cautioned against such "fraud". Maybe it's time to anticipate some joker before creating a precedent?
Currently, the style sheet are used to specify a range of media type of output. For a complete list see the W3C .
Web Developer 1.1.3
Chris Pederick releases new version of Web Developer , convenient add-on for FireFox and other browsers, which along with FireBug makes life better for Web developers.
Stumble this release for its good news compared to version much do. The toolbar icons have been redesigned, now much more effective. It increased the number of functions available on the menu as a handy magnify in real time, rules and guidelines, ability to edit the HTML. To be installed as soon as possible ...
Dynamic Javascript & CSS File
In the Post Create an RSS Reader in PHP and Javascript indirectly we met a very interesting technique that allowed to create - in practice - a file from PHP Javascript.
Dynamic HTML with Javascript
Writing code inside a HTML page is dynamically possible and useful. predisposto ad accettare codice inserito tramite innerHTML . The most direct way is to use and known documenti.write() or a container DIV prepared to accept code inserted via innerHTML . Alternatively you can attach to an existing tag and use the DOM to add or remove elements within the page. For example immmaginiamo want to load a new file without using server side scripting Javascript and then reload the page. The functions below, for example, adds a JavaScript file on your page as a parameter (including path).
1 2 3 4 5 6 | s ) { addScripting function (s) { document. createElement ( 'script' ) ; scriptNode var = document. createElement ('script'); "head" ) [ 0 ] . appendChild ( scriptNode ) ; document. getElementsByTagName ("head") [0]. appendChild (scriptNode); 'javascript' ; scriptNode. language = 'javascript'; s ; scriptNode. src = s; } |
Similarly you can add a style sheet to our page, indicated by the variable cssfile :
1 2 3 4 5 | document. createElement ( 'link' ) ; cssNode var = document. createElement ('link'); 'rel' , 'stylesheet' ) ; cssNode. setAttribute ('rel', 'stylesheet'); 'type' , 'text/css' ) ; cssNode. setAttribute ('type', 'text / css'); 'href' , cssfile ) ; cssNode. setAttribute ('href', cssfile); 'head' ) [ 0 ] . appendChild ( cssNode ) ; document. getElementsByTagName ('head') [0]. appendChild (cssNode); |
Classes and ID in CSS
nei fogli di stile. Here are some brief tips on how to use class and id in style sheets. Keep in mind that once the use of advanced JavaScript techniques, such as the use of Ajax engines, may come into conflict with the recommendations made here! And in the end we will see why.
The wonders of CSS2.0 +
Because of the incompatibility of style and perhaps output - yet - cross-browser, not everyone knows about the vast potential of style sheets. We want to show, therefore, some features of CSS syntax unknown to most and to remind us how little - often - we exploit fully the tools we have available.
Note: All sample were tested on Firefox 1.5.0.5
Select by attributes
1 2 3 4 5 |
1 2 3 | type = submit ] { color : #f00 } div # myInput input [type = submit] {color: # f00} type = button ] { color : #0f0 } div # myInput input [type = button] {color: # 0f0} value = Annulla ] { color : #00f } div # myInput input [value = Cancel] {color: # 00F} |
This feature, often referred to cone advanced CSS2, allows strabiglianti things, if we reflect for a moment. The biggest advantage is the HTML ottinene side, where there is no need to distinguish between classes or id tag in the CSS. It is precisely the attributes - still present - in the TAG to indicate which style associated. Furthermore, any attribute of the tag can be taken as a selector: alt, title, accesskey, etc. ...
Selection for depth
This type of selection is nothing short of spectacular, if you consider that can be added to the previous one. It allows you to define the hierarchy of elements. Looking at the example below we will immediately realize the extraordinary importance of this type of selection, which keeps the HTML clean and free of unnecessary indicators.
1 2 3 4 5 6 7 |
1 2 3 | p { color : #f00 } div # mybox> p {color: # f00} p + p { color : #0f0 } div # mybox> p + p {color: # 0f0} p :last-child { color : #00f } # mybox div> p: last-child {color: # 00F} |
e – fantastico – first-letter ! Indeed, just to conclude this overflight, as well as last-child exists first-child , and - amazing - first-letter ! Try it.
We obviously have touched the subject, very comprehensive to say the truth, who sees CSS as advanced instrument for the definition of layput pages. There are other selectors and behaviors, and great news for the specification of the CSS file for future generation.
Latest Comments
vik : Users custom fields seems interesting, should be added the ability to validate the field based on ...
kOoLiNuS : @ Giovambattista Fazioli: thank you! more than willing!
Giovambattista Fazioli : @ kOoLiNuS: Quiet, you can probably anticipate that WPX Cleanfix will be free, and ...
kOoLiNuS : @ kOoLiNuS: a missing
and a 
kOoLiNuS : @ Giovambattista Fazioli: I subscribed to, but when I was my amateur use of the platform ...