//setTimeout(() => { //}, 14000)

Cómo convertir comics antiguos en hermosos apoya vasos

Publicado por Luisa en

Seguro que alguna vez has deseado una fuente para dominarlos a todos (tus iconos), una fuente modificable y escalable, pero ¿cómo crearla?

Hay muchos motivos por los que convertir los iconos de tu web en una sola fuente es una muy buena idea.

Una de ellas es que así conseguimos reducir drásticamente el peso, y por lo tanto acelerar el tiempo de carga de la web hasta un 14%.

Y por último, y quizás la razón más importante, por la sencillez a la hora de escalar los iconos, desde una pantalla móvil a una de 40 pulgadas sin perder resolución, ya que, en definitiva, estamos hablando de vectores y no imágenes rasterizadas como sería el caso de un png normal.

Блок: 1/4 | Кол-во символов: 984
Источник: https://www.40defiebre.com/como-convertir-iconos-fuente

Tipos de Vasos Sanguíneos

Existem três tipos principais de vasos que fazem a circulação do sangue: veias, artérias e capilares.

O sangue arterial, com oxigênio e nutrientes, é levado do coração para os tecidos do corpo e o sangue venoso, com gás carbônico e outros resíduos, vão do corpo para os pulmões.

As artérias possuem paredes mais elásticas do que as veias. Com isso, as artérias ajudam a controlar a pressão sanguínea.

As veias por sua vez, possuem válvulas para evitar que o sangue retorne. Já os capilares são vasos bem finos que possuem apenas a camada mais interna de células endoteliais.

Vasos SanguíneosEsquema da circulação pelos vasos sanguíneos

Artérias

As artérias formam uma rede de vasos ramificados que transportam o sangue arterial do coração para o corpo. O sangue é bombeado do ventrículo esquerdo e distribuído pela artéria principal do corpo: a aorta. Dela partem ramos arteriais, que se ramificam cada vez mais para irrigar todos os tecidos.

As artérias pulmonares agem de outro modo, levam o sangue venoso do coração (que sai do ventrículo direito) até os pulmões para ser oxigenado.

As artérias de grande calibre são chamadas elásticas, as de médio calibre são as musculares e as mais finas são as arteríolas.

Veias

As veias são vasos que conduzem o sangue venoso do corpo para o coração, através das aurículas ou átrios. As veias pulmonares são diferentes, elas recebem o sangue oxigenado dos pulmões e levam até o coração.

Existem veias profundas e superficiais, como o nome indica, as primeiras são encontradas em regiões mais profundas; enquanto as outras estão na superfície da pele, sendo facilmente visualizadas.

As veias mais finas são chamadas vênulas e fazem a comunicação entre vasos.

Capilares

Os capilares são vasos de diâmetro bem reduzido, que se ramificam formando uma ampla rede de túbulos. Eles fazem a comunicação dos outros vasos, além disso, são responsáveis pelas trocas gasosas.

Leia também:

Блок: 2/3 | Кол-во символов: 1928
Источник: https://www.todamateria.com.br/vasos-sanguineos/

¿Cómo empezar?

  • Lo primero que debes hacer es crear tus iconos en Illustrator, Sketch, Photoshop, o cualquier otro programa de edición vectorial.
  • Asegúrate de que todos los trazos están expandidos (en Illustrator -> Objeto > Expandir) y que no hay máscaras ni efectos. Debe ser un objeto trazado simple y limpio.
  • Exporta el icono como .SVG, un formato vectorial.

Iconvau nos permite descargarnos una plantilla para crear nuestros iconos aún más fácilmente.

Блок: 2/4 | Кол-во символов: 463
Источник: https://www.40defiebre.com/como-convertir-iconos-fuente

Características

Apresentam estrutura semelhante a partir de um certo diâmetro (calibre). No entanto, no mesmo vaso essas características variam ao longo do percurso, nem sempre é fácil distinguir um do outro. Eles se ramificam e vão se tornando mais finos, o que acontece de forma gradual.

Vasos SanguíneosEstrutura das veias e artérias

Os vasos são formados por três camadas, também chamadas de túnicas. São elas:

  • A camada interna ou túnica íntima é constituída de uma camada de células endoteliais e uma de tecido conjuntivo frouxo. É separada da camada seguinte (túnica média) por uma lâmina elástica interna, a qual possui pequenos buracos por onde passam nutrientes para as células das camadas mais profundas.
  • A camada intermediária ou túnica média é formada por células musculares lisas, entre as quais há fibras de colágeno e outras. Há uma lâmina elástica externa que separa essa camada da seguinte.
  • A camada mais externa ou túnica adventícia é composta basicamente de colágeno e fibras elásticas.

Os vasos sanguíneos de calibre maior (artérias e veias) têm mais camadas celulares e paredes mais espessas. Enquanto os vasos de menor calibre são bem finos (arteríolas, vênulas e capilares), geralmente com uma só camada.

As veias e artérias de grande calibre, possuem válvulas que evitam o refluxo sanguíneo. Elas auxiliam que o sangue retorne ao coração, o que é muito importante em regiões distantes como as pernas. Se essas válvulas não funcionam bem levam à insuficiência venosa, gerando as varizes.

Vasos muito finos formam uma rede de tubos bem ramificada, chamada vasa vasorum, que ajuda a nutrir a camada adventícia dos vasos de maior calibre.

Блок: 3/3 | Кол-во символов: 1823
Источник: https://www.todamateria.com.br/vasos-sanguineos/

¿Cómo convertirlos en fuente?

Hay muchas webs gratuitas que te permiten compilar tus iconos .SVG en un solo archivo con formato de fuente. Os recomendamos tres:

Iconvau

iconvault

Fontello

Fontello

Icomoon

icomoon

Básicamente las tres hacen lo mismo, te dejan subir tus propios iconos, o elegir entre un catálogo de iconos gratuitos propios, y descargarte el archivo con las fuentes y todos los materiales necesarios para instalarlas en tu web.

También puedes utilizar Glifo, un plugin de Photoshop que te permite hacer lo mismo que estas webs:

Блок: 3/4 | Кол-во символов: 521
Источник: https://www.40defiebre.com/como-convertir-iconos-fuente

Aplicaciones de los vasos comunicantes

Al menos desde la época de la Antigua Roma, se emplearon para salvar desniveles del terreno al canalizar agua con tuberías de plomo. El agua alcanzará el mismo nivel en los puntos elevados de la vaguada, al actuar como los vasos comunicantes, aunque la profundidad máxima a salvar dependía de la capacidad del tubo para resistir la presión.

En las ciudades se instalan los depósitos de agua potable en los lugares más elevados, para que las tuberías, puedan funcionar como vasos comunicantes, distribuyan el agua a las plantas más altas de los edificios con suficiente presión.

Las complejas fuentes del periodo barroco que adornaban jardines y ciudades, empleaban depósitos elevados y mediante tuberías como vasos comunicantes, impulsaban el agua con variados sistemas de surtidores. Las prensas hidráulicas se basan en este mismo principio y son muy utilizadas en diversos procesos industriales.

Las instalaciones municipales suelen aprovechar este principio de vasos comunicantes para suministrar agua a las viviendas

Esto sirve para vencer los distintos niveles de agua Las esclusas sirven para que las embarcaciones salven diferencias de nivel.

La embarcación entra en la esclusa. Esta se llena de agua para igualar el nivel con la siguiente esclusa. A partir de ese momento, la embarcación puede pasar a esta esclusa, y así sucesivamente.

Блок: 4/6 | Кол-во символов: 1385
Источник: https://www.ecured.cu/Vasos_comunicantes

¿Cómo utilizar la fuente?

Tan sencillo como subir la fuente por FTP a una carpeta de tu web (intuiremos que a /fonts) y añadir a tu archivo CSS el siguiente código, similar al de cualquier otra tipografía:

(Nota: debes cambiar la ruta y el nombre de los archivos por los tuyos)

¿Por qué hay diferentes formatos? Sencillamente por las incompatibilidades de los navegadores. Si os fijáis incluso se llama dos veces al mismo archivo .EOT, esto se debe a un problema con versiones antiguas de Internet Explorer. Por último se incluye un archivo .SVG, para dar soporte a iOS. Pero no te preocupes, el navegador del usuario tan solo descargará el primer formato compatible, por lo que incluir el resto no supone un exceso de peso.

Lo siguiente es añadir las clases para poder llamar individualmente a los iconos. En el archivo CSS incluiremos algo similar a esto:

Tranquilo, el archivo generado con cualquier compilador de los que hemos visto antes vendrá con un css en el que se incluyen todos estos códigos, tan solo tienes que copiarlos al CSS de tu web.

(Recuerda incluir un espacio después de cerrar la etiqueta)

Puedes usar la etiqueta «span», o bien la etiqueta «i» o «em» ya que son etiquetas inline y no implican un salto de linea.

Por último, en caso de que quieras modificar un icono en concreto, usa CSS como harías con cualquier fuente normal:

Estos son los colores corporativos de las principales redes sociales por si quieres usarlos en sus iconos correspondientes (via: gomakethings):

  • Twitter: #41b7d8
  • Facebook: #3b5997
  • Google: #d64937
  • LinkedIn: #0073b2
  • Vimeo: #388fc5
  • Flickr: #ff0084
  • Pinterest: #cb2027
  • Skype: #00aff0
  • RSS: #e0812a

¡Y ya lo tienes! Ahora podrás modificar tus iconos con mucha más facilidad que antes y cambiar su tamaño sin perder resolución. Todo son ventajas.

Блок: 4/4 | Кол-во символов: 2044
Источник: https://www.40defiebre.com/como-convertir-iconos-fuente

Кол-во блоков: 11 | Общее кол-во символов: 11013
Количество использованных доноров: 3
Информация по каждому донору:

  1. https://www.todamateria.com.br/vasos-sanguineos/: использовано 2 блоков из 3, кол-во символов 3751 (34%)
  2. https://www.ecured.cu/Vasos_comunicantes: использовано 3 блоков из 6, кол-во символов 3250 (30%)
  3. https://www.40defiebre.com/como-convertir-iconos-fuente: использовано 4 блоков из 4, кол-во символов 4012 (36%)

Categorías: Artículos

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.