Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update README.md #60

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
106 changes: 103 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.
Expand Down Expand Up @@ -107,8 +107,108 @@ https://<your-username>.github.io/css-components/

# Open your Pull Request

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

## ⚠️ Atenção
Pedriinn1110 marked this conversation as resolved.
Show resolved Hide resolved

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/<your-username>/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://<your-username>.github.io/css-components/

MIT License © Felipe Fialho
# Abra sua solicitação