Compare Revisions

In content

Change Revisions

Revision 479537:

Revision 479537 by teoli on

Revision 479551:

Revision 479551 by teoli on

Title:
In content
In content
Slug:
User:teoli/In_content
User:teoli/In_content
Content:

Revision 479537
Revision 479551
n10    <h2>n10    <h2 id="Action-driven_boxes">
t34      {{bug(924844)}} <a href="https://developer.mozilla.org/en-Ut34      {{bug(924844)}} <a href="https://developer.mozilla.org/en
>S/docs/Web/CSS">In-context usage</a>.>-US/docs/Web/CSS">In-context usage</a>.
35    </p>
36    <h2 class="Documentation" name="Documentation">
37      Two-column landing page text
38    </h2>
39    <p>
40      On small screen, this get transformed into one single colum
 >n (via a media query).
41    </p>
42    <div class="row topicpage-table">
43      <div class="section">
44        <h2 class="Documentation" id="Documentation" name="Docume
 >ntation">
45          Documentation and tutorials
46        </h2>
47        <dl>
48          <dt>
49            CSS key concepts
50          </dt>
51          <dd>
52            Describes the <a href="/en-US/docs/CSS/Syntax" title=
 >"/en-US/docs/CSS/Syntax">syntax and forms of the language</a> and
 > ...
53          </dd>
54          <dt>
55            <a href="/en-US/docs/Web/Guide/CSS" title="/en-US/doc
 >s/Web/Guide/CSS">CSS developer guide</a>
56          </dt>
57          <dd>
58            Articles to help you learn CSS techniques to make you
 >r content shine.
59          </dd>
60        </dl>
61        <h2 class="Tools" id="Tools" name="Tools">
62          Tools for CSS development
63        </h2>
64        <ul>
65          <li>
66            <span class="external">The</span> <a class="external"
 > href="http://jigsaw.w3.org/css-validator/">W3C CSS Validation Se
 >rvice</a> checks if a given CSS is valid. It is an invaluable deb
 >ugging tool.
67          </li>
68          <li>Firefox' <a class="link-https" href="https://addons
 >.mozilla.org/en-US/firefox/addon/1843">Firebug extension</a><span
 > class="external">, a popular</span> extension of that navigator 
 >that allows to edit live CSS on watched sites. Very practical to 
 >test some changes, though this extension does much more.
69          </li>
70        </ul>
71      </div>
72      <div class="section">
73        <h2 class="Related_Topics" id="News" name="News">
74          News
75        </h2>
76        <ul>
77          <li>
78            <a href="http://www.w3.org/TR/css-text-decor-3/" titl
 >e="http://www.w3.org/TR/css-text-decor-3/">CSS Text-decoration Le
 >vel 3</a> reached the <em>Candidate Recommandation</em> status, d
 >efining that the <code>text-decoration-*</code> and <code>text-em
 >phasis-*</code> properties. The long known {{cssxref("text-shadow
 >")}} is also defined in it. (<em>August 1st, 2013)</em>
79          </li>
80          <li>Gecko's now support {{cssxref("background-origin")}
 >}<code>: local</code>. It will be available from Firefox 25 (and 
 >already is in Nightly). <em>(July 25th, 2013)</em>
81          </li>
82        </ul>
83      </div>
84    </div>
85    <p>
86      {{bug(924847)}} | <a href="https://developer.mozilla.org/en
 >-US/docs/Web/CSS">In-context usage</a>.
87    </p>
88    <h2>
89      Specification boxes
90    </h2>
91    <p>
92      The most complete (today):
93    </p>
94    <h2 id="Specifications">
95      &nbsp;
96    </h2>
97    <table class="standard-table">
98      <thead>
99        <tr>
100          <th scope="col">
101            Specification
102          </th>
103          <th scope="col">
104            Status
105          </th>
106          <th scope="col">
107            Comment
108          </th>
109        </tr>
110      </thead>
111      <tbody>
112        <tr>
113          <td>
114            {{SpecName('Undo Manager', '', 'Element')}}
115          </td>
116          <td>
117            {{Spec2('Undo Manager')}}
118          </td>
119          <td>
120            Added the <code>undoScope</code> and <code>undoManage
 >r</code> properties.
121          </td>
122        </tr>
123        <tr>
124          <td>
125            {{SpecName('Pointer Events', '#extensions-to-the-elem
 >ent-interface', 'Element')}}
126          </td>
127          <td>
128            {{Spec2('Pointer Events')}}
129          </td>
130          <td>
131            Added the following event handlers: <code>ongotpointe
 >rcapture</code> and <code>onlostpointercapture</code>.<br>
132            Added the following methods: <code>setPointerCapture(
 >)</code> and <code>releasePointerCapture()</code>.
133          </td>
134        </tr>
135        <tr>
136          <td>
137            {{SpecName('Selectors API Level 2', '#interface-defin
 >itions', 'Element')}}
138          </td>
139          <td>
140            {{Spec2('Selectors API Level 2')}}
141          </td>
142          <td>
143            Added the following methods: <code>matches()</code> (
 >implemented as <code>mozMatchesSelector()</code>), <code>find()</
 >code>, <code>findAll()</code>.
144          </td>
145        </tr>
146        <tr>
147          <td>
148            {{SpecName('Selectors API Level 1', '#interface-defin
 >itions', 'Element')}}
149          </td>
150          <td>
151            {{Spec2('Selectors API Level 1')}}
152          </td>
153          <td>
154            Added the following methods: <code>querySelector()</c
 >ode> and <code>querySelectorAll()</code>.
155          </td>
156        </tr>
157        <tr>
158          <td>
159            {{SpecName('Pointer Lock', 'index.html#element-interf
 >ace', 'Element')}}
160          </td>
161          <td>
162            {{Spec2('Pointer Lock')}}
163          </td>
164          <td>
165            Added the <code>requestPointerLock()</code> method.
166          </td>
167        </tr>
168        <tr>
169          <td>
170            {{SpecName('Fullscreen', '#api', 'Element')}}
171          </td>
172          <td>
173            {{Spec2('Fullscreen')}}
174          </td>
175          <td>
176            Added the <code>requestFullscreen()</code> method.
177          </td>
178        </tr>
179        <tr>
180          <td>
181            {{SpecName('DOM Parsing', '#extensions-to-the-element
 >-interface', 'Element')}}
182          </td>
183          <td>
184            {{Spec2('DOM Parsing')}}
185          </td>
186          <td>
187            Added the following properties: <code>innerHTML</code
 >>, and <code>outerHTML</code>.<br>
188            Added the following method: <code>insertAdjacentHTML(
 >)</code>.
189          </td>
190        </tr>
191        <tr>
192          <td>
193            {{SpecName('CSSOM View', '#extensions-to-the-element-
 >interface', 'Element')}}
194          </td>
195          <td>
196            {{Spec2('CSSOM View')}}
197          </td>
198          <td>
199            Added the following properties: <code>scrollTop</code
 >>, <code>scrollLeft</code>, <code>scrollWidth</code>, <code>scrol
 >lHeight</code>, <code>clientTop</code>, <code>clientLeft</code>, 
 ><code>clientWidth</code>, and <code>clientHeight</code>.<br>
200            Added the following methods: <code>getClientRects()</
 >code>, <code>getBoundingClientRect()</code>, and <code>scrollInto
 >View()</code>.
201          </td>
202        </tr>
203        <tr>
204          <td>
205            {{SpecName('Element Traversal', '#ecmascript-bindings
 >', 'Element')}}
206          </td>
207          <td>
208            {{Spec2('Element Traversal')}}
209          </td>
210          <td>
211            Added inheritance of the {{domxref("ElementTraversal"
 >)}} interface.
212          </td>
213        </tr>
214        <tr>
215          <td>
216            {{SpecName('DOM WHATWG', '#interface-element', 'Eleme
 >nt')}}
217          </td>
218          <td>
219            {{Spec2('DOM WHATWG')}}
220          </td>
221          <td>
222            Removed the following methods: <code>setIdAttribute()
 ></code>, <code>setIdAttributeNS()</code>, and <code>setIdAttribut
 >eNode()</code>.<br>
223            Removed the <code>schemaTypeInfo</code> property.
224          </td>
225        </tr>
226        <tr>
227          <td>
228            {{SpecName('DOM3 Core', 'core.html#ID-745549614', 'El
 >ement')}}
229          </td>
230          <td>
231            {{Spec2('DOM3 Core')}}
232          </td>
233          <td>
234            Added the following methods: <code>setIdAttribute()</
 >code>, <code>setIdAttributeNS()</code>, and <code>setIdAttributeN
 >ode()</code>. These methods were never implemented and have been 
 >removed in later specifications.<br>
235            Added the <code>schemaTypeInfo</code> property. This 
 >property was never implemented and has been removed in later spec
 >ifications.
236          </td>
237        </tr>
238        <tr>
239          <td>
240            {{SpecName('DOM2 Core', 'core.html#ID-745549614', 'El
 >ement')}}
241          </td>
242          <td>
243            {{Spec2('DOM2 Core')}}
244          </td>
245          <td>
246            The <code>normalize()</code> method has been moved to
 > {{domxref("Node")}}.
247          </td>
248        </tr>
249        <tr>
250          <td>
251            {{SpecName('DOM1', 'level-one-core.html#ID-745549614'
 >, 'Element')}}
252          </td>
253          <td>
254            {{Spec2('DOM1')}}
255          </td>
256          <td>
257            Initial definition.
258          </td>
259        </tr>
260      </tbody>
261    </table>
262    <p id="Browser_compatibility">
263      A regular one:
264    </p>
265    <table class="standard-table">
266      <tbody>
267        <tr>
268          <th scope="col">
269            Specification
270          </th>
271          <th scope="col">
272            Status
273          </th>
274          <th scope="col">
275            Comment
276          </th>
277        </tr>
278        <tr>
279          <td>
280            {{SpecName('HTML WHATWG', "grouping-content.html#the-
 >li-element", "HTMLLIElement")}}
281          </td>
282          <td>
283            {{Spec2('HTML WHATWG')}}
284          </td>
285          <td>
286            No change from {{SpecName("HTML5 W3C")}}.
287          </td>
288        </tr>
289        <tr>
290          <td>
291            {{SpecName('HTML5 W3C', "grouping-content.html#the-li
 >-element", "HTMLLIElement")}}
292          </td>
293          <td>
294            {{Spec2('HTML5 W3C')}}
295          </td>
296          <td>
297            The following property is now obsolete: <code>type</c
 >ode>.
298          </td>
299        </tr>
300        <tr>
301          <td>
302            {{SpecName('DOM2 HTML', 'html.html#ID-74680021', 'HTM
 >LLIElement')}}
303          </td>
304          <td>
305            {{Spec2('DOM2 HTML')}}
306          </td>
307          <td>
308            No change from {{SpecName("DOM1")}}.
309          </td>
310        </tr>
311        <tr>
312          <td>
313            {{SpecName('DOM1', 'level-one-html.html#ID-74680021',
 > 'HTMLLIElement')}}
314          </td>
315          <td>
316            {{Spec2('DOM1')}}
317          </td>
318          <td>
319            Initial definition.
320          </td>
321        </tr>
322      </tbody>
323    </table>
324    <p>
325      A small one (quite common):
326    </p>
327    <table class="standard-table">
328      <tbody>
329        <tr>
330          <th scope="col">
331            Specification
332          </th>
333          <th scope="col">
334            Status
335          </th>
336          <th scope="col">
337            Comment
338          </th>
339        </tr>
340        <tr>
341          <td>
342            {{SpecName('Web Audio API', '#OscillatorNode-section'
 >, 'OscillatorNode')}}
343          </td>
344          <td>
345            {{Spec2('Web Audio API')}}
346          </td>
347          <td>
348            &nbsp;
349          </td>
350        </tr>
351      </tbody>
352    </table>
353    <p>
354      {{bug(924875)}} | <a href="https://developer.mozilla.org/en
 >-US/docs/Web/API/Element">In-context usage</a>.

Back to History