Skip to content

Latest commit

 

History

History
112 lines (67 loc) · 5.54 KB

File metadata and controls

112 lines (67 loc) · 5.54 KB

Este repositório é totalmente de cunho informativo!

📌 Descrição

Este repositório contém links esseciais para desenvolvedores utilizarem em seus projetos. Cada link é oficial e totalmente seguro!

📚 Para Começar

Primeiramente, para utilzar os elementos contidos em cada site, clique no link e abra o mesmo para ser redirecionado à sua respectiva página.

💻 Ícones Customizados

https://pictogrammers.github.io/@mdi/font/5.0.45/

💻 Copie o link e cole no head da sua página

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css">

Este site possui vários ícones customizados para se utilizar no layout de seu projeto.

Captura de tela 2023-08-29 211138

Para colocar qualquer ícone em seu projeto, deve-se primeiramente selecionar o ícone desejado e copiar o seu código que irá aparecer após a seleção, no campo "usage", que se encontra na parte superior do site:

usage

E para utilizar o ícone dentro de seu projeto, cole o código do mesmo que deverá ficar entre o texto referente.

texto

💻 Boostrap

https://getbootstrap.com/

Este é link é referente ao bootstrap, que é um framework front-end (html, css e JS) que contém vários elementos cruciais que irão colaborar para a criação do layout de seu projeto responsivo.

Captura de tela 2023-08-29 204905

Antes de utilizar qualquer elemento do framework, é preciso colocar o link do CSS e do Java Script em seu código.

Captura de tela 2023-08-29 205146

Após colocar os mesmos no código do seu projeto, basta começar a navegar pelo menu lateral esquerdo do site, a copiar o código referente ao elemento que queira.

Captura de tela 2023-08-29 213005

💻 Jquery

https://releases.jquery.com/

Este site é referente ao Jquery, que é um framework Java Script. Foi desenvolvido para simplificar os scripts executados/interpretados no navegador.

Captura de tela 2023-08-29 213237

Para começar a utilizar o framework, primeiramente copie e cole o link da bibioteca no código de seu projeto.

Selecione o tipo, "uncompressed, minified, slim ou slim minified"

Captura de tela 2023-08-29 214942

Após isso, copie o link e cole em seu código.

Captura de tela 2023-08-29 215228

💻 Sweet Alert

https://sweetalert2.github.io/#download

Cansado do alert() padrão do Java Script?

Captura de tela 2023-08-29 220058

Este site possui vários tipos de alertas customizados para utilizar na estilização de seu site.

Captura de tela 2023-08-29 215747

Para utilizar, primeiramente deve-se copiar o link do mesmo e colar em seu código.

Captura de tela 2023-08-29 220530

Após isso, basta começar a copiar o código dos alertas que queira e utilizar em seu projeto.

Captura de tela 2023-08-29 220730

Captura de tela 2023-08-29 220708

💻 DaFont

https://www.dafont.com/pt/

Este site possui várias fontes diversas para você utilizar no layout de seu projeto. Ele possui fontes de vários tipos e gostos, sem contar que é totalmente seguro.

Captura de tela 2023-08-30 194125

No menu superior do site, você pode selecionar as categorias das fontes que deseja.

Captura de tela 2023-08-30 195852

Após escolher a fonte que deseja, clique no botão "baixar" localizado na direita.

Captura de tela 2023-08-30 194600