Sabin's public fiddles
-
Hu'n'Do
Un mash-up ce redă imagini de utilizatori fictivi și câini via 2 API-uri publice.
-
Web Notifications (Ho, ho, ho)
Using Web Notifications API... Details at https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
-
DoCa (Dogs 'n' Cats)
Un mash-up Web la nivel de client preluând imagini cu câini și pisici (acces la Dog API pentru a obține o forografie cu un câine dalmațian + invocarea random.cat API pentru a obține o imaginea unei pisici)
-
Web Animations (Santa)
An example of using Web Animation API
-
DOMTreeWalker
Parcurgerea nodurilor de tip element ale arborelui DOM via TreeWalker
-
Lsvtn5uf
No-Library (pure JS), HTML, CSS, JavaScript
-
Variabile CSS
Utilizarea variabilelor CSS (custom properties).
-
CanvasDemo
Generarea unei corole de minuni intr-un element <canvas>
-
akq5f1ht
No-Library (pure JS), HTML, CSS, JavaScript
-
RandomAjax (using Fetch API)
A JS program that asynchronously get (by using the Fetch API) a sequence of numbers generated by random.org.
-
10. Animații CSS
Un exemplu de specificare declarativă a animațiilor (aici, animarea unei imagini)
-
9. Efecte vizuale via CSS
Folosirea filtrelor + transformărilor 2D asupra imaginilor.
-
3. Selectori CSS
Experimente ce recurg la diverse maniere de selectare a elementelor HTML
-
4. Letrina in CSS
Folosirea pseudo-elementelor.
-
7. Aranjament vizual (layout) tabelar cu CSS
Un exemplu de utilizare a proprietății 'display' pentru a reda conținutul în formă tabelară.
-
8. Alinieri, imagini, chenare CSS
Utilizarea diverselor proprietăți pentru "înfrumusețarea" afișării datelor.
-
6. Formatare tabel HTML cu CSS
Redarea conținutului tabelar pe baza unor proprietăți CSS.
-
5. Formular Web redat via CSS
Exemplu de formular Web ce recurge la diverse stiluri CSS
-
2. HTML + CSS intern (in antet)
Declarații CSS realizate în antetul documentului HTML
-
1. HTML + CSS intern
Declarații CSS via atributul style