From eea1d8b059621f21d9f65681c4d53c472d1cef7c Mon Sep 17 00:00:00 2001 From: Pedriinn1110 <151031626+Pedriinn1110@users.noreply.github.com> Date: Thu, 16 Nov 2023 10:05:16 -0300 Subject: [PATCH] Update README.md --- README.md | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 103 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 936ba24..b8bbfe6 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ bower install css-components | Android | Yes | Yes | Yes | Yes | | iOS | Yes | Yes | Yes | Yes | | Mac OS X | Yes | Yes | Yes | Yes | -| Windows | Yes | Yes | Yes. | Yes | +| Windows | Yes | Yes | Yes | Yes | \* [CSS3 transitions](https://caniuse.com/#search=css%20transition) are not supported in IE8 and below. @@ -107,8 +107,108 @@ https://.github.io/css-components/ # Open your Pull Request +-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- + +## ⚠️ Atenção + +Este é um projeto antigo. Quando o criei em 2014, estava experimentando algumas possibilidades com HTML/CSS e adorei o resultado. Por isso, conheço muitas pessoas que usaram esses componentes em projetos de produção (eu mesmo os usei muitas vezes). + +Mas as coisas mudaram nos anos seguintes e existem melhores opções para fazer esses componentes. + +Portanto, mantenho este projeto apenas como uma coisa experimental e provavelmente não farei mais mudanças. + +Mas você é livre para usá-lo como quiser 😁❤️ + +___ + +![Pure CSS Components Logo](logo-pcc.jpg "Pure CSS Components") + +[![Netlify Status](https://api.netlify.com/api/v1/badges/566334bb-2cd1-4548-91b0-b2869a85158b/deploy-status)](https://app.netlify.com/sites/css-components/deploys) +[![license](https://img.shields.io/github/license/felipefialho/css-components.svg)](./license.md) +[![GitHub contributors](https://img.shields.io/github/contributors/felipefialho/css-components.svg)](https://github.com/felipefialho/css-components/graphs/contributors) + +> Um conjunto de componentes de interface do usuário comuns usando o poder do CSS e sem JavaScript. + +[View the project](https://css-components.felipefialho.com) + +## Instalação + +Instale via [Bower](https://bower.io/) ou +[faça o download do zip](https://css-components.felipefialho.com/build/css-components.zip) + +```bash +bower install css-components +``` + +## Componentes + +- [Carousel](https://css-components.felipefialho.com/#component-carousel "Carousel") +- [Collapse](https://css-components.felipefialho.com/#component-collapse "Collapse") +- [Dropdown](https://css-components.felipefialho.com/#component-dropdown "Dropdown") +- [Modal](https://css-components.felipefialho.com/#component-modal "Modal") +- [Tab](https://css-components.felipefialho.com/#component-tab "Tab") +- [Tooltip](https://css-components.felipefialho.com/#component-tooltip "Tooltip") + +## Suporte pro Navegador + +| | Chrome | Firefox | Edge | Safari +| -------- | ------- | -------- | -------- | ---- | +| Android | Sim | Sim | Sim | Sim | +| iOS | Sim | Sim | Sim | Sim | +| Mac OS X | Sim | Sim | Sim | Sim | +| Windows | Sim | Sim | Sim | Sim | + + +\* [CSS3 transitions](https://caniuse.com/#search=css%20transition) are not supported in IE8 and below. +\*\* Janky z-index. See [tooltip on right example](https://css-components.felipefialho.com/#component-tooltip). + +**Notas:** + +- A maioria dos testes realizados com o Browserstack. +- Componentes que executam ações ao passar o mouse podem não funcionar em telas sensíveis ao toque eg. _dropdown with hover_. Oddly _tooltip_ funciona. Bootstrap menciona isso, “[Sticky :hover/:focus on mobile.](https://getbootstrap.com/getting-started/#support-sticky-hover-mobile) + Embora o hover real não seja possível na maioria das telas sensíveis ao toque, a maioria dos navegadores móveis emula o suporte ao hover e torna o :hover "pegajoso". Em outras palavras, os estilos :hover começam a ser aplicados após tocar em um elemento e só param de ser aplicados após o usuário tocar em outro elemento. +- Provavelmente, o principal motivo pelo qual os componentes falham em versões anteriores do IE é porque eles usam [advanced CSS selectors](https://caniuse.com/#search=CSS3%20selectors) que não são suportados. Pode ser possível corrigir isso com o uso de algo como [selectivizr](https://selectivizr.com). Isso pode contrariar o propósito de usar esses componentes JavaScript gratuitos, mas por outro lado, pode ser aceitável para o IE antigo. +- Os componentes não falham graciosamente. Na maioria dos casos, alguns elementos são visíveis, mas a interação não terá nenhum efeito. O _carousel_ componente não mostrará nada. +- Alguns problemas de layout com _tab_ ao envolver em tamanhos de tela menores. +- Flash estranho quando _carousel_ gira em torno do primeiro slide. + +## Contribuindo + +Por favor leia isso [Coding Style](https://github.com/felipefialho/coding-style/) para [Issues](https://github.com/felipefialho/css-components/issues), solicitações de pull e padrões de codificação +Todas as alterações devem ser feitas na `/dev` pasta. O CSS deve ser modificado usando o [Stylus](https://learnboost.github.io/stylus/) pré-processador. + +### Começando + +```bash + +# 1. Crie um fork deste repositório e clone-o no diretório atual + https://github.com//css-components.git + +# 2. Navegue para o diretório + recém-clonado + +# 3. Instale as dependências + ``` -## License +### Desenvolvimento + +```bash + +# For start the server, watching your .styl files changes and compile CSS +grunt w + +``` + +### Solicitações + +```bash + +# Compactar arquivos zip + +# Construir o projeto para implantação + +# Visualize seu lançamento do projeto no GhPages +https://.github.io/css-components/ -MIT License © Felipe Fialho +# Abra sua solicitação