Hacks en HTML / CSS

Hugo SCHOCH - 2020

Sommaire

Géométrie 101

Les formes simples

Géométrie 101

Les formes simples - Triangle

Géométrie 101

Les formes simples - Carré

Géométrie 101

Les formes simples - Rond

Géométrie 102

Pour aller plus loin

Minification

- is the new +

				
//Avant
<beaucoup>
	<trop>
		<de_code>
			inutile
		</mais>
	</alors>
</vraiment_beaucoup>
				
			
				
//Après
<weight></watcher>
				
			

Minification

- is the new +

Minification

- is the new +

				
//Avant
<section>
	<article>
		<h1>
			Hello World
		</h1>
	</article>
</section>
				
			
				
//Après
<div><h1>Hello World
				
			

Minification

- is the new +

				
/*Avant*/
section.container div.wrapper div.my_element {
	width: 500px;
	height: 25px;
	color: #FFFFFF;
}
				
			
				
/*Après*/
#my_element{width:500;height:25;color:#FFF}
				
			

Minification

Pour aller ENCORE plus loin

Conclusion