Lightnews — Scholar-powered news

Aurélio Heckert

@aurium.bsky.social

É sério que os brothers dos criadores da operação "Punhal Verde e Amarelo" disseram que os beneficiários da tal operação estão no "Tribunal de Nuremberg"?

Pera aí... É fã ou hater?

Artigo "A Operação Punhal Verde Amarelo e A Noite dos Longos Punhais", publicado em https://red.org.br/noticias/a-operacao-punhal-verde-amarelo-e-a-noite-dos-longos-punhais

Artigo "Deputados do PL chamam julgamento do STF contra Bolsonaro de ‘circo’ e ‘tribunal de Nuremberg’", publicado em https://www.estadao.com.br/politica/deputados-do-pl-chamam-julgamento-do-stf-contra-bolsonaro-de-circo-e-tribunal-de-nuremberg

March 26, 2025 at 11:44 PM

Aurélio Heckert

@aurium.bsky.social

This code implements the group context, as we see on the previews experiment, to answer "Is it my time to play?", and a local context showing who checked the box.

The HTML code to the Tic-Tac-Toe experiment (step 2). It is a list with an input for X and for O on each of the 9 boxes.

The CSS code to the Tic-Tac-Toe experiment (step 2).

November 26, 2024 at 4:17 PM

Aurélio Heckert

@aurium.bsky.social

Writing a Tic-Tac-Toe in pure #CSS (step 2)

From my previews experiment, now we have a game board that knows who is playing and who checked a box.

The radio inputs are visible on non checked boxes to help to understand what is happening.

More details: t.me/css_eh_perfe...
#BolhaTech #frontend

November 26, 2024 at 4:17 PM

Aurélio Heckert

@aurium.bsky.social

But why is there a placeholder?

The target state is nested and we can't nest :has(). It means that we could not use label:has(&)::before together with label::before (line 21), which means that the elements that precede the first selected one would not be affected by the state of the set. #CSS

The code to discover is a checked group is odd or even.

<style>
body {
margin: 80px;
background: #222;
color: #FFF;
}

label {
&::before { content: "☝️" }

&#placeholder {
display: block;
margin-bottom: 20px;
&::before { content: "" }
&::after { content: "even" }
}

&:first-child:nth-last-child(2n-1 of :has(:checked)) {
~ label::before { content: "✌️" }
&#placeholder::after { content: "odd" }
}
}
</style>

<div id="game">
<label id="placeholder"><input type="checkbox" checked disabled></label>
<label><input type="checkbox"></label>
<label><input type="checkbox"></label>
<label><input type="checkbox"></label>
<label><input type="checkbox"></label>
<label><input type="checkbox"></label>
<label><input type="checkbox"></label>
</div>

November 18, 2024 at 12:56 PM

Aurélio Heckert

@aurium.bsky.social

Writing a Tic-Tac-Toe in pure #CSS

Is it my time to play?

We can know if it's ❌ or ⭕️ time to play, based on the number of checked spaces. If even, it's the P1 time, if odd, it's the P2 time. :nth-last-child(...) can help us to discover.

Details with code: t.me/css_eh_perfe...
#BolhaTech #frontend

November 18, 2024 at 12:42 PM

Aurélio Heckert

@aurium.bsky.social

Proposta de decoração para as futuras instalações da #NV1C.
@lauramarise.bsky.social @anabonassa.bsky.social

November 13, 2024 at 12:43 PM

Aurélio Heckert

@aurium.bsky.social

A fotografia de um menino sonolento no ônibus, segurando um saco de latinhas amassadas, acompanhada da frase: "Só tolos acreditam que na vida só basta se esforçar. Para alguns, a vida começa tão difícil que o esforço é só pela sobrevivência."

November 10, 2024 at 1:17 PM

Aurélio Heckert

@aurium.bsky.social

Ou a direita não combate a criminalidade tanto quanto finge fazer, deixando esse embate para a esquerda (Tainá, Freixo, Marielle, ..., Chico Mendes, ...)

Ou esses crimes tem motivação política e direita não é composta por "gente de bem".

O "OU" em álgebra booleana não é necessariamente excludente.

Notícia de fevereiro de 2024 com a fotografia de Darcy Alves Pereira, segurando a bandeira do Brasil e a manchete "Quem é o assassino de Chico Mendes, que virou liderança no PL de Jair Bolsonaro"

October 4, 2024 at 1:54 PM

Aurélio Heckert

@aurium.bsky.social

Só pra lembrar:

October 2, 2024 at 2:34 PM

Aurélio Heckert

@aurium.bsky.social

Coisas frágeis

Um vaso sendo retirado de uma caixa cheia de flocos de espuma

Uma notícia com o título "Estudo diz que homens se sentem menos másculos dirigindo carros elétricos"

October 2, 2024 at 1:18 PM

Aurélio Heckert

@aurium.bsky.social

October 2, 2024 at 12:37 PM

Aurélio Heckert

@aurium.bsky.social

Enlightened by capitalism edge.

September 25, 2024 at 2:14 PM

Aurélio Heckert

@aurium.bsky.social

#RPG

Quadrinho com uma cena comum de RPG, onde os heróis entram na caverna de um dragão deitado sobre um tesouro. E segue o diálogo:
mago: Pera! Não podemos matar o dragão e pegar o seu ouro.
guerreiro: Por que não?
mago: Ele conquistou isso.
guerreiro: Roubando e matando cidadãos.
mago: Bem... Dragões hum... Criam empregos?
mago: Ok, mas... E se um dia eu me tornar um dragão?
guerreiro: Você NUNCA SERÁ UM DRAGÃO!

September 23, 2024 at 6:58 PM

Aurélio Heckert

@aurium.bsky.social

Woman with painted big eyebrows and the comment below: when you accidentally type "em" intead of "px".

September 22, 2024 at 1:08 AM

Aurélio Heckert

@aurium.bsky.social

Yes @anatudor.bsky.social! I mean... almost.

I did it respecting your restrictions, but it demands an ugly hack and the result is not exactly the same cross browsers.

#BolhaTech #frontend
Details in Pt-BR: t.me/css_eh_perfe...

Text content background hack on Chromium

Text content background hack above a tiled background for alpha testing.

HTML and CSS code to implement the text content background hack.

September 20, 2024 at 6:32 PM

Aurélio Heckert

@aurium.bsky.social

This is not a #CSS color picker, I mean... yes, it is, but mainly this is an example of how to capture and transform information into color, in a free way. There are many use cases! Who knows, I might publish some ones some day. #BolhaTech #frontend

t.me/css_eh_perfe...

An HSL color picker, implemented in almost pure CSS.

September 19, 2024 at 5:33 PM

Aurélio Heckert

@aurium.bsky.social

#CSS

This is the CSS used on the web app presented on the previews video post.

September 17, 2024 at 10:18 PM

Aurélio Heckert

@aurium.bsky.social

#CSS is a reactive language that can be used to implement some of the logic of an app.

You can literally compute information gathered from the state of the DOM and produce new info by changing the styling, show/hiding elements, or adding pseudo elements.

t.me/css_eh_perfe... #BolhaTech #frontend

September 17, 2024 at 10:16 PM

Aurélio Heckert

@aurium.bsky.social

Também se parece.

Estatua de Vladimir Lenin em pose semelhante a de Guilherme Boulos no momento em que grita "Não Datena" no dia da cadeirada.

September 17, 2024 at 8:12 PM

Aurélio Heckert

@aurium.bsky.social

Uma atualização de uma antiga argumentação em 3 fotografia que mostrava: 1 - o espaço ocupado por 40 pessoas em um ônibus; 2 - o espaço ocupado pelas mesmas em bicicletas; 3 - o espaço ocupado em carros. Agora com mais 3 imagens: 4 - Carro a hidrogênio (cópia da imagem dos carros); 5 - Carro elétrico (cópia da imagem dos carros); 6 - carro autônomo (cópia da imagem dos carros com 50% a mais de carros)

September 17, 2024 at 7:49 PM

Aurélio Heckert

@aurium.bsky.social

Bluesky now has over 10 million users, and I was #292,570! 💙

September 16, 2024 at 11:01 PM

Aurélio Heckert

@aurium.bsky.social

Validated on Firefox 131 on Linux.
#CSS

September 16, 2024 at 2:03 PM

Aurélio Heckert

@aurium.bsky.social

Yes, It detects the win state and plays an animation.
dev.js13kgames.com/2024/games/m...

I want to write a post-mortem with tech details here... Any time. #CSS #GameDev #BolhaTech #frontend

Pt-BR: Pretendo publicar detalhes em português aqui: t.me/css_eh_perfe...