Você se diverte em experimentar o design de ponta da web, mas se sente em conflito com as especificações técnicas formais estabelecidas pelo W3C?

Tem dúvidas sobre a aplicação de suas ideias de vanguarda ao mesmo tempo em que oferece suporte a vários navegadores e padrões de atendimento?

Bem o Equipe do Adobe Web Platform está pronto para te convencer do contrário ...

Se você está acompanhando seu trabalho recente, já está ciente de como algumas das mentes mais inovadoras do setor são empurrando as bordas da Internet para torná-lo um lugar melhor. O que você pode não perceber é o impacto que eles também estão tendo nos padrões das comunidades HTML e CSS.

Em parceria com outros grandes players como Microsoft, Google e Mozilla, a equipe da Adobe Web Platform está promovendo padrões CSS em várias frentes, participando de grupos de padrões web, fornecedores de navegadores, contribuidores de projetos de código aberto e criadores de conteúdo. Eles têm estado ativamente engajados com o W3C e fizeram várias propostas, incluindo regiões CSS, CSS Shapes e CSS Masking, enquanto contribuem com implementações de tais propostas para WebKit, Blink, Gecko e Internet Explorer.

Regiões CSS

Recentemente, Regiões CSS , que preenche a lacuna entre a publicação impressa e digital, tornou-se o mais recente oficial Safari móvel do iOS7 release (junto com modos de mesclagem de canvas, caminhos de canvas e caminhos de clipes CSS). Agora, os desenvolvedores podem usar esse recurso em websites e aplicativos da web destinados a esses dispositivos, e espera-se que o suporte do Android os acompanhe em breve. Além disso, as regiões CSS funcionam no Chrome, Webkit, uma versão do Opera que usa o Piscar engine, e há uma implementação parcial para o IE10 usando uma versão mais antiga da especificação das Regiões CSS.

slide_cssregions

As regiões CSS permitem controlar onde o conteúdo aparece na sua página e o que acontece quando o conteúdo não cabe dentro do contêiner. Ele permite que os designers ditem o fluxo de conteúdo onde quisermos e em qualquer formato ou tamanho desejado. E como ele alcança a separação da marcação semântica da marcação de layout, podemos usar as regiões CSS para injetar nosso conteúdo em algo que se assemelha a um modelo. Isso é ótimo para layouts de estilo de revista ou estrategicamente conteúdo dobrável , como publicidade, em designs responsivos.

Formas CSS

Outra área em que a Adobe está intensificando o desenvolvimento, de acordo com o engenheiro da Adobe Web Platform, Razvan Caliman , está com Formas CSS , ainda sob uma bandeira chrome: // . Isso não deve ser confundido com formas que são simplesmente realizadas através da aplicação de propriedades CSS como border-radius ou box-shadow como visto em As formas do CSS . Esses exemplos fornecem apenas a ilusão de uma forma sem qualquer influência no layout real do conteúdo da página. O CSS Shapes literalmente aprimora a experiência visual de contar histórias, capacitando o designer a envolver o conteúdo em torno ou dentro das formas com apenas algumas propriedades CSS simples.

Se você ainda não viu, Razvan Caliman Alice na apresentação do país das maravilhas em CSSconf.eu vai explodir sua mente.

Mascaramento CSS

Quase perdido no hype de regiões CSS é Clipping CSS e CSS Masking , que sem dúvida irá inspirar você. Essas técnicas agora são possíveis no navegador, o que costumava ser possível com o software de edição de imagens. Capture alguns efeitos visuais incrivelmente simples usando um gradiente linear básico combinado com CSS Masking.

Resumo

É realmente uma era incrível de web design. Com os desenvolvedores de toda a indústria constantemente se esforçando para empurrar o envelope, estes são realmente tempos emocionantes.

Se esse tipo de avanço o incitar, você definitivamente vai querer prestar atenção nas notícias da semana passada. Conferência para desenvolvedores de HTML5 onde a Equipe do Adobe Web Platform e muitos outros estarão disponíveis para nos mostrar como estão reinventando o design da web como o conhecemos.

As empresas devem poder influenciar os padrões da web? Com quais inovações da Adobe você está mais empolgado? Deixe-nos saber seus pensamentos nos comentários.