hand Inicio
hand JSBloqs
hand GutenBloqs
Qué?
nochedía

DESARROLLO WEB con
REACT y WORDPRESS

Apúntate a la newsletter (escribo algo de tanto en cuanto)

Escoger la mejor fuente para programar (visual studio code)

300 palabras
1 minutos
October 3, 2020
blogvscodecss

Programar requiere un entorno físico concreto, y un entorno digital concreto. Como en toda tarea, necesitas de cierto equilibrio y orden para poder trabajar a gusto

Esto, si nos paramos a hablar del posiblemente mejor editor del momento, el VSCODE, se traduce sobre todo a elegir el tema y la fuente

Tampoco es que haga falta, lo que ya te viene por defecto ya nos sirve, pero nunca está de más explorar otras opciones

Qué nos ofrece por defecto vscode? El código de aquí abajo

js
// Controls the font family.
"editor.fontFamily": "Consolas, 'Courier New', monospace",

Pero esto es para Windows donde Consolas está desde siempre

Para los otros sistemas operativos lo tienes en el código de aquí abajo (stackoverflow relacionado)

js
const DEFAULT_WINDOWS_FONT_FAMILY = "Consolas, 'Courier New', monospace"
const DEFAULT_MAC_FONT_FAMILY = "Menlo, Monaco, 'Courier New', monospace"
const DEFAULT_LINUX_FONT_FAMILY = "'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback'"

Y a partir de aquí podemos utilizar la fuente que nos dé la gana, así que voy a hacer un repaso de los recursos que he encontrado por la web que nos ayudan a seleccionar la mejor fuente (para nosotros)

22 Coding Fonts

La mejor manera de ver el aspecto que tiene una fuente es coger algún código estándar y formatearlo con distintas fuentes

Pues esto es precisamente lo que he hecho en coding-fonts, un código JavaScript formateado con 22 fuentes habituales de Google Fonts, para poder verlo todo en una página de la forma más cómoda posible

Y si el interés es más por ver la fuente en un contexto de diseño web, puedes echarle un vistazo a change-fonts, otra herramienta que me he hecho para visualizar un diseño base con todas las fuentes de Google

Programming Fonts

Una página fantástica, programmingfonts.org, donde podemos provar una selección de fuentes con un ejemplo de código y una estética de editor de código

Free Programming Fonts

Otra recopilación de fuentes que podemos utilizar para programar, mostradas en una única página para que lo veamos en un vistazo, la ienes en webfx

Coding horror

Tienes lo mismo con Coding horror, una recopilatorio con código y la fuente de ejemplo

Reseñas

No hay más recursos en formato de herramienta o lista como las anteriores (si sabes de alguna, dímelo!), pero lo que sí hay son reseñas de páginas con reputación más que contrastada

Qué tal la entrada?

👌 Bien 🙌🙌
👍 Bien, pero algunas cosas podrían explicarse mejor 😬
🤷‍♂️ Da por sentadas demasiadas cosas 😒
🤷‍♂️ A ver, hay poca chicha 😬
🤷‍♂️ Los ejemplos no son muy claros 🙇‍♂️
🤷‍♂️ No se entiende, está mal escrito 👎
✍️ Hay errores, revísalo en cuanto puedas 🙏
Enviar Feedback ✍️
El texto está en blanco!
Gracias por enviarme tu opinión
👍

Si quieres explorar más cursos y más entradas en el blog, los tienes todos en la página principal, y si el contenido te ha ayudado si lo compartes me ayudas a dar difusión 👍

Privacidad
by kuworking.com
[ 2020 >> kuworking ]