CodeUtility
Tornando o seu trabalho de dev mais simples!
CSS and design

CSS Flexbox Generator

Play with every flexbox property and see the layout change instantly, then copy the code.

  • Runs in your browser
  • Instant results
  • Free, no sign-up
Loading the tool…

How to use the Flexbox Generator

  1. Set the container properties at the top.
  2. Click an item in the preview to change its own flex properties.
  3. Copy the generated CSS and HTML.

Frequently asked questions

What is the difference between justify-content and align-items?

justify-content places items along the main axis (the direction); align-items places them across it.

What does flex: 1 mean?

flex-grow: 1, flex-shrink: 1 and flex-basis: 0%, so items share the free space equally.

When should I use grid instead?

Use flexbox for one-dimensional rows or columns, and CSS grid when you need rows and columns at the same time.

CSS Grid GeneratorCreate CSS grid layouts visually: set columns, rows and gaps, drag across cells to place items, and copy the CSS and HTML. Box Shadow GeneratorCreate CSS box-shadow effects with multiple layers, inset shadows, blur, spread and opacity. See a live preview and copy the CSS. PX to REM ConverterConvert px to rem and rem to px with any root font size. Includes a table of common sizes and bulk conversion of whole CSS files.

Pratique Python com desafios de código

Resolva problemas práticos direto neste editor: rode os testes de exemplo, envie sua solução e receba uma revisão de código por IA.

Todos os desafios de Python
Fácil

Average of Three

Average three whole numbers.

Você vai aprender AritméticaDivisão
BeginnerLearning-pathVariables
Python C++ C#
1 resolvido
Ver soluções (1)
Fácil

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

Você vai aprender AritméticaValores de retorno
BeginnerLearning-pathVariables
Python C++ C#
1 resolvido
Ver soluções (1)
Médio

Uma geração de um algoritmo genético

Gere a próxima geração de strings de bits com seleção por torneio, cruzamento de um ponto e mutação.

Você vai aprender Algoritmos genéticosBusca evolutiva
OptimizationSimulationai
Python C++ C#
0 resolvidos
Ainda sem soluções
Fácil

Bandido multibraço epsilon-greedy

Equilibre exploração e aproveitamento em um bandido multibraço com seleção de ações epsilon-greedy.

Você vai aprender Explorar ou aproveitarBandidos
Aprendizado por reforçoaiaprendizado de máquina
Python C++ C#
0 resolvidos
Ainda sem soluções
Fácil

Distribuição de estados de uma cadeia de Markov

Propague uma distribuição de probabilidade pela matriz de transição de uma cadeia de Markov por um número de passos.

Você vai aprender Cadeias de MarkovProbabilidade
Simulationaimath
Python C++ C#
0 resolvidos
Ainda sem soluções
Médio

Iteração de valor

Calcule quanto vale cada estado de um processo de decisão de Markov aplicando repetidamente a atualização de otimalidade de Bellman.

Você vai aprender Equação de BellmanMDPs
Aprendizado por reforçoaiaprendizado de máquina
Python C++ C#
0 resolvidos
Ainda sem soluções
Médio

Atualizações de Q-learning

Aplique a atualização do Q-learning a um fluxo de experiências e veja as recompensas voltarem para estados anteriores.

Você vai aprender Q-learningRecompensas descontadas
Aprendizado por reforçoaiaprendizado de máquina
Python C++ C#
0 resolvidos
Ainda sem soluções
Médio

Poda alfa-beta

Avalie uma árvore de jogo com minimax e poda alfa-beta, e conte quantas folhas a busca realmente examina.

Você vai aprender Poda alfa-betaBusca em jogos
RecursionTreesai
Python C++ C#
0 resolvidos
Ainda sem soluções
Médio

Jogo da velha com minimax

Escolha a jogada perfeita no jogo da velha explorando toda a árvore de jogo com minimax.

Você vai aprender MinimaxÁrvores de jogo
Recursionai
Python C++ C#
0 resolvidos
Ainda sem soluções
Médio

Busca A* em uma grade ponderada

Encontre o caminho mais barato por uma grade de custos de terreno com A*, o algoritmo de busca por trás da navegação em jogos e robôs.

Você vai aprender Busca A*Heurísticas
GraphsGridsShortest-pathai
Python C++ C#
0 resolvidos
Ainda sem soluções
Médio

Amostragem com temperatura e top-k

Escolha o próximo token como um modelo de linguagem: mantenha os k maiores logits, aplique a temperatura e amostre.

Você vai aprender Geração de textoAmostragem
aiaprendizado de máquina
Python C++ C#
0 resolvidos
Ainda sem soluções
Difícil

Autoatenção multi-cabeça

Projete a entrada em consultas, chaves e valores, execute a atenção em várias cabeças em paralelo e combine-as.

Você vai aprender Atenção multi-cabeçaProjeções matriciais
aiaprendizado de máquina
Python C++ C#
0 resolvidos
Ainda sem soluções