Estou usando a interface do usuário do jQuery para obter alguns aprimoramentos básicos da página. Estilo de botão e entrada e caixas de diálogo modais. Agora me deparei com o Bootstrap e parece muito bom.
Alguém tem alguma experiência em usar o jQuery UI para o Bootstrap? É isso que estou pensando em fazer, mas antes de fazer isso, gostaria de estar ciente dos problemas que poderia enfrentar.
javascript
jquery
jquery-ui
twitter-bootstrap
Jessica
fonte
fonte
Respostas:
Eu tenho em vários projetos.
A maior diferença na minha opinião
A interface do usuário do jQuery é segura para fallback, funciona corretamente e fica bem em navegadores antigos, onde o Bootstrap é baseado no CSS3, que basicamente significa GRANDE em novos navegadores, não tão bom nos antigos
Frequência de atualização: O Bootstrap está recebendo ótimas atualizações com novos recursos impressionantes, mas, infelizmente, eles podem quebrar o código anterior; portanto, você não pode simplesmente instalar o bootstrap e atualizar quando houver uma nova versão principal; basicamente, requer muita codificação.
A interface do usuário do jQuery é baseada na boa estrutura html com transformações do JavaScript, enquanto o Bootstrap é baseado na estrutura embutida visual e personalizável. (chamando um widget na JQUERY UI, definindo-o no Bootstrap)
Então o que escolher?
Isso sempre depende do tipo de projeto em que você está trabalhando. Os widgets interessantes e de aparência rápida são melhores ou seus usuários costumam usar navegadores antigos?
Eu sempre acabo usando os dois, para poder usar o melhor dos dois mundos.
Aqui estão os links para ambas as estruturas, se você decidir usá-las.
fonte
button button-primary button-small
, onde no jQueryUI você atribui um elemento a um botão, basta adicionar "btn" e, em JS, você o torna um botão$(".btn").button()
. Isso significa que no Bootstrap você defina-o em HTML e no jQueryUI você o define em JS. Negativos no Bootstrap é que você precisa editar seu HTML se atualizar / alterar alguma coisa (por exemplo, versões do Bootstrap) em que o jQueryUI você só precisa alterar seu JS, o que geralmente é mais fácil. há pontos positivos e negativos com ambos :)!Tendo usado os dois, o Bootstrap do Twitter é um conjunto de tecnologia superior. Aqui estão algumas diferenças,
Outras notas,
fonte
Você pode usar os dois com relativamente poucos problemas. O Twitter Bootstrap usa o jQuery 1.7.1 (até o momento em que este artigo foi escrito), e não consigo pensar em nenhum motivo para não integrar componentes adicionais da interface do usuário do Jquery em seus modelos HTML.
Eu tenho usado uma combinação de HTML5 Boilerplate e Twitter Bootstrap construído em Initializr.com. Isso combina dois modelos iniciais incríveis em um ótimo projeto inicial. Confira os detalhes em http://html5boilerplate.com/ e http://www.initializr.com/ Ou, para começar imediatamente, acesse http://www.initializr.com/ , clique no botão "Bootstrap 2" botão e clique em "Download It". Isso fornecerá todos os js e css necessários para começar.
E não se assuste com HTML5 e CSS3. O Initializr e o HTML5 Boilerplate incluem polyfills e código específico do IE que permitirá que todos os recursos funcionem no IE 6, 7 8 e 9.
O uso de LESS no Twitter Bootstrap também é opcional. Eles usam LESS para compilar todo o CSS usado pelo Bootstrap, mas se você deseja substituir ou adicionar seus próprios estilos, eles fornecem um arquivo css vazio para esse fim.
Há também um arquivo js em branco (script.js) para você adicionar código personalizado. É aqui que você adiciona seus manipuladores ou seletores para componentes adicionais do jQueryUI.
fonte
Usamos os dois e gostamos do Bootstrap por sua simplicidade e pelo ritmo em que está sendo desenvolvido e aprimorado. O problema com a interface do usuário do jQuery é que ele está se movendo no ritmo de um caracol. Está demorando anos para lançar recursos comuns como Menubar, controle de árvore e DataGrid, que estão em estágio de planejamento / desenvolvimento para sempre. Esperamos, esperamos, finalmente desistimos e usamos outras bibliotecas como ExtJS para o nosso produto http://dblite.com .
O Bootstrap apresentou um conjunto bastante abrangente de recursos em um período muito curto de tempo e tenho certeza que ultrapassará a interface do usuário do jQuery em breve.
Portanto, não vejo sentido em usar algo que acabará desatualizado ...
fonte