Skip to content

This is a little project to show combined HTML, CSS and JavaScript projects.

License

Notifications You must be signed in to change notification settings

diogocezar/sandybox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SandyBox

This is a little project to show combined HTML, CSS and JavaScript projects.

alt sandybox

Here is the list os examples (Portuguese)!

Link Descrição
https://diogocezar.github.io/sandybox/#/html-example-1 Títulos em HTML5
https://diogocezar.github.io/sandybox/#/html-example-2 Parágrafos em HTML5
https://diogocezar.github.io/sandybox/#/html-example-3 Links em HTML5
https://diogocezar.github.io/sandybox/#/html-example-4 Imagens em HTML5
https://diogocezar.github.io/sandybox/#/html-example-5 Tabelas em HTML5
https://diogocezar.github.io/sandybox/#/html-example-6 Listas Ordenadas em HTML5
https://diogocezar.github.io/sandybox/#/html-example-7 Lista Não Ordenadas em HTML5
https://diogocezar.github.io/sandybox/#/html-example-8 Formulários - Parte 1 em HTML5
https://diogocezar.github.io/sandybox/#/html-example-9 Formulários - Parte 2 em HTML5
https://diogocezar.github.io/sandybox/#/html-example-10 Estruturas de Blocos em HTML5
https://diogocezar.github.io/sandybox/#/html-example-11 MetaTags em HTML5
https://diogocezar.github.io/sandybox/#/html-example-12 DataSets em HTML5
https://diogocezar.github.io/sandybox/#/css-example-1 Exemplos de estilos em CSS
https://diogocezar.github.io/sandybox/#/css-example-2 Exemplo de Background Color
https://diogocezar.github.io/sandybox/#/css-example-3 Tipos de Cores
https://diogocezar.github.io/sandybox/#/css-example-4 Exemplos de Tamanhos
https://diogocezar.github.io/sandybox/#/css-example-5 Exemplos de Margens
https://diogocezar.github.io/sandybox/#/css-example-6 Exemplos de Paddings
https://diogocezar.github.io/sandybox/#/css-example-7 Exemplos Altura e Largura
https://diogocezar.github.io/sandybox/#/css-example-8 Exemplos de Imagens em Background
https://diogocezar.github.io/sandybox/#/css-example-9 Exemplos de Line Height
https://diogocezar.github.io/sandybox/#/css-example-10 Exemplos de Text Transform
https://diogocezar.github.io/sandybox/#/css-example-11 Exemplos de Text Decoration
https://diogocezar.github.io/sandybox/#/css-example-12 Exemplos de FontStyle
https://diogocezar.github.io/sandybox/#/css-example-13 Exemplo de Hover
https://diogocezar.github.io/sandybox/#/css-example-14 Exemplo de Gradiente
https://diogocezar.github.io/sandybox/#/css-example-15 Exemplo de Transform
https://diogocezar.github.io/sandybox/#/css-example-16 Exemplo Transition
https://diogocezar.github.io/sandybox/#/css-example-17 Exemplo de Animation
https://diogocezar.github.io/sandybox/#/css-example-18 Exemplo de Font-Face
https://diogocezar.github.io/sandybox/#/css-example-19 Exemplo de Media-Querie
https://diogocezar.github.io/sandybox/#/css-example-20 Exemplo de Calc e Childs
https://diogocezar.github.io/sandybox/#/css-example-21 Exemplo Float
https://diogocezar.github.io/sandybox/#/css-example-22 Exemplo Relative
https://diogocezar.github.io/sandybox/#/css-example-23 Exemplo Absolute
https://diogocezar.github.io/sandybox/#/css-example-24 Exemplo Fixed
https://diogocezar.github.io/sandybox/#/css-example-25 Exemplo de Display Block em CSS
https://diogocezar.github.io/sandybox/#/css-example-26 Exemplo de Display Inline em CSS
https://diogocezar.github.io/sandybox/#/css-example-27 Exemplo de Display Inline-Block em CSS
https://diogocezar.github.io/sandybox/#/css-example-28 Exemplos de After e Before
https://diogocezar.github.io/sandybox/#/flex-example-align-content Exemplo de Align Content
https://diogocezar.github.io/sandybox/#/flex-example-align-items Exemplo de Align Items
https://diogocezar.github.io/sandybox/#/flex-example-align-self Exemplo de Align Self
https://diogocezar.github.io/sandybox/#/flex-example-basis Exemplo de Basis
https://diogocezar.github.io/sandybox/#/flex-example-direction Exemplo de Direction
https://diogocezar.github.io/sandybox/#/flex-example-display Exemplo de Display
https://diogocezar.github.io/sandybox/#/flex-example-grow Exemplo de Grow
https://diogocezar.github.io/sandybox/#/flex-example-justify-content Exemplo de Justify Content
https://diogocezar.github.io/sandybox/#/flex-example-order Exemplo de Order
https://diogocezar.github.io/sandybox/#/flex-example-shrink Exemplo de Shrink
https://diogocezar.github.io/sandybox/#/flex-example-wrap Exemplo de Wrap
https://diogocezar.github.io/sandybox/#/grid-example-auto-columns Exemplo de Auto Columns
https://diogocezar.github.io/sandybox/#/grid-example-auto-rows Exemplo de Auto Rows
https://diogocezar.github.io/sandybox/#/grid-example-column Exemplo de Column
https://diogocezar.github.io/sandybox/#/grid-example-display Exemplo de Display
https://diogocezar.github.io/sandybox/#/grid-example-gap Exemplo de Gap
https://diogocezar.github.io/sandybox/#/grid-example-row Exemplo de Row
https://diogocezar.github.io/sandybox/#/grid-example-template-areas Exemplo de Template Areas
https://diogocezar.github.io/sandybox/#/grid-example-template-columns Exemplo de Template Columns
https://diogocezar.github.io/sandybox/#/grid-example-template-rows Exemplo de Template Rows
https://diogocezar.github.io/sandybox/#/js-example-1 Exemplos de Função
https://diogocezar.github.io/sandybox/#/js-example-2 Exemplos de Função em Variável
https://diogocezar.github.io/sandybox/#/js-example-3 Exemplos de Função como CallBack
https://diogocezar.github.io/sandybox/#/js-example-4 Exemplos de Variáveis e Arrow Functions
https://diogocezar.github.io/sandybox/#/js-example-5 Exemplos de Manipulação de Arrays
https://diogocezar.github.io/sandybox/#/js-example-6 Exemplos de Comparações entre Variáveis
https://diogocezar.github.io/sandybox/#/js-example-7 Exemplo de Objeto Literal
https://diogocezar.github.io/sandybox/#/js-example-8 Exemplo de Objeto Construtor
https://diogocezar.github.io/sandybox/#/js-example-9 Exemplo de Array de Objetos
https://diogocezar.github.io/sandybox/#/js-example-10 Exemplos de Interações com o HTML
https://diogocezar.github.io/sandybox/#/js-example-11 Exemplo Validação Formulário
https://diogocezar.github.io/sandybox/#/js-example-12 Exemplo Orientação a Objeto
https://diogocezar.github.io/sandybox/#/js-example-13 Exemplo de Promise
https://diogocezar.github.io/sandybox/#/bootstrap-example-1 Guia Bootstrap
https://diogocezar.github.io/sandybox/#/svg-example-1 Exemplos Básicos SVG
https://diogocezar.github.io/sandybox/#/svg-example-2 Exemplo Hover SVG

Based on: https://willianjusten.com.br/criando-um-codepen-simples-em-poucas-linhas/

Diogo Cezar [email protected]

About

This is a little project to show combined HTML, CSS and JavaScript projects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published