Skip to content

Commit 0d7f294

Browse files
Merge pull request #532 from Lemoncode/#531-layout-responsive_sass
[#531]: Update responsive and sass examples
2 parents c2b5639 + 2284dab commit 0d7f294

File tree

77 files changed

+1485
-3600
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

77 files changed

+1485
-3600
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
# Tooling
2+
3+
El diseño responsivo puede significar dirigirse a 100 de dispositivos con diferentes resoluciones, ... y mochas veces no es facil tenerlo todos fisicamente.
4+
5+
Vamos a ver como hay herramientas que nos van a hacer la vida más facil...
6+
7+
## Chrome dev tools
8+
9+
Chrome (y otros navegadores nos permite simular varias resoluciones de dispositivos
10+
utilizando la barra de herramientas _toggle-device-toolbar_. (comprobar con el sitio de lemoncode tv).
11+
12+
![Chrome device toolbar](./content/chromedevicetoolbar.png)
13+
14+
**VERY IMPORTANT** Esto no es un emulador, sólo establecerá la resolución, pero el motor del navegador será el de tu escritorio, algunas funciones que pueden funcionar bajo esta simulación pueden no funcionar en el dispositivo real.
15+
16+
## Responsively
17+
18+
¿No sería bueno poder ver una amplia gama de resoluciones / dispositivos al mismo tiempo, ... Responsively es una herramienta interesante
19+
20+
https://responsively.app/
21+
22+
Puede instalarlo como una extensión del navegador o como una aplicación independiente.
23+
24+
# Browser stack
25+
26+
¿Y si pudiéramos probar nuestro código en los dispositivos reales? Podría haber un servicio que reflejara los resultados en nuestro navegador y mejor aún que habilitara alguna devtool relacionada con ese dispositivo, pues eso es lo que _BrowserStack_ ofrece:
27+
28+
https://www.browserstack.com/
Loading

01-layout/04-responsive-design/01-basic-transform/README.md

-103
This file was deleted.

01-layout/04-responsive-design/01-basic-transform/index.html

-63
This file was deleted.

0 commit comments

Comments
 (0)