Because the calls for of the online change and builders experiment with completely different person experiences, the necessity for extra native language enhancements expands. Our presentation layer, CSS, has completed extremely effectively in enhancing capabilities, even when generally too gradual. The necessity for native assist for mechanically increasing textarea components has been lengthy identified…and it is lastly right here!
To permit textarea components to develop vertically and horizontally, add the field-sizing property with a worth of content material:
textarea {
field-sizing: content material; // default is `mounted`
}
The default worth for field-sizing is mounted, signaling present habits. The brand new habits, content material, will increase as a lot as attainable. To constrain the scale a textarea can develop, use conventional width/max-width and peak/max-height properties.
Serving Fonts from CDN
For optimum efficiency, everyone knows we should put our belongings on CDN (one other area). Together with these belongings are customized internet fonts. Sadly customized internet fonts by way of CDN (or any cross-domain font request) do not work in Firefox or Web Explorer (accurately so, by spec) although…
Create a CSS Flipping Animation
CSS animations are quite a lot of enjoyable; the great thing about them is that by means of many easy properties, you possibly can create something from a sublime fade in to a WTF-Pixar-would-be-proud impact. One CSS impact someplace in between is the CSS flip impact, whereby there’s…
Create Spinning, Fading Icons with CSS3 and MooTools
A purpose of my newest weblog redesign was to apply what I preached a bit extra; add a bit extra delicate aptitude. One of many methods I achieved that was through the use of CSS3 animations to alter the show of my profile icons (RSS, GitHub, and so forth.) I…
CSS Rounded Corners
The flexibility to create rounded corners with CSS opens the opportunity of delicate design enhancements with out the necessity to embrace photos. CSS rounded corners thus save us time in creating photos and requests to the server. At present, rounded corners with CSS are supported by all of…
