web development resources
1.0.0
Uma lista de ferramentas e recursos de front-end de código aberto para designers e desenvolvedores da web.
| Nome | Descrição |
|---|---|
| Padrões W3C | Os padrões W3C definem uma plataforma da Web aberta para o desenvolvimento de aplicativos que possui o potencial sem precedentes para permitir que os desenvolvedores construam experiências interativas ricas, alimentadas por vastos lojas de dados, disponíveis em qualquer dispositivo. |
| CSSDB | Uma lista abrangente dos recursos do CSS e suas posições no processo de se tornarem padrões da Web implementados. |
| MDN Web Docs | Recursos para desenvolvedores, por desenvolvedores. |
| Google Web Developers | Crie a próxima geração de experiências na web. |
| W3schools | Tutoriais da Web online. |
| CSS-Tricks | Artigos diários sobre CSS, HTML, JavaScript e todas as coisas relacionadas ao design e desenvolvimento da web. |
| Revista Smashing | Para designers da web e desenvolvedores. |
| Webglossary.info | Glossário extenso dos termos de desenvolvimento e design da Web. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| HTML5 Boilerplate | O modelo de front-end mais popular da Web. |
| Bootstrap | O Bootstrap é a estrutura HTML, CSS e JS mais popular para desenvolver primeiros projetos responsivos e móveis na Web. |
| Fundação | A estrutura de front-end mais avançada do front-end do mundo. |
| - | - |
| Base | Uma estrutura HTML/CSS sólida e sólida. |
| Basscss | Kit de ferramentas CSS de baixo nível. |
| Bulma | Uma estrutura CSS moderna baseada no FlexBox. |
| Estrutura concisa | Uma estrutura de front-end leve que fornece uma série de ótimos recursos sem o inchaço. |
| Cardeal | O cardeal é uma estrutura CSS modular, "Mobile-primeiro", construída com desempenho e escalabilidade em mente. |
| CSS furtivo | Um micro-quadro de visão de futuro, com visão de futuro. |
| Suco | Uma estrutura Flexbox CSS. |
| Material Design Lite | Uma implementação de componentes de design de materiais em baunilha CSS, JS e HTML |
| Materializar | Uma estrutura moderna de front-end responsiva baseada no design de materiais. |
| Fóton | A maneira mais rápida de criar belos aplicativos de elétrons usando HTML e CSS simples. |
| Primer CSS | A equipe do Github Design Systems constrói e mantém o primer. |
| Puro | Um conjunto de módulos CSS pequenos e responsivos que você pode usar em todos os projetos da web. |
| Responsivo | Uma estrutura poderosa, acessível e amigável para desenvolver para a construção de sites responsivos. |
| Ui semântica | Uma estrutura de desenvolvimento que ajuda a criar layouts bonitos e responsivos usando HTML amigável ao ser humano. |
| Skel | Uma estrutura leve e responsiva para o www. |
| Esqueleto | Um caldeira simples e morto. |
| Tailwind CSS | Uma estrutura CSS da Utility-Primeira para construir rapidamente designs personalizados. |
| Uikit | Uma estrutura de front-end leve e modular para o desenvolvimento de interfaces da Web rápidas e poderosas. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Onsen Ui | A maneira mais bonita e eficiente de desenvolver aplicativos híbridos e móveis HTML5. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Formstone | Formstone é uma coleção de componentes do front -end. |
| Componentes da interface do usuário da LE Wagon | - |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Bootstrap Starter | Temas e modelos de iniciantes gratuitos de bootstrap para iniciar seu projeto. |
| HTML5 Tema em branco WordPress | O melhor tema HTML5 WordPress Boilerplate, observado por Adobe, Smashing Mag, .Net Mag. |
| HTML5 UP! | Modelos de site HTML5 e CSS3 responsivos. |
| Inicie o bootstrap | Uma biblioteca de temas e modelos gratuitos para baixar o Bootstrap. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Haml | Linguagem de marcação de abstração HTML |
| Markdown | Uma ferramenta de conversão de texto para HTML para escritores da Web. |
| Magro | Um motor de modelos leves. |
| Jade | Motor do modelo do nó. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| MENOS | Nó CSS Pré-processador |
| SCSS / SASS | A linguagem de extensão CSS mais madura, estável e poderosa de grau profissional do mundo. |
| Caneta | Pré-processador CSS expressivo, dinâmico, robusto e rico em recursos. |
| POSTCSS | Uma ferramenta para transformar CSS com JavaScript. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| CoffeeScript | Uma pequena linguagem que compila em JavaScript. |
| LiveScript | Uma linguagem que compila com JavaScript. |
| TypeScript | JavaScript que escala. |
| Babel | O compilador para escrever JavaScript da próxima geração. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Bourbon | Uma biblioteca simples e leve de mixin para SASS. |
| Bússola | Uma estrutura de criação de CSS de código aberto. |
| Susy | Motor de layout personalizado para SASS. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| npm | O gerenciador de pacotes para JavaScript. |
| - | - |
| BrowSerify | O lado do navegador require() a maneira do nó |
| Grunhido | O corredor de tarefas JavaScript |
| Gole | O sistema de construção de streaming |
| Parcela | Blazing Fast, Zero Configuration Web Application Potingler. |
| Rollup | Módulo ES de próxima geração. |
| Webpack | Um empurrador para JavaScript e amigos. |
| - | - |
| Eslint | Encontre e corrija os problemas em seu código JavaScript. |
| Mais bonito | Mais bonito é um formatador de código opinativo. |
| Stylelint | Um linhador poderoso e moderno que ajuda a evitar erros e aplicar convenções em seus estilos. |
| commitlint | ? Mensagens de comprometimento de fiapos |
| Linkinator | Um rastreador de site super simples e verificador de link quebrado. |
| - | - |
| BrowSerSync | Mantenha vários navegadores e dispositivos sincronizados ao criar sites. |
| http-server | Um servidor HTTP simples e de configuração zero e zero. |
| servir | Listagem de porção de arquivos estática e diretório. |
| Server.js | Servidor simples e poderoso para node.js |
| - | - |
| Chokidar | Um invólucro eficiente em torno do node.js fs.watch / fs.watchfile / fsevents. |
| Nodemon | Monitore quaisquer alterações no seu aplicativo Node.js e reinicie automaticamente o servidor - perfeito para desenvolvimento. |
| OnChange | Use padrões do GLOB para assistir aos conjuntos de arquivos e executar um comando quando algo for adicionado, alterado ou excluído. |
| - | - |
| Simultaneamente | Executar comandos simultaneamente. Assim como npm run watch-js & npm run watch-less mas melhor. |
| NPM-RUN-ALL | Uma ferramenta CLI para executar vários scripts npm em paralelo ou sequencial. |
| Concha paralela | Um módulo NPM super simples para executar comandos de shell em paralelo. |
| - | - |
| Concat | Concatenar vários arquivos. |
| cpy-cli | Copie os arquivos para o nó. |
| del | Exclua arquivos e diretórios usando globs. |
| expressar | Estrutura da web rápida, não opinionada e minimalista para o nó. |
| nó assassino | Ele permite que você compile arquivos .SCSS em CSS em velocidade incrível e automaticamente por meio de um middleware de conexão. |
| NPM-CHECK-UPDATES | Atualize suas dependências do pacote.json para as versões mais recentes, ignorando versões especificadas. |
| Purgecss | Purgecss é uma ferramenta para remover o CSS não utilizado. |
| Rimraf | O comando unix rm -rf para nó. |
| - | - |
| Bower [ depreciado ] | Um gerenciador de pacotes para a web. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| jQuery | Escreva menos, faça mais, biblioteca JavaScript. |
| Modernizr | A Modernizr informa o que HTML, CSS e JavaScript apresentam que o navegador do usuário tem a oferecer. |
| - | - |
| Bliss.js | Deseja usar JS de baunilha, mas achar APIs nativas um pouco pesadas? Bliss é para você. |
| Guarda -chuva JS | ☔ Biblioteca leve JavaScript para manipulação e eventos DOM. |
| ZEPTO JS | O Zepto é uma biblioteca JavaScript minimalista para navegadores modernos com uma API amplamente compatível com jQuery. |
| Cash JS | Uma alternativa absurdamente pequena de jQuery para navegadores modernos. |
| Chibi JS | Uma minúscula micro-biblioteca JavaScript |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Anchor.js | Adicione links de âncora profunda aos seus documentos. |
| Anime.js | Anime.js (/ˈæn.ə.meɪ/) é uma biblioteca de animação JavaScript leve com uma API simples e poderosa. Funciona com os atributos CSS Properties, SVG, DOM e JavaScript. |
| Chart.js | Gráficos simples, limpos e envolventes para designers e desenvolvedores. |
| Chartist.js | Gráficos simples e responsivos. |
| (a) Darkmode.js (b) interruptor do modo escuro | ? Adicione um modo escuro / modo noturno ao seu site em alguns segundos |
| Velocity.js | Animação JavaScript acelerada. |
| Favico.js | Faça uso do seu favicon com crachás, imagens ou vídeos. |
| FluidVids.js | Módulo de vídeos de largura de fluido (Responsivo), 1kb, players personalizados, elementos dinâmicos/suporte XHR. |
| Destaque.js | Destaque.js é um marcador de sintaxe escrito em JavaScript. |
| Headroom.js | Esconda seu cabeçalho até precisar. |
| Holder.js | Espance dos espaços reservados para a imagem do cliente. |
| lazysizes.js | Alto desempenho e carregador preguiçoso para imagens (responsivo e normal), iframes e muito mais. |
| Littlefoot.js | Littlefoot é uma biblioteca JavaScript leve que cria notas de rodapé excepcionais. |
| Lunr.js | Pesquisa simples de texto completo no seu navegador. |
| NProgress.js | Uma barra de progresso nanoscópica. |
| PACE.JS | Uma barra de progresso automática da página da web. |
| Prism.js | O Prism é uma biblioteca de destaque de sintaxe leve, robusta e elegante. |
| react-burger-menu | Um componente de reação da barra lateral off-canvas com uma coleção de efeitos e estilos usando as transições CSS e as animações do SVG Path. |
| NAV responsivo | Plug -in de navegação responsiva sem dependências da biblioteca e com suporte rápido na tela de toque. |
| Slideout.js | Um menu de navegação slide -touch para seus aplicativos da web móvel. |
| Smartcrop.js | Corte de imagens conscientes do conteúdo. |
| Tabella.js | Tabela responsiva. |
| Tether | Uma biblioteca JavaScript para criar com eficiência um elemento absolutamente posicionado, fique ao lado de outro elemento na página. |
| Tippy.js | Uma biblioteca leve e de tira de ferramentas de Javascript de baunilha. |
| Tooltip.js | Tooltip.js é uma biblioteca JavaScript e CSS para criar dicas de ferramentas estiláveis. |
| Turbolinks | O Turbolinks® torna mais rápido a navegação no seu aplicativo da web. |
| Typenet | Um pré-processador tipográfico para o seu HTML, que usa zero JavaScript do lado do cliente. |
| Zeroclipboard.js | Uma maneira fácil de copiar o texto para a área de transferência. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Formstone - fundo | Um plug-in jQuery para base de imagem e vídeo de quadro completo. |
| Bigfoot.js | Um plugin jQuery para capacitar notas de rodapé. |
| bigslide.js | Um minúsculo plug -in JQuery de navegação em painel de slides com grandes sonhos. |
| Fitvids.js | Um plugin jQuery leve e fácil de usar para incorporação de vídeo de largura de fluido. |
| FullPage.js | Seções de rolagem de uma página Plugin do site. |
| Carga preguiçosa | A carga preguiçosa está atrasando o carregamento de imagens em longas páginas da web. |
| Lity | Um plug-in LightBox Ultra-Lightweight, acessível e responsivo, que suporta imagens, iframes e conteúdo embutido pronta para a caixa. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| TERSER | ? Javascript Parser, Mangler e Compressor Toolkit para ES6+ |
| UglifyJs | O UglifyJS é um analisador de JavaScript, minificador, compressor e beleza de ferramentas. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Animate.css | Uma biblioteca de navegador de animações CSS. |
| Cssgram | Uma pequena biblioteca (<1kb gzipped!) Para recriar filtros do Instagram com filtros CSS e modos de mistura. |
| CSS Filters Playground | Brinque com os novos efeitos do filtro CSS3. |
| EQCSS | Uma especificação para uma sintaxe de consulta de elementos no estilo de contêiner no CSS. |
| Grade flexível | Um sistema de grade baseado na propriedade Flex Display. |
Dominando o :nth-child | Classes pseudo-CSS3 e: Nth-Child Ranges. |
| Eric Meyer CSS Reset | Eric Meyer CSS Reset |
| Graaf | Sobreposições de grade CSS puras para projetar. |
| Hambúrgueres | Hambúrgueres saborosos e animados com CSS. |
| Mueller Grid System | Um sistema de grade modular para layouts responsivos/adaptativos e não responsivos, com base no Compass. |
| Normalize.css | Uma alternativa moderna pronta para HTML5 às redefinições de CSS. |
| RTLCSS | Framework para converter folhas de estilo em cascata da esquerda para a direita (LTR) para a direita para a esquerda (RTL). |
| Brinde | Grade CSS insana e sem sentido. |
| CSSWand | É realmente apenas um punhado de biblioteca de animação simples e pura baseada em CSS |
| Water.css | coleção de estilos para fazer sites simples |
| Raisin CSS | Uma biblioteca CSS apenas CSS. |
| Spectrum CSS | Implementação padrão de CSS da linguagem de design do espectro para interna e terceira partido |
| Box-shadows.css | Mianly baseado em sombras de caixa |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Como trabalhar com ícones SVG | - |
| Alinhe os ícones SVG para enviar mensagens de texto e dizer adeus aos ícones de fontes | - |
| - | - |
| Ícones de bootstrap | Os ícones de bootstrap são SVGs, para que eles escalem de maneira rápida e fácil e possam ser estilizados com CSS. Enquanto eles são construídos para o Bootstrap, eles funcionarão em qualquer projeto. |
| Ícones de licença do Creative Commons | Faça o download dos ícones de licença SVG, EPS e PNG Creative Commons para usar em seu site. |
| FLATICON | O maior banco de dados de ícones gratuitos disponíveis nos formatos PNG, SVG, EPS, PSD e Base 64. |
| Pena | Feather é uma coleção de ícones de código aberto simplesmente bonitos. |
| Fonte incrível | O icônico kit de ferramentas de fonte e CSS. |
| Fonte-Awome-SVG-PNG | Fonte Split impressionante em arquivos individuais SVG e PNG de tamanhos diferentes, juntamente com o gerador baseado em Node.js. |
| Fontforge | Um editor de fontes de código aberto e gratuito trazido a você por uma comunidade de colegas amantes do tipo. |
| Fontello | Uma maneira fácil de criar uma fonte de ícone personalizada para o seu site. Selecione imagens em nossa grande coleção e faça um pacote webfont com um clique. |
| ICOMOON | O ICOMOON fornece um pacote de ícones de vetor, juntamente com um aplicativo HTML5 gratuito para fazer fontes de ícone personalizadas ou sprites SVG. Navegue entre milhares de ícones perfeitos de pixel ou importe seus próprios vetores. |
| Ionicons | A fonte do ícone premium para estrutura iônica. |
| Ícones de design de material | Veja todos os ícones de design de material e mais da comunidade. |
| A grande lista de ícones planos e fontes de ícones da CSS-Triks | Existem muitos desses resumos. Este é meu. |
| Projeto substantivo - ícones para tudo | Quase um milhão de ícones selecionados, criados por uma comunidade global. |
| Octicons | Uma fonte de ícone escalável artesanal com <3 por github. |
| Ícones perfeitos | A maneira mais fácil de criar ícones sociais independentes da resolução. |
| Ícones simples | Ícones SVG gratuitos para marcas populares. |
| svg-icon | Uma coleção final de ícones SVG realizada corretamente. |
| Ícones SVG | Pronto para usar ícones SVG para a Web. |
| Ícones do vetor Roundup | Uma comparação lado a lado entre fontes de ícones populares. |
| Nós amamos fontes de ícone | Um serviço de hospedagem de ícones de código aberto gratuito e de código aberto para fins de teste. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Tinyjpg | Compressão Smart Webp, JPEG e PNG |
| Compressa PNG | - |
| Compressa JPEG | - |
| Comprimir gif | - |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| ChartSpere | Faça gráficos em segundos. |
| FormSPREE | Formulários HTML funcionais para locais estáticos. |
| GridSpree | Exiba os dados da sua planilha, no entanto, você deseja corretamente no seu site estático com a planilha do Google. |
| Jotform | Construtor de formulários |
| WTF, formulários? | O formulário HTML mais amigável controla com um pouco de magia do CSS. Projetado para o IE9+, bem como o mais recente Chrome, Safari e Firefox. |
| Wufoo | Construtor de formulários on -line com banco de dados de armazenamento em nuvem. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Resumo da API | Um conjunto de APIs simples, porém poderosas, para desenvolvedores, como validação de email, gerador de avatar do usuário, compactação de imagem e muito mais. Todas as APIs têm uma versão gratuita. |
| Autodraw | Desenho rápido para todos. O Autodraw combina o aprendizado de máquina com desenhos de artistas talentosos para ajudá -lo a desenhar as coisas rapidamente. |
| Tradutor binário | Tradutor de código binário gratuito, traduz o código binário em texto. |
| Base16 | Uma arquitetura para criar temas com base em destaque cuidadosamente escolhido, usando uma base de dezesseis cores. |
| Bootstrap 5 folha de dicas | Uma lista interativa de bootstrap 5 classes, variáveis e mixins. |
| Colors.css | Melhores cores padrão para a web. Uma coleção de classes de pele para prototipagem mais rápida e sites mais agradáveis. |
| Códigos de cores hexáticos de cor | A cor-hex fornece informações sobre cores, incluindo modelos de cores (RGB, HSL, HSV e CMYK), cores triádicas, cores monocromáticas e cores análogas calculadas na página colorida. |
| Caça a cores | Coleção com curadoria de cores bonitas, atualizadas diariamente. |
| Gerador CSS3 | Clássicos CSS3 |
| Cssmatic | As ferramentas CSS definitivas para designers da web. |
| Draw.io | Draw.io é um software de diagrama on -line gratuito para fabricar fluxogramas, diagramas de processo, gráficos de organização, UML, ER e diagramas de rede. |
| Cores planas | Navegue com mais de 11.000 cores planas em mais de 2.300 paletas de cores planas. Copie -os ou faça o download do arquivo .ACO para uso no Photoshop. |
| Ferramentas de Desenvolvimento de Frontend do Dogma Frontend | Ferramentas com curadoria baseada na Web para desenvolvedores e proprietários de sites, para análise e exploração. |
| Antecedentes de gradiente | Como uma lista com curadoria dos melhores sites de gradiente em toda a Internet, os fundos de gradiente permitem explorar, tente escolher entre centenas de belas paletas de cores combinadas. |
| Assistente de estilo: APIs do Google Maps | Personalize cores, estradas, etiquetas e muito mais. Em seguida, use seu estilo personalizado em seu projeto de plataforma do Google Maps. |
| Mapas Snazzy | Um repositório de estilos diferentes para o Google Maps destinado a designers e desenvolvedores da web. |
| Solarizado - cores de precisão para máquinas e pessoas | Solarized é uma paleta de dezesseis cores (oito monótones, oito cores de destaque) projetado para uso com aplicações de terminal e GUI. |
| Gerador de hash sri | O uso do SRI é recomendado como uma melhor prática, sempre que as bibliotecas são carregadas de uma fonte de terceiros. |
| Superdomain | Verifique a disponibilidade do domínio. |
| Crie tabelas de látex online | Crie rapidamente tabelas de látex complexas com o gerador on -line - as células que a fusão são suportadas juntamente com a edição de bordas. |
| Uigradiente | Uma coleção escolhida a dedo de belos gradientes de cores para designers e desenvolvedores. |
| Desminificar | Ferramenta on -line gratuita para desminificar (descompactar, Deobfuscate) JavaScript, CSS e código HTML, tornando -o legível e bonito. |
| Ferramentas de código da Web | CSS3, HTML5, microdata, gráfico aberto e geradores de cartões do Twitter |
| Qual é a minha resolução de tela | Uma ferramenta on -line para verificar a resolução da tela de qualquer dispositivo de exibição. |
| WebGradientes | Coleção gratuita de gradientes de fundo que você pode usar como cenários de conteúdo em qualquer parte do seu site. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Bootstrapcdn | O CDN recomendado para Bootstrap, Font Awesome e Bootswatch. |
| CDNJS | O CDN de código aberto gratuito e aberto para bibliotecas relacionadas à Web para acelerar seu site! |
| Coralcdn | Uma rede de distribuição de conteúdo gratuita e aberta baseada em tecnologias ponto a ponto, composta por uma rede mundial de proxies e servidores de nomes da Web. |
| Fontcdn | Uma ferramenta de pesquisa para fontes da Web do Google. |
| Google Fontes | Centenas de fontes gratuitas e de código aberto otimizadas para a web. |
| Bibliotecas hospedadas do Google | Uma rede de distribuição de conteúdo estável, confiável, de alta velocidade e disponível para as bibliotecas JavaScript de código aberto mais populares. |
| JSDelivr | Um CDN super-rápido gratuito para desenvolvedores e webmasters. |
| Microsoft Ajax CDN | Bibliotecas populares de JavaScript de terceiros, como o jQuery, e permitem adicioná -las facilmente aos seus aplicativos da Web. |
| CDN de software de código aberto | Software de código aberto CDN por maxcdn. |
| Yandex CDN | O serviço hospeda bibliotecas JavaScript que fornece aos desenvolvedores do site acesso à entrega de conteúdo do Yandex (CDN) e pode lidar com uma variedade de JavaScript-frameworks de código aberto e bibliotecas dos servidores Yandex. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Posso usar | Verifique a compatibilidade do navegador das propriedades CSS3 e HTML5. |
| Devo prefixar | Basta mostrar quais prefixos são necessários para uma propriedade CSS mais recente. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Sou responsivo? | Veja como seu site fica no desktop, laptop, iPad e iPhone. |
| Browserstack | Use o testador de dispositivos do navegador e faça o download das imagens do Internet Explorer para sua VM. |
| DevicePonsive | Mostre uma visualização rápida das diferentes resoluções de dispositivos do seu site, como MacBook, iPad ou iPhone. Compartilhe esta visualização com seu cliente. |
| Aplicativo responsável | Um Devtool obrigatório para desenvolvedores da Web para um desenvolvimento da Web mais rápido e responsivo. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Google PageSpeed Tools | As ferramentas PagesPeed analisam e otimizam o seu site seguindo as melhores práticas da web. |
| WebPageTest | Execute um teste de velocidade gratuito de vários locais em todo o mundo usando navegadores reais e em velocidades de conexão do consumidor reais. |
| Teste de velocidade do site | Use este teste de velocidade gratuito do site para analisar a velocidade de carga de seus sites e aprenda a torná -los mais rápidos. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Jsonplaceholder | API de repouso online falsa para teste e prototipagem |
| Lorem ipsum | Lorem ipsum é simplesmente um texto fictício da indústria de impressão e composição. |
| Lorempixel | Imagens de espaço reservado para todos os casos. |
| Placehold.it | Um serviço de espaço reservado para imagem rápido e simples. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Placeit | O melhor para abandonar seu projeto em qualquer contexto de dispositivo. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Gerador de favicon | Gerador Favicon Online. Sério. |
| Construa meu site preso | Ferramenta on -line para criar um ladrilho de tela inicial personalizado para o seu site em menos de um minuto. |
| Aprimoramentos de sites fixados no Windows / criação de azulejos personalizados para sites IE11 | Configurando ladrilhos e notificações vivas para Windows |
| Configurando aplicativos da Web para Apple | Informações conceituais e técnicas sobre a criação de conteúdo da Web eficaz para Safari e WebKit usando HTML e CSS. |
| Aplicativos da Web instaláveis com o aplicativo da web manifestado no Chrome for Android / Manifest Format | Use o aplicativo da web manifesto para controlar como o seu aplicativo da web é lançado. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Codemyui | Os trechos de código escolhidos a mão que você pode usar em seus projetos da web. Encontre inspiração na web com amostras de código. |
| Codyhouse | Uma biblioteca gratuita de HTML, CSS, JS Nuggets. |
| Codrops | O Codrops é um blog Web Design and Development que publica artigos e tutoriais sobre as mais recentes tendências, técnicas e novas possibilidades da web. |
| Movendo -se para HTTPS | Migre de HTTP para HTTPS com facilidade. |
| Navnav | Uma tonelada de exemplos de navegação responsiva CSS, jQuery e JavaScript, demos e tutoriais de toda a web. |
| Artigos.io - o melhor recurso para tamanhos de papel | Um recurso simples e gratuito para encontrar os padrões internacionais para tamanhos de papel em métrica e imperial. |
| PDF Candy | Edite arquivos PDF com PDF Candy - um editor de PDF online gratuito. Converta PDF em Word, PDF em JPG, Merge PDF, Split PDF, Compressa PDF, etc. |
| Escocês | Um blog de desenvolvimento da web discutindo tudo o que é programação, desenvolvimento, web e vida. |
| Revista Smashing | Uma revista on -line para designers e desenvolvedores profissionais, com foco em técnicas úteis, práticas recomendadas e recursos valiosos. |
| Tutoriais da web on -line w3schools | O maior site de desenvolvedores da Web do mundo. |
↥ de volta ao topo
| Nome |
|---|
| Mozilla Web Docs |
| CSS Dev Docs |
| Índice de Propriedades do CSS |
| Referência CSS |
| Referência CSS - Codrops |
| Layout : |
| Flexbox - truques CSS |
| CSS Grid - truques CSS |
| CSS Flexbox Playground by Gabi |
| Flexbox Froggy |
| CSS Grid Garden |
| Animações CSS : |
| Usando a CSS Animation - MDN |
| Animação - truques CSS |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Fontes seguras do navegador | Fontes comuns para todas as versões dos equivalentes do Windows e Mac. |
| Pilha de fontes CSS | Uma coleção completa de pilhas de fonte CSS seguras da Web. |
| Propriedade do esboço do CSS - esboço: nenhum e esboço: 0 | A propriedade de esboço do CSS é um requisito de acessibilidade, mas muitas vezes abusado por muitos designers da web, por que eles fazem isso? |
| Referência de seletor CSS | No CSS, os seletores são padrões usados para selecionar os elementos que você deseja estilizar. |
| Especificidade do CSS | Especificidade do CSS. A especificidade do CSS atribui uma representação numérica de um seletor para comparar, caso haja conflitos de estilo. O pôster da web exibe a especificidade do CSS com ícones do filme 'The Shining' de Stanley Kubrick. |
| Grade por exemplo | Tudo o que você precisa para aprender o layout da grade CSS. |
| Jardim da grade | Um jogo para aprender grade CSS. |
| Griddy | Aprenda a grade CSS! |
| Links de tag hash que não tocam a janela do navegador | CSS-TRICKS Post de Chris Coyier. |
| Aprenda Grid CSS | Um guia para aprender grade CSS. |
| Aprenda Grid CSS | Muitos recursos fantásticos por aí por Jen Simmons. |
| Aprenda o layout CSS | Este site ensina os fundamentos do CSS que são usados no layout de qualquer site. |
| Substituindo a cor de seleção de texto padrão com CSS | CSS-TRICKS Post de Chris Coyier. |
| Link mais inteligente sublinha para cada site | Postado por Adam Schwartz. |
| Qual é a cor de fundo do navegador-padrão ao selecionar texto? | Resposta no transbordamento da pilha |
| Por que mudei de menos para Sass? | Postado por Hugo Giraudel. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Pôsteres do escritório em casa | Repositório de pôsteres do escritório em casa, cobrindo diferentes tópicos - pesquisa, necessidades de acesso, acessibilidade, design. |
↥ de volta ao topo
| Nome |
|---|
| Admire a web |
| Awwwards |
| Behance |
| Melhor galeria de sites |
| Codepen |
| Galeria CSS |
| Vencedor do CSS |
| Design Fridge |
| DeviantArt |
| Driblar |
| Prêmios favoritos do site (FWA) |
| Goodui |
| Google Design |
| Inspiração HTML |
| Inspiração para efeitos da interface do usuário de pesquisa |
| Uma página amor |
| Bom que eu gosto |
| Siiimple |
| Os melhores designs |
| Sites muito bons |
| Inspirações de design da web |
| WebDesign - Pesquisa do Tumblr |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Explorando escalas de tipo responsivo | Encontrando o seu ritmo (apropriado, multi-dispositivo e vertical) |
| Par de fonte | O par de fontes ajuda os designers a combinar fontes do Google. Lindas combinações e pares do Google Fontes. |
| Gerar escalas de tipo com Stackswell | Economize tempo com o lançamento mais recente do Stackswell e crie sistemas de tipo em segundos! |
| Sistema de design de material | Use a tipografia para apresentar seu design e conteúdo da maneira mais clara e eficiente possível. |
| Escala modular | Calcule, visualize e aprenda sobre escalas modulares. |
| Digite conexão | O tipo de conexão é um jogo que ajuda a aprender a emparelhar as letra. |
| Tipografia para desenvolvedores | Isso se destina a um guia prático para os desenvolvedores aprenderem a tipografia na web. |
| Typewolf | O que está tendendo em tipo |
| Escala de tipo - uma calculadora visual | Visualize e escolha a escala do tipo certo para o seu projeto. Experimente o tamanho da fonte, a escala e os diferentes webfonts. |
| WhatFont - Extensão Chrome | A maneira mais fácil de identificar fontes nas páginas da web. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Schema.org | Uma atividade comunitária colaborativa com a missão de criar, manter e promover esquemas para dados estruturados na Internet, em páginas da web, em mensagens de email e além. |
| Microformatos | A maneira mais simples de marcar informações estruturadas no HTML. |
| Entenda como os dados estruturados funcionam | Esta documentação descreve quais propriedades são necessárias, recomendadas ou opcionais para dados estruturados com significado especial para pesquisar no Google. |
| Ferramenta de teste de dados estruturados pelo Google | Ferramenta de teste de dados estruturados do Google. |
| PagesPeed Insights do Google | Faça suas páginas da web rapidamente em todos os dispositivos. |
| JSON por vincular dados | Os dados são confusos e desconectados. O JSON-LD organiza e conecta-o, criando uma web melhor. |
| JSON-LD | Wiki |
| Latitude e Longitude Finder | Latitude e longitude são as unidades que representam as coordenadas no sistema de coordenadas geográficas. Para fazer uma pesquisa, use o nome de um local, cidade, estado ou endereço ou clique no local no mapa para encontrar coordenadas LAT Long. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Lista de sistemas de gerenciamento de pacotes de software | Esta é uma lista de sistemas de gerenciamento de pacotes de software, categorizados primeiro por formato de embalagem (binário, código -fonte, híbrido) e, em seguida, pela família de sistemas operacionais. |
| Apt | Gerenciador de pacotes Linux OS baseado em Debian. |
| Yum | Gerenciador de pacotes Linux OS baseado em Fedora. |
| Homebrew | O Homebrew é um sistema de gerenciamento de pacotes que simplifica a instalação do software no sistema operacional MacOS da Apple e no Linux. |
| Winget | O Windows Package Manager (também conhecido como Winget) é um gerenciador de pacotes gratuito e de código aberto projetado para o Microsoft Windows 10. |
| Chocolatey | O Chocolatey é um gerenciador de pacotes e instalador de pacote em nível de máquina para pacotes de software, construído para a plataforma Windows. |
| goenv | O Goenv pretende ser o mais simples possível e seguir o modelo de gerenciamento de versão bem -sucedido já estabelecido do PYENV e RBENV. |
| npm | O NPM (originalmente curto para o Node Package Manager) é um gerenciador de pacotes para a linguagem de programação JavaScript. |
| Nodenv | Use Nodenv para escolher uma versão do nó para o seu aplicativo e garantir que seu ambiente de desenvolvimento corresponda à produção. |
| pyenv | O Pyenv permite alternar facilmente entre várias versões do Python. |
| fio | O fio é uma alternativa ao NPM. |
| rvm | O RVM é uma ferramenta de linha de comando que permite instalar, gerenciar e trabalhar facilmente com vários ambientes de rubi, de intérpretes a conjuntos de gemas. |
| rbenv | Use o RBENV para escolher uma versão Ruby para sua aplicação e garantir que seu ambiente de desenvolvimento corresponda à produção. |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| Netlify | Implante sites estáticos modernos com o Netlify. Obtenha CDN, implantação contínua, https 1-clique e todos os serviços que você precisa. Comece gratuitamente. |
| Staticgen | Lista de geradores de local estático de código aberto. |
| Staticman | A Staticman é um aplicativo Node.js que recebe conteúdo gerado pelo usuário e o carrega como arquivos de dados para um repositório GitHub e/ou GitLab. |
| Gitalk | Um componente de comentários modernos baseado no GitHub Issue e PREACT. |
| enunciados | Um widget de comentários leves construído sobre questões do GitHub. Use problemas do GitHub para comentários do blog, páginas wiki e muito mais! |
↥ de volta ao topo
| Nome |
|---|
| Páginas TLDR |
| tldr consumidor.app |
| tldr-book.pdf |
| Comandos básicos de Brew - Devheet |
| Cheat.sh |
| Devhints |
| Cheatsheet Homebrew |
| Manual Github CLI |
| RECONDOUNDATHETHEET |
| Github Cheat-sheet |
| Cheatsheet.md |
| Octonator no Twitter: "Adicione .pibb ao final de qualquer URL da GIST para obter a versão HTML apenas adequada para incorporar em qualquer outro site. Http://t.co/hytfqbm2do"/twitter |
↥ de volta ao topo
| Nome | Descrição |
|---|---|
| 56 geradores únicos de Lorem ipsum | Ajuste os projetos de texto e design de preenchimento com esses hilariantes geradores de Lorem Ipsum. |
| Guia abstrato para códigos de status HTTP | Uma lista e explicação dos códigos de status HTTP |
| Incrível | Uma lista com curadoria de listas incríveis. |
| Awesomeness incrível | Uma lista com curadoria de incrivelmente impressionante grandiosidade. |
| Incrível incrível | Uma lista com curadoria de listas incríveis com curadoria de muitos tópicos. |
| Recursos de Bootstrap por Start Bootstrap | Uma lista abrangente de bootstrap e recursos relacionados. |
| Snippets de bootstrap by start bootstrap | Uma biblioteca com curadoria de trechos de código de bootstrap 4, perfeita para entrar em seu projeto sem baixar um tema inteiro! |
| Projeto itens essenciais, coleções do github | Esta coleção de bibliotecas de design é a melhor da web e completará seu conjunto de ferramentas para projetar produtos impressionantes. |
| Recursos de design para desenvolvedores | Uma lista com curadoria de recursos gratuitos de design e interface do usuário para desenvolvedores, incluindo fotos, modelos, estruturas, kits de interface do usuário, ferramentas on -line e muito mais. |
| Github - mostra o código aberto | Navegue por repositórios populares com base no tópico que mais lhe interessa. |
| Antecedentes de gradiente | Como uma lista com curadoria dos melhores sites de gradiente em toda a Internet, os fundos de gradiente permitem explorar, tente escolher entre centenas de belas paletas de cores combinadas. |
| Repositório de plugins JavaScript | Ferramentas JS de baunilha para escrever aplicativos da Web poderosos sem jQuery. |
| Território JavaScript | CATÁLOGO DE JAVASCRIPT JSTER. |
| JavaScriping | O banco de dados de bibliotecas, estruturas e plug -ins JavaScript. |
| Bibliotecas.io | O serviço de descoberta de código aberto. |
| Lista de códigos de status HTTP | Uma lista de códigos de status de resposta de protocolo de transferência de hipertexto (HTTP). |
| URLs de compartilhamento social | Este projeto tem como objetivo ajudá -lo a integrar o compartilhamento nas mídias sociais em seu código. |
| Fotos de estoque que não são péssimas | Uma lista de lugares para encontrar as melhores fotos gratuitas. |
| Editores de texto, coleções do github | Uma vitrine de alguns editores de código aberto incrivelmente impressionantes. |
| Não | Um repositório arrumado dos plugins jQuery classificados em categorias. |
↥ de volta ao topo
