Commettere reati CSS

Immagine

Il tempo dei trucchi CSS è finito. Ora è il momento dei crimini CSS!

Nell'attuale panorama dei fornitori di servizi di contenuti, gli utenti sono spesso limitati a esprimersi tramite testo, collegamenti e immagini. Le regole di sanificazione tendono a eliminare HTML, JavaScript e vari attributi.

Servizio di social media cohost consente agli utenti di avere maggiore libertà con markup e stili in linea rispetto a quella a cui potremmo essere abituati. Alcuni utenti hanno approfittato di questa libertà per commettere crimini CSS! Il risultato sono ricreazioni creative di interfacce familiari e giochi interattivi utilizzando le proprietà in modi non convenzionali.

Blackle Mori ha creato un aggeggio dove tirando una maniglia si gira lentamente una serie di ingranaggi, pulegge e catene. Alla fine si apre un’apertura per rivelare la mascotte del sito (“eggbug”) e la proclamazione “Good Job!”. L'ho osservato in Strumenti per sviluppatori ed è una straordinaria combinazione di grid, resize, transforme calc(). Alla fine ho aggiunto a border a tutti <div>Serve per cercare di comprendere meglio come si è mosso ogni singolo elemento.

In passato ci sono state situazioni in cui mi è stato impedito di utilizzare l'intero toolkit di HTML, JavaScript e CSS. Ci sono stati molti casi di utilizzo di elementi decorativi Forme CSS per aggirare le immagini. ho usato :hover come soluzione alternativa per mouseenter ed mouseleave. ho usato input:checked come selezionatore di fratelli per la commutazione.

Sebbene i crimini CSS probabilmente non siano qualcosa che vorresti impiegare su base regolare, dovremmo abbracciare esperimenti entro limiti che possano favorire soluzioni creative.


Collegamento diretto →

Timestamp:

Di più da Trucchi CSS