Estrutura Cascade - Cascade Framework

Estrutura Cascade
Logotipo da Cascade
Logotipo da Cascade
Cascade Framework.png
Estrutura Cascade
Desenvolvedor (s) John Slegers
lançamento inicial Março de 2013 ; 8 anos atrás  ( 2013-03 )
Versão estável
1.6 / 17 de dezembro de 2014 ; 6 anos atrás  ( 2014-12-17 )
Escrito em HTML , CSS e JavaScript
Tamanho 10,6 KB (arquivado)
Modelo Modelos de design baseados em HTML e CSS
Licença Licença MIT
Local na rede Internet jslegers .github .io / cascadeframework /

Cascade Framework é uma estrutura CSS gratuita para a criação de sites e aplicativos da web . Semelhante ao Bootstrap e ao Foundation , ele contém uma ampla variedade de componentes de interface baseados em HTML e CSS , bem como extensões opcionais de JavaScript .

Origem

Insatisfeito com a arquitetura do Bootstrap and Foundation, John Slegers queria criar uma alternativa que oferecesse mais flexibilidade e melhor desempenho sem cortar recursos. Ele criou o nome Cascade Framework para seu projeto e o lançou sob a licença do MIT em março de 2013.

Características

Cascade Framework 1.x é escrito em CSS puro. Ele suporta design responsivo e todos os navegadores modernos, bem como IE6 +. Para um equilíbrio ideal entre pegada e flexibilidade, ele implementa um padrão de design modificador inspirado por SMACCS e OOCSS .

Binpress lista os seguintes recursos principais:

  • Cascade Framework é inteiramente baseado em uma arquitetura OOCSS otimizada para desempenho e flexibilidade.
  • O Cascade Framework contém componentes avançados como “painéis”, “blocos de guias” e componentes de “navegação” que podem ser combinados de várias maneiras.
  • Cascade Framework é agnóstico em termos de design. Você pode escolher o tema padrão, criar seu próprio ou apenas trabalhar com o design personalizado específico do seu projeto e deixar de fora o tema padrão inteiramente. Tanto a tipografia quanto o esquema de cores são separados em módulos separados para atender a esse propósito.
  • Cascade Framework permite que você escolha entre uma técnica de grade semântica e uma técnica de grade de apresentação. O Twitter Bootstrap oferece apenas uma técnica de grade de apresentação.
  • Com o Cascade Framework, você pode usar qualquer número de colunas que desejar (1,2,3,4,5,6,7,8,9,10,12,16 e 24 colunas são suportadas) em todo o seu projeto e aninhá-las livremente .
  • A grade do Cascade Framework usa um elemento de preenchimento especial para sua calha, que combinado com a integração do objeto de mídia torna a grade mais poderosa e fácil de usar do que qualquer outro sistema de grade.
  • O código CSS total do Cascade Framework é de apenas 9712 bytes reduzidos e compactados em gzip e pode ser reduzido ainda mais se você não precisar de todos os módulos. Para muitos projetos, você se sairá bem com uma compilação do Cascade Framework com apenas 3910 bytes.
  • Cascade Framework tem uma versão “light” que não tem mais do que 2010 bytes no total. Embora não contenha componentes como painéis ou guias, ainda oferece um design limpo para um monte de elementos, suporte para IE6, comportamento responsivo, etc. Se você precisa apenas de seus recursos de grade, você pode ir tão leve quanto 323 bytes.
  • O Cascade Framework oferece suporte até o IE6 e não há planos para descartar o suporte para navegadores mais antigos em um futuro próximo.

Cascade Framework é um código aberto e está disponível no GitHub . Os desenvolvedores são incentivados a participar do projeto e fazer suas próprias contribuições para a plataforma.

Avaliação

Em um artigo postado em 13 de outubro de 2013, a Crunchify lista Cascade Framework como # 5 em seu "Top 5 New and Favorite Responsive Frameworks". Os quatro primeiros são, respectivamente, Bootstrap, Cardinal, TypePlate e Furrato.

Em um artigo postado em 24 de outubro de 2013, CodeGeekz o lista entre "12 frameworks novos e úteis". Outros projetos listados são Gumby, Resolvido por Flexbox, UI Kit, SkelJS, Cardinal, Layers CSS, Grid Forms, Gridism, Maxmert, Rocket CSS e Kube Framework.

O portal Linux Linuxlinks lista o Cascade Framework como um dos dez "melhores frameworks leves de código aberto para iniciar projetos CSS e HTML". Outros projetos listados são Quantum Framework, Pure, Baseline, HTML KickStart, Base, KNACSS, Toast, Motherplate e HTML5 Boilerplate.

Cascade Framework foi Softpedia Script do dia 's em 6 de Setembro de 2013. roteiros de Softpedia testador Catalin Cimpanu explica por que, segundo ele, Cascade quadro não é o seu quadro típico:

O framework Cascade CSS é um projeto único hoje em dia. Ao contrário da maioria dos frameworks CSS que se concentram na IU, o Cascade se concentra na organização do código e na conformidade entre navegadores, algo que a maioria dos desenvolvedores de front-end de CSS atualmente não se preocupam mais.

Embora os desenvolvedores de frameworks CSS estejam ocupados empacotando o máximo de módulos de IU que podem no núcleo de seus frameworks, a maioria deles esqueceu o principal problema com o desenvolvimento da Web, um problema que existe desde o início dos anos 2000: compatibilidade entre navegadores.

Enquanto a maioria dos frameworks quebra quando vista de um navegador diferente e mais antigo, o Cascade Framework ainda é renderizado da mesma forma e até mesmo se degrada graciosamente em navegadores antigos.

Impossível certo? Não é impossível, mas muito possível, como esta estrutura provou. A maior diferença do Cascade em comparação com outros frameworks CSS é a maneira como o código foi organizado, tornando-o super fácil para os desenvolvedores não apenas usarem, mas também manterem os sites que constroem. Tudo isso sem quebrar em navegadores mais antigos.

Cascade Framework também foi uma das duas inscrições vencedoras de um concurso organizado pela empresa belga de desenvolvimento web Openminds no contexto de sua conferência Ruby de 2013 , chamada Arrrrcamp.

Integração

Cascade Framework Advanced

Em 19 de maio de 2014, um tema Drupal baseado no Cascade Framework foi adicionado à sandbox do site do Drupal como um projeto de sandbox.

Em 29 de outubro de 2014, Cascade Framework Advanced foi lançado. Este projeto de código aberto integra Cascade Framework com JQuery UI .

Referências

links externos