-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (146 loc) · 5.37 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Platzi Blog Challenges</title>
</head>
<body>
<header>
<h1>#RetosPlatziCSS & Guías paso a paso</h1>
</header>
<main>
<ul>
<li>
<a href="https://platzi.com/blog/reto-dibujo-css/?utm_source=twitter&utm_medium=organic&utm_campaign=LATAM_TW_BLOG_MF_0321-retocss1">
Dibuja tu tablita de Sushi con CSS Grid 🍱
</a>
</li>
<li>
<a href="https://platzi.com/blog/css-grid-glassmorphism/">
Crea tu planeador semanal con CSS Grid, Flexbox y Glassmorphism 🗓
</a>
</li>
<li>
<a href="https://platzi.com/blog/periodico-simpsons-css/">
Crea el Periódico de los Simpsons con CSS 📰
</a>
</li>
<li>
<a href="https://platzi.com/blog/bem/">
Guía de BEM para CSS | Cohete Falcon 9 de SpaceX 🚀
</a>
</li>
<li>
<a href="https://platzi.com/blog/crea-un-comic-responsive-con-css-grid/?utm_source=twitter&utm_medium=organic&utm_campaign=LATAM_TW_BLOG_MF:0521_comicresponsive-css">
Crea un comic responsive con CSS Grid 📱
</a>
</li>
<li>
<a href="https://platzi.com/blog/muneca-rusa-animaciones-css/">
Muñecas Rusas con Animaciones en CSS 🇷🇺
</a>
</li>
<li>
<a href="https://platzi.com/blog/animacion-interactiva/">
Principios de la animación interactiva: crea las animaciones de un reproductor de música 🎧
</a>
</li>
<li>
<a href="https://platzi.com/blog/microinteracciones/">
Qué son las microinteracciones web: crea la animación de Like en Twitter 💓
</a>
</li>
<li>
<a href="https://platzi.com/blog/css-grid-cheat-sheet-contenedores/">
CSS Grid Cheat Sheet: Contenedores (Parte 1) 🤩
</a>
</li>
<li>
<a href="https://platzi.com/blog/css-grid-cheat-sheet-items/">
CSS Grid Cheat Sheet: Items (Parte 2) 🤩
</a>
</li>
<li>
<a href="https://platzi.com/blog/css-subgrid"/>
Crea el Menú de un Restaurante Coreano con CSS Subgrid 👨🏻🍳
</a>
</li>
<li>
<a href="https://platzi.com/blog/rediseno-instagram-api-animaciones/"/>
Rediseño de Instagram con Neomorfismo: consume su API para darle animaciones con CSS y JavaScript 🐷
</a>
</li>
<li>
<a href="https://platzi.com/blog/animaciones-css-javascript/"/>
Animaciones con CSS y JavaScript: crea un componente de feedback ⭐️
</a>
</li>
<li>
<a href="https://platzi.com/blog/dark-mode-css-javascript/"/>
Dark Mode con Animaciones en CSS y JavaScript 🌚
</a>
</li>
<li>
<a href="https://platzi.com/blog/dibujo-3d-css/"/>
¡Dibujos 3D con CSS! Entiende rotación y traslación (parte 1) 🎲
</a>
</li>
<li>
<a href="https://platzi.com/blog/minecraft-css/"/>
¡Dibujos 3D con CSS! Construye una casa al estilo Minecraft 🏠
</a>
</li>
<li>
<a href="https://platzi.com/blog/figma-css/"/>
Crea la página web de tu curriculum vitae (CV) con Figma y CSS 📝
</a>
</li>
<li>
<a href="https://platzi.com/blog/casa-inteligente-tailwindcss/"/>
Crea la aplicación de una casa inteligente con TailwindCSS (parte 1) 🏠
</a>
</li>
<li>
<a href="https://platzi.com/blog/animaciones-tailwindcss/"/>
Crea la aplicación de una casa inteligente con TailwindCSS (parte 2) 🏠
</a>
</li>
<li>
<a href="https://platzi.com/blog/a-que-hora-despertar/"/>
¿Cuál es la mejor hora para despertar sin agotamiento? (JavaScript) 😴
</a>
</li>
</ul>
</main>
<h2>Otros blog posts:</h2>
<section>
<ul>
<li>
<a href="https://medium.com/@teffcode/c%C3%B3mo-fue-todo-mi-proceso-creativo-para-mi-charla-en-platzi-conf-2022-si-javascript-fuera-una-app-71d520f91ede">
Cómo fue todo mi proceso creativo para mi charla en Platzi Conf 2022: “Si JavaScript fuera una app de citas” 🥰
</a>
</li>
<li>
<a href="https://medium.com/@teffcode/observador-de-intersecciones-en-javascript-67767a2b9b00">
Observador de Intersecciones en JavaScript 👀
</a>
</li>
<li>
<a href="https://medium.com/@teffcode/c%C3%B3mo-encapsular-nuestros-estilos-de-css-en-angular-bc486be3005f">
¿ Cómo encapsular nuestros estilos de CSS en Angular ? 📦
</a>
</li>
<li>
<a href="https://medium.com/@teffcode/c%C3%B3mo-hacer-animaciones-con-scroll-usando-react-js-a157755b2a1">
Cómo hacer animaciones con scroll usando React JS 🧗🏻♀️
</a>
</li>
</ul>
</section>
<footer>
<p>Pronto esta página será más agradable 😅</p>
</footer>
</body>
</html>