À medida que as demandas da Web mudam e os desenvolvedores experimentam diferentes experiências de usuário, a necessidade de mais aprimoramentos no idioma nativo aumenta. Nossa camada de apresentação, CSS, tem se saído incrivelmente bem no aprimoramento dos recursos, mesmo que às vezes seja muito lento. A necessidade de suporte nativo para expandir automaticamente o textarea é conhecida há muito tempo… e finalmente chegou!

Para permitir que textarea cresçam vertical e horizontalmente, adicione o parâmetro field-sizing com um valor de content:

textarea {
  field-sizing: content; // default is `fixed`
}

O valor padrão para field-sizing é fixed, sinalizando o comportamento atual. O novo comportamento, content, se expandirá o máximo possível. Para restringir o tamanho de a textarea pode crescer, use o tradicional width/max-width e height/max-height propriedades.

  • buscar API

    Um dos segredos mais mal guardados sobre AJAX na Web é que a API subjacente a ele, XMLHttpRequest, não foi realmente criada para o uso que estamos fazendo dela. Fizemos bem em criar APIs elegantes em torno do XHR, mas sabemos que podemos fazer melhor. Nosso esforço para…

  • Crie um efeito de logotipo brilhante com CSS
  • Dê um toque especial aos seus elementos de seleção com o FauxSelect
  • Detectar o prefixo do fornecedor com JavaScript

    Independentemente de nossa posição sobre os prefixos de fornecedores, temos que conviver com eles e, ocasionalmente, usá-los para fazer as coisas funcionarem. Esses prefixos podem ser usados em dois formatos: o formato CSS (-moz-, como em -moz-element) e o formato JS (navigator.mozApps). O incrível X-Tag O projeto tem…