Semantic UI

Tela Software:
Semantic UI
Detalhes de Software:
Versão: 2.1.8 Atualizado
Data de upload: 10 Feb 16
Revelador: Jack Lukic
Licença: Livre
Popularidade: 128

Rating: 3.5/5 (Total Votes: 2)

Semântica UI não apenas focada em fornecer uma riqueza de widgets de interface do usuário, mas também incide sobre a forma como esses componentes são escritos, permitindo que qualquer um sabe o que o código faz só de olhar para ele.

Ao fazer isso, UIs semântico-alimentado não só são fáceis de escrever, mas fácil modificar em pontos mais tarde.

UI semântica vem com abundância de componentes pré-fabricados fora da caixa e está disponível em CSS e menos.

O que é novo nesta versão:

  • New UI:
  • Container - Containers são fixados recipientes largura significou para a realização de conteúdo da página, e são uma alternativa mais simples de grade de página ui, ver mais exemplos em docs
  • Multiselect - Novas vários tipos suspensas foram adicionados. Muitas melhorias novas suspensas foram adicionados incluindo características de marcação / tokenizing e carregamento de dados através de solicitações de API.
  • Inserir - Novo componente de incorporação permite embeds iframe responsivos que mantêm a sua relação de aspecto. Incorporado pode ser usado com o YouTube ou Vimeo, juntamente com o conteúdo espaço reservado para evitar carregar bibliotecas de terceiros até que um usuário escolhe para interagir com o vídeo.
  • As principais melhorias:
  • Site - novas cores adicionou Olive, violeta, marrom e cinza. Estes estão disponíveis em todos os elementos com variações de cor.
  • API - API pode agora ser usado com respostas escarnecido e personalizados solicitações de AJAX. mockResponse foi adicionada para resolver solicitação com um pré-especificado JSON objeto, ou um retorno de chamada função síncrona.
  • API mockResponseAsync foi adicionado para solicitações assíncronas personalizado. Isso permite que você especifique um retorno de chamada assíncrono personalizado para resolver uma solicitação de API, ajudando com a integração com bibliotecas como Ember ou angular que podem envolver solicitações de AJAX.
  • API - retornos de chamada de API têm agora uma chamada de retorno onResponse que pode ajustar a resposta dos servidores antes de ser analisado por outras chamadas de retorno para condições de sucesso ou fracasso
  • .
  • API - API agora oferece um ambiente de armazenamento em cache local para evitar roundtrips servidor para urls idênticos usando cache: 'local'. Isto não é habilitado por padrão. cache local é útil para resultados que devem retornar os mesmos valores através de uma única sessão, por exemplo, quando consultando uma autocomplete.
  • Card - cartão agora suportam vários blocos de conteúdo personalizado. blocos de conteúdo e imagens podem aparecer em qualquer ordem.
  • Caixa de seleção - Caixa de seleção já não exigem JavaScript para funcionar
  • .
  • Caixa de seleção -. Adicionado suporte para caixas indeterminados, juntamente com novos stylings
  • Caixa de seleção - Agora inclui comportamentos distintos para desencadear as mudanças de estado sem invocar chamadas de retorno set verificada vs verificada
  • suspensa -. Adicionado a integração API remoto com suspensa, para permitir a seleção de pesquisa para consulta contra um conjunto de dados remoto
  • Dimmer - Os reguladores de tensão têm agora uma variação indefinição que aplicar um efeito de vidro como quando esmaecido
  • Dropdown - Dropdowns agora observar automaticamente mudanças no menu e irá atualizar o cache selector com novas adições
  • Dropdowns - capacidade de adicionar opções personalizadas para todos os menus suspensos busca de seleção (multi / single) usando PermitirAdições Adicionado: verdadeira definição. Pesquisa agora exibe mensagens de erro em nenhum resultado em todos os casos.
  • suspensa -. Os atalhos de teclado foram adicionados para selecionar opções suspensas, por exemplo, "N" vai rolar para "New York" em uma lista de seleção estado, semelhante ao nativebehavior
  • suspensa -. Adicionado nova variação suspensa rolagem suspenso e menu de rolagem, isso pode ser usado para incluir uma seção de rolagem dentro de um menu suspenso
  • suspensa - Dropdown animará automaticamente para cima, se não houver espaço suficiente para aparecer abaixo
  • .
  • suspensa - chaves Usando página Up e Page Down agora irá percorrer menus por uma página de cada vez
  • Form - Formas agora usar flexbox para a criação de grupos de campo. campos em linha agora suportam (x) dimensionamento de largura usando o flex
  • Grid - Grids agora usar flexbox, colunas agora estão todos a mesma altura por padrão. Novos tipos de alinhamento flexbox como stretch foram adicionados para alinhamento vertical mais fácil.
  • Multiple UI - Muitos componentes agora usar flexbox, o que significa correções confusas anteriores, como font-size: 0; para remover espaço em branco do bloco em linha não é mais necessário. A remoção desta corte, agora, qualquer elemento pode ser um filho direto da grade ou menu.
  • Modal - Adicionado novas configurações de indefinição e invertida que definir automaticamente um modal dimmer, quer invertida ou borrar
  • .
  • Menu - Menu de agora usa flexbox. Isso permite que itens de menu para coincidir com cada um dos outros alturas independentemente de cada um dos itens de tamanho de conteúdo. o conteúdo menu da direita deve agora seguir outros conteúdos menu em vez de preceder-lo (não usa float).
  • Grid - Grades estão agora flexbox e altura igual por padrão, a variação igual altura pode ser removido com segurança
  • Popup -. Popup foi reescrito para melhorar drasticamente o desempenho, especialmente ao testar várias posições
  • Transição - Fallback animações javascript foram removidos a partir de componentes de interface do usuário, como suspenso e pop-up para aumentar o desempenho. Isso remove necessidade de seletores pseudo caros como: visível,: animado e:. Escondida e reduz o tamanho do arquivo
  • Formulário de Validação - Validação de formulário agora usa um único objeto de configurações como outros módulos. Usando (campos, Definições) continuará a funcionar, mas irá produzir um notificações de descontinuação na consola
  • Form Validation -. Validação de formulário agora suporta muitas novas regras de validação, incluindo alguns especificamente para uso com vários valores selecione
  • item - Itens agora usa flexbox para o layout
  • .
  • Mensagem - ícone da mensagem agora usa flexbox para o layout
  • Menu - menu de tabular vertical, um menu de guia vertical, foi adicionado
  • Entrada - Todos os tipos de entrada usar flexbox para o layout
  • Segmento - Segmentos agora suportam aninhamento complexo, muitas novas regras de como grupos de segmentos deve aparecer dentro de grupos
  • Segmento -. Novos grupos de segmentos horizontais fazem estabelecendo auto redimensionamento colunas de texto muito mais fácil
  • Sidebar - iOS agora vai relatar corretamente os valores scrollTop de documento ou corpo quando se utiliza uma barra lateral. Chrome no iOS não tem mais problemas com conteúdo fixo não adere imediatamente ao usar uma barra lateral.
  • Formas - Formas agora ajusta corretamente para a margem em lados
  • Passos - Passos agora usar flexbox, passos fluidos conteúdo agora o centro dentro de cada etapa
  • Passos - Passos não precisa mais contar item e vai dividir automaticamente uniformemente
  • Transição - Código de Transição foi otimizado para aumentar o desempenho. % Melhoria de 100 na primeira animação, e 40% de melhoria em animações subsequentes.
  • Visibilidade - Usando .visibility ({type: 'fixo'}) será agora automaticamente adicionar um elemento de espaço reservado que irá trocar de lugar com um elemento quando ele é ligado à janela de exibição. Isto deve fazer conteúdo fixo drasticamente mais simples.
  • Visibilidade - Visibilidade e pegajosa agora usar um pub sub padrão mais alto desempenho / que só vai anexar um único evento para o contexto de rolagem
  • .
  • Visibilidade - Adicionado dois novos retornos de chamada de visibilidade onOnScreen e onOffScreen, que ocorrem, mais obviamente quando um elemento aparece em primeiro lugar dentro ou fora da janela de um navegador
  • .
  • Melhorias:
  • Site -. Adicionado muitas novas variáveis ​​do site, incluindo a capacidade de controlar o tamanho de entrada em todos os UI inputPadding, juntamente com mais cores nas fronteiras, sotaques e cores
  • Acordeão - acrescenta OnOpening e OnClosing callback (antes de animação) para ir com onOpen, onClose (após animação)
  • Acordeão -. Adicionado sobre a configuração para especificar evento acordeão gatilho
  • Activity Feed - Atividade feed foi reescrito para usar flexbox
  • API - API agora tem novas configurações throttleFirstRequest e interruptRequests. Os pedidos de interrupção irá abortar um pedido anterior em um elemento ao fazer um novo pedido. throttleFirstRequest, define se o primeiro pedido ou apenas os pedidos subsequentes devem ser estrangulada quando a duração do acelerador é especificado.
  • Ferramentas de Construção - Construir ferramentas agora irá exibir erros pré-especificados quando um arquivo de tema é ausente ou um elemento especifica um tema indisponíveis
  • .
  • Ferramentas de construção - site.variables Ajustar agora reconstruir toda interface do usuário, em vez de apenas site.less
  • Button - Adicionado: estilos de foco para todos os tipos de botão, todos os exemplos de botão em docs agora são focalizável teclado usando um ou tabindex se necessário
  • .
  • Card - cartão inclui agora uma variação centrado
  • Caixa de seleção -. Checkbox vai comportamentos agora graciosamente corretas chamado no elemento de entrada de criança em vez da caixa ui
  • Caixa de seleção - Tamanho reduzido kb de letra ícone
  • Divisor - divisória vertical dentro da grade ui agora responde por preenchimento coluna
  • Dropdown - Nested menus de rolagem agora apoiar a selecção do teclado, por exemplo, pressionando "A" para a maçã, e rolagem teclado.
  • suspensa - Dropdowns agora têm configuração jogo para especificar se deseja corresponder em texto, valor ou ambos
  • suspensa - selecione dropdowns multi têm agora novas configurações para a especificação de seleção máximo count
  • suspensa - Dropdown tem configuração para definir texto do espaço reservado em javascript novo espaço reservado
  • suspensa - Adicionado opção showOnFocus que permite especificar se menu suspenso deve mostrar no foco
  • suspensa - fulltextsearch: true agora utiliza pesquisa difusa (o mesmo que a pesquisa ui)
  • suspensa - Page down e page up agora trabalha com menus suspensos
  • suspensa - Dropdown inicializado com deficientes prop em uma opção vai agora corretamente aparecem desativado
  • suspensa - Adicionado estado item desativado, itens deficientes serão automaticamente ignoradas com a selecção do teclado
  • Form - Adicionado uma série de novos estilos para os campos do formulário completada automaticamente pelo seu navegador, incluindo erro completada automaticamente, e se concentrar estados
  • Form - Adicionado regras de cores espaço reservado para o IE, ms-input-espaço reservado
  • Form - Fix campo errored cor seleção de teclado suspensa
  • Form - Adiciona estado formulário de sucesso
  • Form Validation - Adicionado é um comportamento válido, retorna true / false se o formulário é válido
  • Form Validation - Adicionado diferente [campo] regra que exige um campo para ser diferente do outro campo
  • validação de formulário - Dados-validate agora tem precedência sobre outros esquemas de correspondência de validação, como nome ou id
  • Form Validation - Novas regras para a comparação com expressões regulares customizadas
  • Formulário de Validação - Validação de formulário agora tem mincount, maxcount e exactCount para validar várias seleções
  • Grid - grade unicelular agora remove as células internas no celular e tablet quando usado com duplicação da variação sensível grade
  • .
  • Grid -. Adicionado grande ecrã apenas e widescreen variações única responsivos para grade
  • Grid - largura igual grades agora funciona sem invólucros de linha
  • Grid -! Fileiras agora pode ser esticado, bem como meio alinhado, fundo alinhado e alinhada ao topo
  • Grid - margens fixas na grade unicelular internamente
  • Grid - unicelular e grade unicelular internamente agora usar flexbox vez de display: table;
  • Headers - Adicionado novo cabeçalho sub tipo de cabeçalho, útil para exibir pequenas cabeçalhos junto com o conteúdo do texto. Veja exemplos na documentação de cabeçalho
  • Imagem - Imagens incluem agora uma variação espaçados para adicionar espaço em branco em torno das imagens quando usado em linha com o texto
  • .
  • Entrada - Adicionado regras de cores espaço reservado para o IE, ms-input-espaço reservado
  • Input - Entrada de Acção agora suporta múltiplos botões, e suspensa
  • Etiqueta - Etiquetas agora têm estados em foco ativo e ativa
  • Etiqueta - Etiqueta agora define uma altura img mesmo quando não estiver usando uma etiqueta de imagem
  • List - Qualquer conteúdo dentro de uma lista ui agora podem ser alinhados verticalmente
  • Menu - Adicionar exemplos / documentação para menu fixo
  • Menu - Adicionado variação de menu empilhável para menus de resposta simples
  • Menu - Adicionado muitas novas variáveis ​​ao menu
  • Menu -. Corrigido vários problemas de herança para o item suspenso menu dentro aparecendo como item de menu
  • Menu - menus Horizontal agora definir um tamanho de imagem padrão para imagens / logos
  • Menu - itens de menus estão agora um pouco mais acolchoada
  • Menu - O foco / estado ativo do item pendente foram ajustados para corresponder item. estilos suspensas pode ser temático do menu especificamente dentro.
  • Menu - menus suspensos verticais já não são 100% min-width
  • Modal - Modal agora usa uma escala ajustada em transição no tema padrão, que deve ser mais sutil e trabalhar melhor com o conteúdo modal longo
  • .
  • Modal - Modal onApprove e onDeny agora receber o elemento de activação como o primeiro parâmetro. documentação Adicionado sobre o uso de return false para evitar escondendo elemento com um clique.
  • Modal - o conteúdo Modal agora usa Flex, o conteúdo da imagem exige agora classe de conteúdo de imagem no pai para permitir stylings Flex
  • .
  • Popup - Popup agora define uma origem transformar de modo animações serão afetados pela direção do elemento é colocado
  • Popup - OnShow e OnHide retorno agora pode cancelar pop-up de mostrar ou esconder, retornando false
  • Popup - Adicionado mais variações de tamanho para mini-pop-up, minúsculo
  • Progresso - etiquetas indicando agora são de uso mais legíveis variáveis ​​css separadas de indicar cor da barra
  • Reveal - Adicionado novo estado ativo que permite que você mostre revelar programaticamente
  • Search - ( '. Search'). Cache agora pode ser apagada usando $ search ( 'limpar cache')
  • Segmento - Adicionado acolchoado e variações segmento muito acolchoadas
  • Search - Pesquisa agora opera fora de uma ID exclusiva gerada pela posição do resultado para recuperar resultados. Para primeiro resultado categoria de exemplo # 1 é 'A1'. Anteriormente de resultados títulos eram usados ​​como seu "id", o que poderia causar problemas com títulos duplicados ou resultados que não contêm um título.
  • Search - Pesquisa irá agora adicionar automaticamente categoria de classe ao usar o tipo:. Categoria
  • Search - Pesquisa agora irá gerar resultados recipiente se um não está presente no init
  • Search - Pesquisa usa agora em para redimensiona, certificando-se que irá redimensionar com o conteúdo ao redor
  • Search - Pesquisa rápida agora tem foco estilos definidos se não estiver usando a entrada ui
  • Segmento -. Adicionado segmento de compensação para os casos que necessitam de um clearfix
  • Sidebar - o desempenho de animação melhorada através de depuração desempenho. Sidebar agora armazena em cache, largura, altura, direção RTL sobre a carga.
  • Site - Corrigido mista globals @defaultDuration e uso @transitionDuration usar uma única variável em todos UI @defaultDuration, o mesmo para @defaultEasing e @transitionEasing
  • Site - Adicionado em pageOverflowX variável, tema padrão oculta as barras de rolagem horizontal no corpo
  • Site - Adicionado cores foco padrão para todas as variações de cores
  • Site - Todos flutuante / levantada variações agora herdam de uma @floatedShadow mundial tornando mais fácil theming
  • Fixo - Fixo agora armazena em cache internamente posição de rolagem atual quando cantFit = true para evitar DOM propriedade no rolo
  • .
  • Estatística - Adicionado nova variação grupo igualmente divididos, por exemplo três estatísticas mostra 3 por linha
  • Estatística - grupo Statitic agora usar flex. Estilos foram atualizados.
  • Passos - passos anexados adicionado, que agora podem ser anexados a outra UI como segmento
  • Tabs - Tab irá posição de rolagem página agora manualmente correto ao vincular a uma âncora na página em uma aba escondida
  • Tabs - Adicionado novos callbacks onTabVisible e onRequest
  • Tabs - opção parseScripts Adicionado, padrão para analisar uma vez roteiros em linha única primeira carga
  • Tabela - Adiciona variação tabela de selecção, que mostra pairar efeito sobre a linha quando pairando
  • Tabela - Adicionado variações de alinhamento vertical para a tabela ui
  • Tabela - Adicionado linha única variação tabela que impede o texto de embrulho
  • Transição - Ajustar o estilo ou classe durante uma transição, deixará de redefinir a mudança após a transição completa .
  • Transição -. Transição não irá forçar visível / oculto com estilos inline se onComplete de retorno de chamada conjuntos de visibilidade
  • Visibilidade / Fixo - Visibilidade e pegajosa agora atualizar automaticamente após o carregamento conteúdo da página para lidar com mudanças na posição de carregamento de imagens
  • Visibilidade / Fixo - Visibilidade agora usa pub / sub padrão para melhorar muito o desempenho de rolagem ao anexar múltiplos eventos
  • Visibilidade - da Visibilidade inclui um novo checkOnRefresh configuração que determina se as chamadas de retorno de visibilidade deve ocorrer em redimensionar ou atualizar
  • Visibilidade - imagem Visibilidade vai agora esperar para carregar as imagens preguiçosos que estão acima da posição da tela atual, não apenas abaixo
  • .

O que é novo na versão 2.1.4:

  • New UI:
  • Container - Containers são fixados recipientes largura significou para a realização de conteúdo da página, e são uma alternativa mais simples de grade de página ui, ver mais exemplos em docs
  • Multiselect - Novas vários tipos suspensas foram adicionados. Muitas melhorias novas suspensas foram adicionados incluindo características de marcação / tokenizing e carregamento de dados através de solicitações de API.
  • Inserir - Novo componente de incorporação permite embeds iframe responsivos que mantêm a sua relação de aspecto. Incorporado pode ser usado com o YouTube ou Vimeo, juntamente com o conteúdo espaço reservado para evitar carregar bibliotecas de terceiros até que um usuário escolhe para interagir com o vídeo.
  • As principais melhorias:
  • Site - novas cores adicionou Olive, violeta, marrom e cinza. Estes estão disponíveis em todos os elementos com variações de cor.
  • API - API pode agora ser usado com respostas escarnecido e personalizados solicitações de AJAX. mockResponse foi adicionada para resolver solicitação com um pré-especificado JSON objeto, ou um retorno de chamada função síncrona.
  • API mockResponseAsync foi adicionado para solicitações assíncronas personalizado. Isso permite que você especifique um retorno de chamada assíncrono personalizado para resolver uma solicitação de API, ajudando com a integração com bibliotecas como Ember ou angular que podem envolver solicitações de AJAX.
  • API - retornos de chamada de API têm agora uma chamada de retorno onResponse que pode ajustar a resposta dos servidores antes de ser analisado por outras chamadas de retorno para condições de sucesso ou fracasso
  • .
  • API - API agora oferece um ambiente de armazenamento em cache local para evitar roundtrips servidor para urls idênticos usando cache: 'local'. Isto não é habilitado por padrão. cache local é útil para resultados que devem retornar os mesmos valores através de uma única sessão, por exemplo, quando consultando uma autocomplete.
  • Card - cartão agora suportam vários blocos de conteúdo personalizado. blocos de conteúdo e imagens podem aparecer em qualquer ordem.
  • Caixa de seleção - Caixa de seleção já não exigem JavaScript para funcionar
  • .
  • Caixa de seleção -. Adicionado suporte para caixas indeterminados, juntamente com novos stylings
  • Caixa de seleção - Agora inclui comportamentos distintos para desencadear as mudanças de estado sem invocar chamadas de retorno set verificada vs verificada
  • suspensa -. Adicionado a integração API remoto com suspensa, para permitir a seleção de pesquisa para consulta contra um conjunto de dados remoto
  • Dimmer - Os reguladores de tensão têm agora uma variação indefinição que aplicar um efeito de vidro como quando esmaecido
  • Dropdown - Dropdowns agora observar automaticamente mudanças no menu e irá atualizar o cache selector com novas adições
  • Dropdowns - capacidade de adicionar opções personalizadas para todos os menus suspensos busca de seleção (multi / single) usando PermitirAdições Adicionado: verdadeira definição. Pesquisa agora exibe mensagens de erro em nenhum resultado em todos os casos.
  • suspensa -. Os atalhos de teclado foram adicionados para selecionar opções suspensas, por exemplo, "N" vai rolar para "New York" em uma lista de seleção estado, semelhante ao nativebehavior
  • suspensa -. Adicionado nova variação suspensa rolagem suspenso e menu de rolagem, isso pode ser usado para incluir uma seção de rolagem dentro de um menu suspenso
  • suspensa - Dropdown animará automaticamente para cima, se não houver espaço suficiente para aparecer abaixo
  • .
  • suspensa - chaves Usando página Up e Page Down agora irá percorrer menus por uma página de cada vez
  • Form - Formas agora usar flexbox para a criação de grupos de campo. campos em linha agora suportam (x) dimensionamento de largura usando o flex
  • Grid - Grids agora usar flexbox, colunas agora estão todos a mesma altura por padrão. Novos tipos de alinhamento flexbox como stretch foram adicionados para alinhamento vertical mais fácil.
  • Multiple UI - Muitos componentes agora usar flexbox, o que significa correções confusas anteriores, como font-size: 0; para remover espaço em branco do bloco em linha não é mais necessário. A remoção desta corte, agora, qualquer elemento pode ser um filho direto da grade ou menu.
  • Modal - Adicionado novas configurações de indefinição e invertida que definir automaticamente um modal dimmer, quer invertida ou borrar
  • .
  • Menu - Menu de agora usa flexbox. Isso permite que itens de menu para coincidir com cada um dos outros alturas independentemente de cada um dos itens de tamanho de conteúdo. o conteúdo menu da direita deve agora seguir outros conteúdos menu em vez de preceder-lo (não usa float).
  • Grid - Grades estão agora flexbox e altura igual por padrão, a variação igual altura pode ser removido com segurança
  • Popup -. Popup foi reescrito para melhorar drasticamente o desempenho, especialmente ao testar várias posições
  • Transição - Fallback animações javascript foram removidos a partir de componentes de interface do usuário, como suspenso e pop-up para aumentar o desempenho. Isso remove necessidade de seletores pseudo caros como: visível,: animado e:. Escondida e reduz o tamanho do arquivo
  • Formulário de Validação - Validação de formulário agora usa um único objeto de configurações como outros módulos. Usando (campos, Definições) continuará a funcionar, mas irá produzir um notificações de descontinuação na consola
  • Form Validation -. Validação de formulário agora suporta muitas novas regras de validação, incluindo alguns especificamente para uso com vários valores selecione
  • item - Itens agora usa flexbox para o layout
  • .
  • Mensagem - ícone da mensagem agora usa flexbox para o layout
  • Menu - menu de tabular vertical, um menu de guia vertical, foi adicionado
  • Entrada - Todos os tipos de entrada usar flexbox para o layout
  • Segmento - Segmentos agora suportam aninhamento complexo, muitas novas regras de como grupos de segmentos deve aparecer dentro de grupos
  • Segmento -. Novos grupos de segmentos horizontais fazem estabelecendo auto redimensionamento colunas de texto muito mais fácil
  • Sidebar - iOS agora vai relatar corretamente os valores scrollTop de documento ou corpo quando se utiliza uma barra lateral. Chrome no iOS não tem mais problemas com conteúdo fixo não adere imediatamente ao usar uma barra lateral.
  • Formas - Formas agora ajusta corretamente para a margem em lados
  • Passos - Passos agora usar flexbox, passos fluidos conteúdo agora o centro dentro de cada etapa
  • Passos - Passos não precisa mais contar item e vai dividir automaticamente uniformemente
  • Transição - Código de Transição foi otimizado para aumentar o desempenho. % Melhoria de 100 na primeira animação, e 40% de melhoria em animações subsequentes.
  • Visibilidade - Usando .visibility ({type: 'fixo'}) será agora automaticamente adicionar um elemento de espaço reservado que irá trocar de lugar com um elemento quando ele é ligado à janela de exibição. Isto deve fazer conteúdo fixo drasticamente mais simples.
  • Visibilidade - Visibilidade e pegajosa agora usar um pub sub padrão mais alto desempenho / que só vai anexar um único evento para o contexto de rolagem
  • .
  • Visibilidade - Adicionado dois novos retornos de chamada de visibilidade onOnScreen e onOffScreen, que ocorrem, mais obviamente quando um elemento aparece em primeiro lugar dentro ou fora da janela de um navegador
  • .
  • Melhorias:
  • Site -. Adicionado muitas novas variáveis ​​do site, incluindo a capacidade de controlar o tamanho de entrada em todos os UI inputPadding, juntamente com mais cores nas fronteiras, sotaques e cores
  • Acordeão - acrescenta OnOpening e OnClosing callback (antes de animação) para ir com onOpen, onClose (após animação)
  • Acordeão -. Adicionado sobre a configuração para especificar evento acordeão gatilho
  • Activity Feed - Atividade feed foi reescrito para usar flexbox
  • API - API agora tem novas configurações throttleFirstRequest e interruptRequests. Os pedidos de interrupção irá abortar um pedido anterior em um elemento ao fazer um novo pedido. throttleFirstRequest, define se o primeiro pedido ou apenas os pedidos subsequentes devem ser estrangulada quando a duração do acelerador é especificado.
  • Ferramentas de Construção - Construir ferramentas agora irá exibir erros pré-especificados quando um arquivo de tema é ausente ou um elemento especifica um tema indisponíveis
  • .
  • Ferramentas de construção - site.variables Ajustar agora reconstruir toda interface do usuário, em vez de apenas site.less
  • Button - Adicionado: estilos de foco para todos os tipos de botão, todos os exemplos de botão em docs agora são focalizável teclado usando um ou tabindex se necessário
  • .
  • Card - cartão inclui agora uma variação centrado
  • Caixa de seleção -. Checkbox vai comportamentos agora graciosamente corretas chamado no elemento de entrada de criança em vez da caixa ui
  • Caixa de seleção - Tamanho reduzido kb de letra ícone
  • Divisor - divisória vertical dentro da grade ui agora responde por preenchimento coluna
  • Dropdown - Nested menus de rolagem agora apoiar a selecção do teclado, por exemplo, pressionando "A" para a maçã, e rolagem teclado.
  • suspensa - Dropdowns agora têm configuração jogo para especificar se deseja corresponder em texto, valor ou ambos
  • suspensa - selecione dropdowns multi têm agora novas configurações para a especificação de seleção máximo count
  • suspensa - Dropdown tem configuração para definir texto do espaço reservado em javascript novo espaço reservado
  • suspensa - Adicionado opção showOnFocus que permite especificar se menu suspenso deve mostrar no foco
  • suspensa - fulltextsearch: true agora utiliza pesquisa difusa (o mesmo que a pesquisa ui)
  • suspensa - Page down e page up agora trabalha com menus suspensos
  • suspensa - Dropdown inicializado com deficientes prop em uma opção vai agora corretamente aparecem desativado
  • suspensa - Adicionado estado item desativado, itens deficientes serão automaticamente ignoradas com a selecção do teclado
  • Form - Adicionado uma série de novos estilos para os campos do formulário completada automaticamente pelo seu navegador, incluindo erro completada automaticamente, e se concentrar estados
  • Form - Adicionado regras de cores espaço reservado para o IE, ms-input-espaço reservado
  • Form - Fix campo errored cor seleção de teclado suspensa
  • Form - Adiciona estado formulário de sucesso
  • Form Validation - Adicionado é um comportamento válido, retorna true / false se o formulário é válido
  • Form Validation - Adicionado diferente [campo] regra que exige um campo para ser diferente do outro campo
  • validação de formulário - Dados-validate agora tem precedência sobre outros esquemas de correspondência de validação, como nome ou id
  • Form Validation - Novas regras para a comparação com expressões regulares customizadas
  • Formulário de Validação - Validação de formulário agora tem mincount, maxcount e exactCount para validar várias seleções
  • Grid - grade unicelular agora remove as células internas no celular e tablet quando usado com duplicação da variação sensível grade
  • .
  • Grid -. Adicionado grande ecrã apenas e widescreen variações única responsivos para grade
  • Grid - largura igual grades agora funciona sem invólucros de linha
  • Grid -! Fileiras agora pode ser esticado, bem como meio alinhado, fundo alinhado e alinhada ao topo
  • Grid - margens fixas na grade unicelular internamente
  • Grid - unicelular e grade unicelular internamente agora usar flexbox vez de display: table;
  • Headers - Adicionado novo cabeçalho sub tipo de cabeçalho, útil para exibir pequenas cabeçalhos junto com o conteúdo do texto. Veja exemplos na documentação de cabeçalho
  • Imagem - Imagens incluem agora uma variação espaçados para adicionar espaço em branco em torno das imagens quando usado em linha com o texto
  • .
  • Entrada - Adicionado regras de cores espaço reservado para o IE, ms-input-espaço reservado
  • Input - Entrada de Acção agora suporta múltiplos botões, e suspensa
  • Etiqueta - Etiquetas agora têm estados em foco ativo e ativa
  • Etiqueta - Etiqueta agora define uma altura img mesmo quando não estiver usando uma etiqueta de imagem
  • List - Qualquer conteúdo dentro de uma lista ui agora podem ser alinhados verticalmente
  • Menu - Adicionar exemplos / documentação para menu fixo
  • Menu - Adicionado variação de menu empilhável para menus de resposta simples
  • Menu - Adicionado muitas novas variáveis ​​ao menu
  • Menu -. Corrigido vários problemas de herança para o item suspenso menu dentro aparecendo como item de menu
  • Menu - menus Horizontal agora definir um tamanho de imagem padrão para imagens / logos
  • Menu - itens de menus estão agora um pouco mais acolchoada
  • Menu - O foco / estado ativo do item pendente foram ajustados para corresponder item. estilos suspensas pode ser temático do menu especificamente dentro.
  • Menu - menus suspensos verticais já não são 100% min-width
  • Modal - Modal agora usa uma escala ajustada em transição no tema padrão, que deve ser mais sutil e trabalhar melhor com o conteúdo modal longo
  • .
  • Modal - Modal onApprove e onDeny agora receber o elemento de activação como o primeiro parâmetro. documentação Adicionado sobre o uso de return false para evitar escondendo elemento com um clique.
  • Modal - o conteúdo Modal agora usa Flex, o conteúdo da imagem exige agora classe de conteúdo de imagem no pai para permitir stylings Flex
  • .
  • Popup - Popup agora define uma origem transformar de modo animações serão afetados pela direção do elemento é colocado
  • Popup - OnShow e OnHide retorno agora pode cancelar pop-up de mostrar ou esconder, retornando false
  • Popup - Adicionado mais variações de tamanho para mini-pop-up, minúsculo
  • Progresso - etiquetas indicando agora são de uso mais legíveis variáveis ​​css separadas de indicar cor da barra
  • Reveal - Adicionado novo estado ativo que permite que você mostre revelar programaticamente
  • Search - ( '. Search'). Cache agora pode ser apagada usando $ search ( 'limpar cache')
  • Segmento - Adicionado acolchoado e variações segmento muito acolchoadas
  • Search - Pesquisa agora opera fora de uma ID exclusiva gerada pela posição do resultado para recuperar resultados. Para primeiro resultado categoria de exemplo # 1 é 'A1'. Anteriormente de resultados títulos eram usados ​​como seu "id", o que poderia causar problemas com títulos duplicados ou resultados que não contêm um título.
  • Search - Pesquisa irá agora adicionar automaticamente categoria de classe ao usar o tipo:. Categoria
  • Search - Pesquisa agora irá gerar resultados recipiente se um não está presente no init
  • Search - Pesquisa usa agora em para redimensiona, certificando-se que irá redimensionar com o conteúdo ao redor
  • Search - Pesquisa rápida agora tem foco estilos definidos se não estiver usando a entrada ui
  • Segmento -. Adicionado segmento de compensação para os casos que necessitam de um clearfix
  • Sidebar - o desempenho de animação melhorada através de depuração desempenho. Sidebar agora armazena em cache, largura, altura, direção RTL sobre a carga.
  • Site - Corrigido mista globals @defaultDuration e uso @transitionDuration usar uma única variável em todos UI @defaultDuration, o mesmo para @defaultEasing e @transitionEasing
  • Site - Adicionado em pageOverflowX variável, tema padrão oculta as barras de rolagem horizontal no corpo
  • Site - Adicionado cores foco padrão para todas as variações de cores
  • Site - Todos flutuante / levantada variações agora herdam de uma @floatedShadow mundial tornando mais fácil theming
  • Fixo - Fixo agora armazena em cache internamente posição de rolagem atual quando cantFit = true para evitar DOM propriedade no rolo
  • .
  • Estatística - Adicionado nova variação grupo igualmente divididos, por exemplo três estatísticas mostra 3 por linha
  • Estatística - grupo Statitic agora usar flex. Estilos foram atualizados.
  • Passos - passos anexados adicionado, que agora podem ser anexados a outra UI como segmento





















































































O que é novo na versão 1.3.2:









  • Corrige:





Limitações :


Programas semelhantes

CleanSlate
CleanSlate

13 Apr 15

Boilerstrap
Boilerstrap

13 Apr 15

Bitters
Bitters

10 Feb 16

Agrid.css
Agrid.css

13 Apr 15

Comentário para Semantic UI

Comentários não encontrado
Adicionar comentário
Ligue imagens!